https://media.blubrry.com/hipsterstech/content.blubrry.com/hipsterstech/hipsters_006_web_components.mp3Podcast: Play in new window | Download | Embed RSS | More Compartilhar Assinar Web Components – Hipsters #06 23/08/2016 / front-end Podcast programação web / 45 Comentários Já imaginou usar uma tag html como <google-map> com propriedades latitude e longitude para mostrar um mapa navegável? Para colocar um widget bonitinho na sua página web, seja um mapa, um carrossel ou um calendário, normalmente adicionamos kilos e kilos de javascript e css de lindas bibliotecas para ter acesso a esses componentes. Há ainda os problemas de conflito de namespace e de repetição de código. Uma nhaca! O host Paulo Silveira conversa com Zeno Rocha e Sergio Lopes sobre as especificações que compõem a WebComponents, que vem (tentar) mudar esse cenário. Participantes: Paulo Silveira, host do hipsters Sérgio Lopes, líder mobile e web na Caelum e Alura Zeno Rocha, developer advocate na LifeRay Alguns links citados: WebComponents página que reúne bastante coisa das especificações Polymer biblioteca bacanuda de webcomponents Polyfills do webcomponents Let’s encrypt certificados grátis para você não inventar mais desculpas para não usar https Curtiu o episódio? Vale ouvir nosso episódio sobre Progressive Web Apps também! Produção e conteúdo: Alura Cursos online de Tecnologia – https://www.alura.com.br === Caelum Ensino e Inovação Edição e sonorização: Radiofobia Podcast e Multimídia Sim, este site tem html, css e js bem misturado e bem repetido! Relacionado
benLopes - 1 Ótimo tema!!! Poxa os programas estão muitos pequenos…rsrs postcast maiores…por favor… Responder
Fernando Quadro - 0 Paulo, pensei que era só eu que ainda usava o center no HTML. Fiquei mais tranquilo quando você falou que também sente falta e usa. rsrsrs! Abraço! Responder
Gabriel Ribeiro - 1 Sérgio, existe modal só com css sim! O Felipe Fialho tem uma lib com vários componentes feitos só com html + css. https://github.com/LFeh/css-components Parabéns pelo podcast galera o/ Responder
Sérgio Lopes - 0 Bem legal esse projeto! Muitos bons exemplos mesmo. Mas vários hacks tbm né (tem mais checkbox hack do que eu gostaria hahaha) Responder
Gabriel Ribeiro - 0 uhauhahuauha estamos longe de um mundo perfeito, mas o projeto é tope mesmo 🙂 Responder
Mauricio R. Duarte - 0 Existe esse Bulma CSS, que não usa Javascript e tem modal, vê se é isso 😀 http://bulma.io/documentation/components/modal/ Parabéns pelo podcast Responder
KlarkC - 1 Gente quero aproveitar pra divulgar dois projetos, um é o http://customelements.io, um website que é um “agregador” de web-components. Claro que ele também usa web-components 😉 Outro projeto é um que estamos começando agora no GitHub: https://github.com/trabalhando/ondetrabalhar Será um Progressive Web App para centralizar informações de bons lugares para se trabalhar, estamos decidindo ainda as tecnologias, mas já há algo usando Polymer por lá. Participe conosco! 😉 Responder
Paulo Silveira - 1 opa! parabéns pelo trabalho! o zeno nem lembrou de falar do customelements ehhehe. Responder
Matheus Henrique - 0 Esperando anciosamente para essa idéia se concretizar pois irá facilidade demais não ter todos aqueles ctrl+c e ctrl+v de códigos. Responder
Diego Batista - 0 Opa estamos usando Polymer na nossa web app com cordova esta muito rápido executando no IOS e Android. Responder
Carlos Carvalho - 1 Cara, melhores conteúdos que eu consumo na semana. Por mim vocês deveriam ter 2 por semana :P. Poderia ser até só um com os imortais e o outro de assuntos mais diversos. Sério, eu fiquei viciado haha. Abs Responder
Paulo Silveira - 1 Valeu Carlos! Olha, seria meu sonho gravar 2 podcasts por semana. Mas 1 já está dando uma trabalheira danada ehhehe. Responder
Victor Vasquez - 0 Muito bom! Parabens! Estou migrando o meu site para responsivo e aproveitando a mudança para já colocar em uma tecnologia front end mais moderna. Esses podcast estão me atualizando e me motivando! Responder
Ednilson Campos - 0 Além do letsencrypt existe o http://www.cacert.org/ para certificado gratis Responder
Paulo Silveira - 0 Eu to conseguindo Clayton, olha aqui: http://www.podbean.com/media/share/dir-q9nru-1adb5a5 Responder
Cleiton Rodrigues - 0 Eu ODEIO o inbox! Me julguem. 🙁 ps: Eu ouvi curso de Polymer no Alura? Responder
Leandro Severino - 0 Pergunta de noob, mas preciso fazer: – React versus Angular 2.x ? Tipo, o Angular 1.x é carta fora do baralho ? e o React versus Angular 2.x ? qual é o melhor caminho ?, claro que tudo depende de projeto e aplicabilidade e etc, mas me parece que o mercado esta indo bastante para o lado do React. Impressão minha mas tem muita gente desconfiada com o Angular 2.x, isso procede ? Responder
Douglas Junior - 0 Pelo o que tenho visto, Angular 2 ainda não tá pronto. A cada release muda muita coisa e outras ficam deprecated. Angular 1 nem se fale, agora com o 2 a morte é certa. Nem o próprio Google usa. Minha melhor opção até então foi React. Responder
João Pedro Gamin - 0 Por favor, possibilite efetuar o download do podcast como .zip . Pois a internet que uso existe um bloqueio no firewall. Responder
Douglas Junior - 0 Show de bola. Parabens mais uma vez, e obrigado. Estou estudando esses framework nos últimos meses. Até agora gostei mais do React. Angular não caga e não sai da moita. VueJS parece q ainda está engatinhando. Estou usando uma lib chamada React Toolbox para material design, a melhor que achei até agora. Responder
Little Joe - 0 Ótimo tema, galera! Embora ele seja de 2017 e já estamos em janeiro de 2018, poderiam abordar esse tema novamente com o Vue.js, que parece implementar essa parada de Web Components… Estou estudando ele atualmente visando adotá-lo… Antes dele, li um livro sobre Angular v1.x… e depois descobri que ele mudou totalmente… Já descartei Node.js por causa do servidor em JS e o Embler por ser pesado. Agora, gostaria de saber de mais opiniões com um “Advogado do Diabo” junto pra não ter só a opinião de alguém que é entusiasta do Vue.js Outra sugestão de tema seria abordarem “Metodologias de Desenvolvimento Profissional” em PHP em JS. Parabéns pelo trabalho de vocês! Responder
