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:

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
  • 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!

Leave a Reply

45 Comentários

  1. KlarkC

    Haha valeu! ótimo Podcast, vou indicar pra uma galera =D

  2. 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.

  3. 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!

  4. Alan Oliveira

    Nem escutei, mas já sei que está sensacional!

  5. 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.

  6. 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.

    • Júlio Shinoda

      VueJs é bom. Uso em meus projetos

    • Richelly Italo

      Estou estudando o Aurelia, mas admito que gostei mais do React.

  7. Diego Batista

    Opa estamos usando Polymer na nossa web app com cordova esta muito rápido executando no IOS e Android.

  8. 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.

    • Paulo Silveira

      boa andre. um passo gigante de cada vez 🙂

  9. 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!

  10. kennedy Pereira

    mais um conteúdo muito bom !!!!!!!!

  11. Sidney

    Viciado nº2 assumido dos podcasts de vcs.
    Muito conteúdo e informação. \o/

  12. Rafael

    Ótimo podcast para ser consumido por nós desenvolvedores.

  13. 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 !

  14. 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.

  15. João Pedro Gamin

    Por favor, possibilite efetuar o download do podcast como .zip . Pois a internet que uso existe um bloqueio no firewall.

  16. 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.

  17. Augusto Sandim

    Vocês comentaram sobre o materializecss, funciona perfeitamente.

  18. 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!

Next ArticleOculus Rift e Realidade Virtual - Hipsters #07