Progressive Web Apps – Hipsters #03

Cansado da instalação de apps que são utilizadas apenas uma vez na vida? Seus problemas acabaram! Ou não? ¯\_(ツ)_/¯ Progressive Web Apps une especificações que permitem que sua aplicação puramente web tenha um certo sabor que apenas as apps nativas tinham até então. Nesse episódio, além do Paulo Silveira, temos Sergio Lopes, conhecido especialista web e mobile, além do Mauricio Linhares, diretamente das escadarias da Philadelphia.

Fichinha da biblioteca:

Participantes:

Alguns links citados:

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

Você já participa do nosso grupo no Facebook? Excelente oportunidade de iniciar um flamewar 🙂

Leave a Reply

117 Comentários

  1. Paulo Silveira

    APPOCALYPSE. Como prometido, eis minha home screen. As apps que eu uso muito são instagram e whatsapp. As outras nem tanto. Das outras páginas então, quase nunca….

    • Matheus Montenegro

      Opa, acho que vi um app ali de shopping hehee

  2. William R. Fernandes

    Ótimo podcast! Ajudou nas minhas ideias para os novos projetos hehe! Obrigado!

  3. Matheus Montenegro

    Ótimo podcast. Estão de parabéns. O Paulo consegue arrancar umas dúvidas que a gente vai pensando aqui e acaba sendo uma conversa bem bacana de se ouvir. A minha homescreen é bem clean.

    • Paulo Silveira

      Valeu Daniel! A gente deixa a escovação de bits mais pro final, para todo mundo poder aproveitar! Mas to vendo que a galera gosta mesmo do hardcore.

        • Raphael Lacerda

          Só de pensar que um dos argumentos laaaaaaaa atrás para não se fazer o podcast era justamente o Grok!! hahaha

  4. Rubinho_sjr

    Muito bom tema, comecei a desenvolver apps recentemente e isso de pra cada coisa criar um app tava me incomodando bastante, não parece a forma certa de se desenvolver para certos casos.
    Vou estudar mais isso.

  5. Inaldo Brandão

    Parabéns pelos podcasts, depois de uma maratona, ouvi os 3, segue aí minha homescreen, hehe !

  6. Douglas

    Pra quem como eu ficou curioso sobre mais exemplos reais de Progressive Web Apps, vejam o link abaixo que tem desde afinadores de violão até gerenciadores de despesas :

    https://pwa.rocks

    Tá muito maneiro o Podcast pessoal 🙂

  7. Carlos Fagiani Junior

    Não caberia no cast falar sobre o FirefoxOS? Que eu saiba ele é todo voltado para webApps.

    Essa eh minha home screen do iPhone, 10 dos 18 apps da pasta extra eu desinstalaria se pôde-se. Mas acho q se eu tivesse mais memória com certeza teria muito mais aplicativos instalados, consumir somente um json pelo App ainda acho bem melhor do q consumir json, html, js, css e etc a cada refresh da página, talvez quando o cacheamento das páginas como se fossem uma aplicação começar a acontecer com certeza mudo a opinião…

    • Saudoso Firefox OS! Infelizmente foi descontinuado pela Mozilla 🙁
      Mas tem razão, várias das ideias de PWAs vieram de lá!

  8. Acho que sou o único que não deixa o ícone do Telefone no dock fixo debaixo da tela. Aliás, o Tel disparado é a “App” que menos uso 😀

    • É aí que você se engana! :p
      (pra abrir o discador eu uso dois toque na tela)

  9. Marcelino

    Basecamp 3 que usa o Turbolinks 5 e bom esse exemplo, apensar ter der apps nativas o core e todo na web.

  10. Mauricio Mutte

    Eu coloco tudo na home screen pois não gosto de ficar abrindo o menu 😀

  11. Cássio Almeida

    PWA + Beacons = <3

    Eis uma solução para encontrar o "app". rsrs

    Excelente cast!

  12. Cássio Almeida

    PWA + Beacons = <3

    Eis a solução para o usuário "encontrar" o app. rs!

    Excelente cast!

      • Cássio Almeida

        Estou muito confiante que irá decolar, Google vem fazendo um trabalho legal em cima disso.
        EUA já temos até uns cases bem interessantes.

  13. Leonardo

    Ótimo conteúdo. Mas tem um fundo musical a partir de 9:25 totalmente irritante (ruído).

  14. frankyston

    Muito bom o padcast. Minha screen foi realmente como foi discutido no podcast heheheheh

  15. Flavio Camello

    Parabéns! Os Podcasts estão ótimos, o entrevistador manda muito bem e estou no aguardo dos próximos. Valeu.

  16. Fernando Boaglio

    Muito bom podcast, parabéns. Os apps mais usados ficam na home. =)

  17. Marcos Antônio Dos Santos

    Muito bacana o podcast, curti demais.. Ajudou muito abrindo meus pensamentos mais ainda..
    Obrigado Alura. 😉

  18. Raphael Lacerda

    Melhor podcast até agora! Welcome to the future… go back to the Web!

  19. Raphael Lacerda

    Agora vai! E quando o screen shot gera um print > que 2mb! Hahaha! Não tem uma progressive webapp já para reduzir o tamanho? Ótimo cast!

    • Pois é. E no começo só funcionava no Chrome tbm. Eles tão melhorando com o tempo… Mas por enquanto eles tem um site desktop e outro mobile (PWA)

      • Lucas Marciano

        Mas vi que o template deles é material design puro, muito show. Só tem esse “probleminha” da responsividade.

  20. Alessandra Luz

    Parabéns pelo ótimo conteúdo!!
    Eu não uso o APP do Facebook e ta ai os que mais utilizo diariamente:

    • Paulo Silveira

      Valeu Dyego! E terça feira já tem mais 🙂

  21. Totalmente excelente. Todas as minhas ponderações foram abordadas no cast. A Apple vende dispositivo e quer após, o Google vende ads e quer dados e acessos. WebApp não aprece em loja, por enquanto. Muito bom mesmo. Mandando minha home screen também.

  22. José Alves

    O meu desktop deve ser o mais bizarro ever sem snap, sem Facebook, sem instagram.

      • José Alves

        hahahaha…na verdade é entrada de teclado em japonês do Google.

    • Luis Sérgio

      Mas vai dizer que vc faz ligação e manda SMS todo dia? O telefone é a primeira coisa que vai pra segunda página quando pego um novo celular. E só não desinstalo a app de SMS pq não dá.

      • José Alves

        Nada. A última vez que usei o “telefone” mesmo foi semana passada, para algo específico ainda.

  23. KlarkC

    Poxa, um cast desses e ninguém fala sobre o polymer-project.org, x-tag, bosonic, skatejs e a especificação dos web-components?

  24. Daniel Rigoni

    Parabens pelo podcast, já estou aguardando um curso sobre mais detalhes e utilização no Alura 😉

  25. Luis Sérgio

    Requisitar que o usuário instale o Chrome no IOS não ajudaria a resolver o problema do Safari não suportar Service Workers?

    • Não resolve. Chrome no iOS é um Safari na verdade com visual de Chrome. Então não tem Service Workers. Apple não permite outros browsers no iOS 🙁

      • Márcio Sancho

        É esse jeito “Coreia do Norte” de ser que não me atrai nos produtos da Apple.

  26. Victor Milani

    Telegram como principal comunicador!

  27. Oissat

    Acho paia, pq o Firefox OS era justamente essa ideia enraizada no sistema operacional da Mozilla: de vc usar apps que fossem na web, e que depois pudesse baixar como um favoritos ou não, podendo usar off line, e mesmo assim não vingou. Tudo bem que o Firefox era muito html5 tosco, e que não houve impacto de divulgação e desenvolvimento, mas era a mesma ideia do Steve, repaginada.
    Humanidade tem que sofrer baixando apps msm… kkkkkkk…
    😅

    • Paulo Silveira

      É uma opinião válida. Mas eu chuto que vai mais pra web que pro nativo. Como ocorreu nos computadores: usamos cem vezes mais o browser do que aplicações nativas… Mas claro, posso morder a língua 🙂

      • Oissat

        Sim sim, você não vai morder a língua! Olhe pro MSN Messenger hoje, kkk parece até brega um dia termos instalado aquilo! Tipo aquelas fotos que vc pega de você há uns 10 anos atrás! Mas a gente tem que bater a cara no muro, aprender pra depois desconfiar que existe outros caminhos, e o progressive web apps não foge disso!

  28. Douglas Junior

    Posta mais, pf! 2016 D.C., eis que surge um podcast útil, sem encher linguiça e sem viagens intra estrelares.

  29. Douglas Junior

    Posta mais, pf! 2016 D.C., eis que surge um podcast útil, sem encher linguiça e sem viagens intra estrelares.

    Falando do assunto, como desenvolvedor de app nativos e híbridos sou da opinião que isso vai demorar muito para acontecer, principalmente para app comerciais. Os browsers ainda pecam muito no requisito de validação de formulários, integração com o softkeyboard, problemas de locale e language, formatação de números decimais baseados em idiomas, etc.

    Desenvolver com Ionic já é um sofrimento enorme, mesmo com todo o suporte de plugins nativos oferecidos pelo cordova ainda tem muitos problemas, como o fato de não ser possível navegar com o foco entre os campos do formulário com o teclado do iOS. Enfim, acho que ainda vai tempo.

    • Diego Mello

      Também sou dev Ionic.
      Na minha opinião, é um excelente framework pra fazer coisas simples e rápidas.
      Se for necessário implementar QUALQUER coisa mais elaborada, FUDEU!
      Hahahahaha.

  30. Diego Mello

    Excelente programa!
    Li em algum lugar que o Facebook está fazendo alguns testes com React e React Native.
    Se eu não me engano, os comentários da web já estão usando React e toda a aba de eventos do app está em React Native.

  31. Diego Mello

    Uma tentativa de corrigir a fragmentação dos webapps no Android é o Projeto Crosswalk.
    É um must-have em projetos Ionic (acho que Phonegap também).
    Ele instala uma webview baseada no Chromium p/ unificar a experiência.
    O problema é que ele aumenta 15~20MB no tamanho final do app =/

    • FTR, não tenho fb nem fb messenger instalado também. e cada vez mais penso sobre mudar pra android por causa do ciclo cagado de atualizações do Safari.

      parece IE antigamente, que só atualizava com updates do sistema operacional. lixo isso. mas aí penso em todo dinheiro que gastei comprando apps pro iOS, e que quase não uso apps do Google (só maps e translate). tá difícil ser eu, hahahaha

      • Paulo Silveira

        bem organizado mesmo. mas ainda acho tao estranha essa galera com telegram como app principal…

  32. Pingback: Web Components – Hipsters #06 |

  33. Pingback: Web Components – Hipsters #06 – Podflix - Hipsters Ponto Tech - Podcast

  34. Depois de ouvir este podcast fiquei mais confiante no desenvolvimento da página de minha empresa.
    Fiz com Polymer seguindo o conceito Progressive Web App. Quem quiser conferir o resultado segue o link https://www.crius.com.br, segue também minha homescreen : )

  35. Fabio Souza

    Muito bom o podcast, aproveito para sugerir aí uma web app da Alura, tem hora que o jeito é estudar no mobile mesmo.

  36. Pingback: Os 10 links do mês - Agosto | Blog da Concrete

  37. Obrigado pelo podcast! Vocês estão de parabéns mesmo.
    O Audio é de primeira qualidade e o tempo dos episódios está perfeito, mais tempo do que isso penso ser perda de tempo.
    Vocês conseguem condensar bem o conteúdo e instigar a pesquisar mais sobre o tema, tanto que fui testar o site do Twitter e a primeira mensagem que apareceu foi a sugestão para adicionar à tela inicial.

  38. Fábio Thomaz

    Já comentaram sobre o Telegram aqui, mas não sei se alguém já usou ele web no Smartphone:
    web.telegram.org

    Abrindo no Chrome, vc pode adicionar ele na tela principal e funciona como uma app mas sem precisar instalar.

    • Gustavo Paiva

      Sim, funciona bem, inclusive no iOS 10

  39. Fábio Thomaz

    Vejam, este é o Telegram sendo usado como app, mas rodando web pelo endereço que citei no post anterior

  40. Interessantíssimo essas progressive web apps, qm sabe se torne um padrão no futuro. Espero um curso na Alura!

  41. Gabriel Ariza

    Qual a linguagem utilizada no hipster tech ?
    Cara que aguinia de não ter barra de pesquisa, po coloca no github o projeto que eu faço a melhor barra de pesquisa o possível.

  42. Gabriel Ariza

    Ata, esqueci de um de detalhe. Parabéns ao podcast maravilhoso, cheio de conteúdo usefull !

  43. Um motivo para a Apple não apoiar os Progressive Web Apps é que ele perde uma grande fonte de renda que é a Loja de Aplicativos.
    Se meu App não precisa estar em uma loja para ser utilizado, não tem como Apple controlar e ganhar com isso.
    Para a Google isso não é um problema, porque o foco dela não é vender mais, mas sim ter mais usuários na sua plataforma para ganhar com anúncios.
    O que pensam disso?

  44. Bruno Oliveira de Alcântara

    Mais um ótimo podcast!

  45. Pingback: Xamarin: Desenvolvimento multiplataforma |

  46. Pingback: Xamarin: Desenvolvimento multiplataforma – Podflix - Hipsters Ponto Tech - Podcast

  47. Pingback: Xamarin: Desenvolvimento multiplataforma – Hipsters #19 – Podflix - Hipsters Ponto Tech - Podcast

  48. Quais materiais vocês recomendam pra quem quer aprender a criar progressive web apps?
    considerando que tem que saber o básico html, css, js.

  49. Everton J. Carpes

    Muito bacana o podcast. Queria reforçar 2 vantagens que vejo nessa abordagem (a qual aqui na Nutrebem já usamos desde 2014):

    1. Não temos que nos dividir em time mobile e app, aqui somos as mesmas pessoas trabalhando com web e com mobile, mantendo a equipe pequena e mais simples de gerenciar projetos, com infra tecnica bem comum entre ambas as soluções: mesmo processo de deploy, mesma infra, mesmo processo de integração, etc
    2. Em casos onde é necessário acesso nativo a algum dispositivo (no nosso caso é acesso a impressora), você pode desenvolver um híbrido, onde o código nativo é exposto para o JS (qqr browser embedável vai te dar recurso pra isso) e de resto a APP apenas abre um webview dentro dela mesmo; Usamos esse caso aqui em nossos kiosks, o que reforça meu primeiro ponto: hoje temos uma mesma equipe com skills de web mantendo kiosks que funcionam em mais de uma plataforma e com deploy tão simples quanto qqr site do mercado

    • Nailan Ferreira

      TOP! Valew consegui ver como funciona na pratica.

  50. Matteus Barbosa

    Em junho entreguei meu TCC: um app em cordova que criei com Intel XDK, pela vantagem de usar linguagem web pra gerar apps android, ios, windows phone… Se soubesse da PWA, teria salvo uma baba de tempo e ficaria bem mais completo.

Next ArticleHistórias do Cloud - Hipsters #04