https://media.blubrry.com/hipsterstech/content.blubrry.com/hipsterstech/hipsters_003_progressive_web_apps.mp3Podcast: Play in new window | Download | Embed RSS | More Compartilhar Assinar Progressive Web Apps – Hipsters #03 02/08/2016 / front-end mobile Podcast web / 117 Comentários 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: Paulo Silveira, host do hipsters Sérgio Lopes, líder mobile e web na Caelum e Alura Mauricio ‘Balboa’ Linhares, engenheiro de software na Digital Ocean Alguns links citados: Palestra PWA do Sérgio Lopes (slides) Web Manifest Offline com Service Workers Push Notifications na Web Install banners no Chrome Android Flipkart, ecommerce indiano exemplo de PWA 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 Você já participa do nosso grupo no Facebook? Excelente oportunidade de iniciar um flamewar 🙂 Relacionado
Paulo Silveira - 1 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…. Responder
William R. Fernandes - 0 Ótimo podcast! Ajudou nas minhas ideias para os novos projetos hehe! Obrigado! Responder
Matheus Montenegro - 0 Ó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. Responder
Daniel, o Conte - Caps - 0 Temas muito relevantes, estou gostando, principalmente do momento onde escovam os bits. Responder
Paulo Silveira - 0 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. Responder
Daniel, o Conte - Caps - 0 para preencher o espaço que o Grok deixou nos nossos corações Feeds Responder
Raphael Lacerda - 0 Só de pensar que um dos argumentos laaaaaaaa atrás para não se fazer o podcast era justamente o Grok!! hahaha Responder
Daniel, o Conte - Caps - 0 https://uploads.disquscdn.com/images/1bfd020e5f625abd31323b410e0803e8eabef0365a7bf27f61cb8d9aad8b5072.jpg  Com que uso diariamente mesmo. Responder
Daniel, o Conte - Caps - 0 Só um ponto que mesmo sem o App da TAM tu acessa o serviço de mídia por um link no navegador também. Responder
Rubinho_sjr - 0 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. Responder
Nuno - 0 Adicionando um link para complementar http://devcommunitycast.com.br/faaala-neto-006-criando-para-bilhoes-conectividade/ Responder
Inaldo Brandão - 0 Parabéns pelos podcasts, depois de uma maratona, ouvi os 3, segue aí minha homescreen, hehe ! Responder
Daniel, o Conte - Caps - 0 maratona de 3 podcasts? hehe isso eu chamo de uma tarde tranquila huhue Responder
Douglas - 0 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 🙂 Responder
Carlos Fagiani Junior - 0 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… Responder
Sérgio Lopes - 0 Saudoso Firefox OS! Infelizmente foi descontinuado pela Mozilla 🙁 Mas tem razão, várias das ideias de PWAs vieram de lá! Responder
Sérgio Lopes - 0 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 😀 Responder
Marcelino - 0 Basecamp 3 que usa o Turbolinks 5 e bom esse exemplo, apensar ter der apps nativas o core e todo na web. Responder
Cássio Almeida - 0 PWA + Beacons = <3 Eis uma solução para encontrar o "app". rsrs Excelente cast! Responder
Cássio Almeida - 0 PWA + Beacons = <3 Eis a solução para o usuário "encontrar" o app. rs! Excelente cast! Responder
Cássio Almeida - 0 Estou muito confiante que irá decolar, Google vem fazendo um trabalho legal em cima disso. EUA já temos até uns cases bem interessantes. Responder
Leonardo - 0 Ótimo conteúdo. Mas tem um fundo musical a partir de 9:25 totalmente irritante (ruído). Responder
Douglas Neves - 0 Parabéns pelo conteúdo!!! Segue minha screen, prefiro organizar em pastas 😉 Responder
frankyston - 0 Muito bom o padcast. Minha screen foi realmente como foi discutido no podcast heheheheh Responder
Flavio Camello - 0 Parabéns! Os Podcasts estão ótimos, o entrevistador manda muito bem e estou no aguardo dos próximos. Valeu. Responder
Marcos Antônio Dos Santos - 0 Muito bacana o podcast, curti demais.. Ajudou muito abrindo meus pensamentos mais ainda.. Obrigado Alura. 😉 Responder
Raphael Lacerda - 0 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! Responder
Sérgio Lopes - 0 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) Responder
Lucas Marciano - 0 Mas vi que o template deles é material design puro, muito show. Só tem esse “probleminha” da responsividade. Responder
Alessandra Luz - 0 Parabéns pelo ótimo conteúdo!! Eu não uso o APP do Facebook e ta ai os que mais utilizo diariamente: Responder
Maurício Fedatto - 0 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. Responder
José Alves - 0 O meu desktop deve ser o mais bizarro ever sem snap, sem Facebook, sem instagram. Responder
Luis Sérgio - 0 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á. Responder
José Alves - 0 Nada. A última vez que usei o “telefone” mesmo foi semana passada, para algo específico ainda. Responder
KlarkC - 0 Poxa, um cast desses e ninguém fala sobre o polymer-project.org, x-tag, bosonic, skatejs e a especificação dos web-components? Responder
Daniel Rigoni - 0 Parabens pelo podcast, já estou aguardando um curso sobre mais detalhes e utilização no Alura 😉 Responder
Luis Sérgio - 0 Requisitar que o usuário instale o Chrome no IOS não ajudaria a resolver o problema do Safari não suportar Service Workers? Responder
Sérgio Lopes - 0 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 🙁 Responder
Márcio Sancho - 0 É esse jeito “Coreia do Norte” de ser que não me atrai nos produtos da Apple. Responder
Oissat - 0 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… ? Responder
Paulo Silveira - 0 É 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 🙂 Responder
Oissat - 0 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! Responder
Douglas Junior - 0 Posta mais, pf! 2016 D.C., eis que surge um podcast útil, sem encher linguiça e sem viagens intra estrelares. Responder
Douglas Junior - 0 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. Responder
Diego Mello - 0 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. Responder
Diego Mello - 0 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. Responder
Diego Mello - 0 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 =/ Responder
Daniel Filho - 0 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 Responder
Paulo Silveira - 0 bem organizado mesmo. mas ainda acho tao estranha essa galera com telegram como app principal… Responder
Percival Adriano - 0 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 : ) Responder
Fabio Souza - 0 Muito bom o podcast, aproveito para sugerir aí uma web app da Alura, tem hora que o jeito é estudar no mobile mesmo. Responder
matheus - 0 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. Responder
Fábio Thomaz - 0 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. Responder
Fábio Thomaz - 0 Vejam, este é o Telegram sendo usado como app, mas rodando web pelo endereço que citei no post anterior Responder
Tarantini Pereira - 0 Messenger = sms https://uploads.disquscdn.com/images/8e7a7c9452af5d709350388361216a3b47fa723dee4bed6ddecd153fd7c5526a.png Podcast super show!!! Responder
Murilo - 0 Interessantíssimo essas progressive web apps, qm sabe se torne um padrão no futuro. Espero um curso na Alura! Responder
Gabriel Ariza - 0 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. Responder
Gabriel Ariza - 0 Ata, esqueci de um de detalhe. Parabéns ao podcast maravilhoso, cheio de conteúdo usefull ! Responder
Brendo Marinho - 0 Olha a home aí gente https://uploads.disquscdn.com/images/0b5ede96f233a7eeb1ebb7d65f72aa50d123be57f5928773daa3fa3decc8023b.png Responder
Felipe Rodrigues - 0 Olha o print https://uploads.disquscdn.com/images/28683671c5f48743be268984995659d2eee26fa10b53dff80c1c6ed4aca0d5d8.png https://uploads.disquscdn.com/images/f7ad6da82c699a9d75aed48acab332f2506265f8a9d487d513abf13e52fbad94.png Responder
Hector Cardoso - 0 Olha a home aí gente https://uploads.disquscdn.com/images/76b3e719536eabe0f7ce98fc5ee9ae469c771b70f89ca614e1cf8e9e44f90ee3.png Responder
matheus - 0 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? Responder
Fausto Blanco - 0 A minha, só o basico https://uploads.disquscdn.com/images/6415384d632c704c3cd62d0456cbb14861e65e3663e11a3062d9d7ba726de93e.jpg Responder
Lidy Monteiro - 0 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. Responder
Israel Oliveira - 0 #homescreen limpa, com apenas os apps mais importantes. https://uploads.disquscdn.com/images/8e167d151ae1b2eaaab81826052948494bfccaebfc0e9acae89c5eaf64ded4a8.jpg https://uploads.disquscdn.com/images/08e794673ac7d1f4b2e95f38377359309e2d3ff09a3755eed570c48a87de25fd.jpg Responder
Pedro Manuel Torres - 0 Excelente episódio, segue minha home screen. https://uploads.disquscdn.com/images/f3006806db61b335754d1279902cfcf9531b41d4e56cc169a52a99a398e10341.png Responder
Everton J. Carpes - 0 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 Responder
Corvo - 0 Ótimo podcast comecei a me aprofundar em PWAs e já consegui fazer dois projetinhos simples, à quem se interessar: https://balancadigital.ideias.pw https://whatsnumber.ideias.pw Responder
Matteus Barbosa - 0 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. Responder
