Web Components – Hipsters #06
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!
Thiago Miro
First
Paulo Silveira
você é café com leite.
Giovani Alfeu Harada
Second
KlarkC
Haha valeu! ótimo Podcast, vou indicar pra uma galera =D
benLopes
Ótimo tema!!!
Poxa os programas estão muitos pequenos…rsrs
postcast maiores…por favor…
Paulo Silveira
estamos a caminho de aumentá-los
valeu ben.
Ramon Sena
Sempre muito bom!!
Fernando Quadro
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!
Paulo Silveira
dá-lhe !
Gabriel Ribeiro
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/
Sérgio Lopes
Bem legal esse projeto! Muitos bons exemplos mesmo. Mas vários hacks tbm né (tem mais checkbox hack do que eu gostaria hahaha)
Gabriel Ribeiro
uhauhahuauha estamos longe de um mundo perfeito, mas o projeto é tope mesmo
Mauricio R. Duarte
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
Alan Oliveira
Nem escutei, mas já sei que está sensacional!
KlarkC
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!
Paulo Silveira
opa! parabéns pelo trabalho! o zeno nem lembrou de falar do customelements ehhehe.
Matheus Henrique
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.
Richelly Italo
React, VueJs ou Aurelia?
Júlio Shinoda
VueJs é bom. Uso em meus projetos
Mauricio R. Duarte
React
Richelly Italo
Estou estudando o Aurelia, mas admito que gostei mais do React.
Diego Batista
Opa estamos usando Polymer na nossa web app com cordova esta muito rápido executando no IOS e Android.
Richelly Italo
Achei massa!
Carlos Carvalho
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
Paulo Silveira
Valeu Carlos! Olha, seria meu sonho gravar 2 podcasts por semana. Mas 1 já está dando uma trabalheira danada ehhehe.
Andre Pereira
Cadê o Slack do Hipsters.tech?
Paulo Silveira
boa andre. um passo gigante de cada vez
Victor Vasquez
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!
kennedy Pereira
mais um conteúdo muito bom !!!!!!!!
Sidney
Viciado nº2 assumido dos podcasts de vcs.
Muito conteúdo e informação. \o/
Rafael
Ótimo podcast para ser consumido por nós desenvolvedores.
Ednilson Campos
Além do letsencrypt existe o http://www.cacert.org/ para certificado gratis
Paulo Silveira
valeu ednilson! não conhecia.
Clayton Passos
não da pra ouvir no http://www.podbean.com/
Paulo Silveira
Eu to conseguindo Clayton, olha aqui:
http://www.podbean.com/media/share/dir-q9nru-1adb5a5
Cleiton Rodrigues
Eu ODEIO o inbox! Me julguem.
ps: Eu ouvi curso de Polymer no Alura?
JUNIOR FERREIRA
Eu também queria fazer esse curso !
Leandro Severino
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 ?
Douglas Junior
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.
Joao Cardoso
Bootstrap == grids
João Pedro Gamin
Por favor, possibilite efetuar o download do podcast como .zip . Pois a internet que uso existe um bloqueio no firewall.
Douglas Junior
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.
Augusto Sandim
Vocês comentaram sobre o materializecss, funciona perfeitamente.
JUNIOR FERREIRA
Adorei React !
Little Joe
Ó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!