O que é uma Progressive Web App (PWA)?

[@fernandasales4964]

Excelente conteúdo, questão de prova da FGV, me esclareceu muito as dúvidas!

[@edsonaraujocorral5301]

Recomendo o livro Progressive Web Apps do Guilherme Pontes; Sem dúvida um dos melhores livros da Casa do Código...

[@Leanst.]

PWA é simplesmente revolucionário, torço para que venha para ficar pois salva vidas até!

[@LucasOliveirar]

Apoio muito o PWA, assisti uma palestra do próprio Sérgio Lopes onde ele mostra um exemplo prático de uma PWA de shopping. Um exemplo prático que possui acesso a câmera para ler o ticket de pagamento do estacionamento, funciona offline, lista lojas do shopping e foi feita com jQuery. 🤟

[@kalanzans]

Valeu! Sensacional dica!

[@pauloandrade3192]

Também apoio, desde que os hackers não invadam. Porque deve ser chato e frustante entrar na aplicação e ver a página em branco ou not found.

[@allacarini]

Ótimo e esclarecedor papo. Estou desenvolvendo um projeto pessoal de app e a modalidade PWA acredito ser a melhor opção para o meu caso, após assistir esse vídeo. Obrigado!

[@alura]

Que bom saber que pudemos ajudar, Marcelo! Sucesso com o projeto! 💙

[@MauroFerreiradeSouza]

Minha primeira experiencia com PWA foi durante o lançamento do Projeto Polymer em um dos eventos anuais do Google onde foi divulgado também o Firebase em meados de 2017. Vale a pena conferir também a combinação de AMP com PWA que hoje, segundo alguns engenheiros do Google, é uma das melhores combinações para gerar tráfego orgânico e melhorar a UX na web (fora as dicas do Sérgio para acelerar o carregamento e renderização de paginas que é indispensável). Vale ressaltar também que muito do poder da PWA vem pelo uso dos service-workers que permanecem em serviço mesmo quando fechado o navegador e são responsáveis principalmente pelo funcionamento offline do app web. E agora é possível instalar PWA no Windows (e essa é recente) não apenas, como era a pouco tempo, no Android pelo Chrome e no iOS pelo Safari. (y)

[@leonardosc2175]

Muito bom! Vcs conseguem explicar de maneira simples e fácil algo que na internet esta descrito de forma complicada. Gostaria que fizessem um video sobre programadores que trabalham sozinho, não em times (meu caso, kkkk, faco back-end, front-end, hospedo site etc). Eu sei que e um assunto vago mais sei la, se tiver algo pra falar agradeço...

Parabéns, Alura. É um assunto que só cresce por ser barato e acessível à todos.

[@ventilando254]

barato não é.

[@matheuscardoso1]

ADOREI essa conversa aqui no cenário br

[@hagioguri]

Em 7:39, o chefe cobrando PWA do Sérgio, hahahahahahahahahaha. Agora falando sério, é muito legal esse tema e do modo como foi abordado. Na maior parte do tempo o PWA é relacionado a recursos de um smartphone, como câmera, gps e notificações por exemplo, mas ele pode ser estender as funcionalidades de uma aplicação web de computador, como acessar um arduíno por WebUSB. Um exemplo bem legal aqui: kzbin.info/www/bejne/fXnIhYauaq95r8k

[@guilhermecaraciolo]

Ficou difícil concetrar no contéudo vendo esse ambiente fantástico por trás de vocês, rsrsrs! show de bola

[@leandrobodobo8573]

Galera obrigado por essa ajuda. Vocês não sabem o tanto que me ajudaram!!!

[@luriam7700]

Os aplicativos do KZbin music e o novo da Netflix seriam isso? Recentemente me frustraram bastante já que são aplicativos que utilizam navegador como base e usam um absurdo do computador

[@JAODc-fo9gf]

PWA é diferente de aplicações baseada em navegador. Por mais que existam pessoas que tratem como se fosse algo diferente, uma PWA é na verdade um site feito para atender da melhor forma possível dispositivos mobile, enquanto uma aplicação baseada em navegador (como o discord ou o spotify para desktop por exemplo) são aplicações que executam uma instância de navegador, porém funcionam como uma aplicação nativa, e isso é uma diferença muito grande, visto que uma apllicação baseada em navegador tem muito mais acesso ao dispositivo e à funções do sistema operacional do usuário do que uma PWA, além de diferenças significativas na arquitetura da aplicação

[@RenanBecker]

A parte de poder distribuir na loja de aplicativo eu acho bacana, pois nem todos vão conhecer "meu site"

[@luandavidcarrilho1158]

Já dá pra colocar a PWA na Google play, com a TWA

[@kalanzans]

Sensacional! Grato! :^)

[@DenissaleS10]

Agora da para publicar na play store transformando o pwa em um twa

[@luizdealbuquerque2959]

Sim é possivel mesmo.

[@tiagorossi7254]

Excelente vídeo

[@raphaeladossantosgregorio1253]

Uma pergunta com a PWA da para ganhar dinheiro com anúncios? As plataformas paga?

[@pauloandrade3192]

Sim como nos nativos. O risco mesmo é só o hacker pegar tua aplicação e desviar a rota da tua aplicação para ele. Ou ficar com teu painel de administrador após mudar tua senha. Ou então quebrar teu DB SQL. Ou então pegar os dados de CPF dos usuários, etc.

[@Morphy177]

Muito foda! Sérgio Lopes manda muito!

[@marco.nascimento]

Excelente a conversa, não conhecia o que eram os PWA. Abraços :))

[@marcoinf23]

Ótimo conteúdo. A música ficou muito alta no final.

[@FelipeTeixeirast]

Muito bom, porém a música de fundo tá muito alta, atrapalhou bastante

[@alura]

Que bom que curtiu o vídeo, Felipe! Quanto à música de fundo, valeu pelo toque, vamos prestar mais atenção nesse ponto! Obrigada! 😉

Parece que a PlayStore já aceita PWA medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc

[@eduardonk4975]

Muito Bom!!!

[@yosefcapirotesco2194]

O Reddit tem PWA

[@nmocruz]

1 - PWA nao 'e exclusivo para mobile, o conceito de installar o webworker, criar um atalho para o despositivo e aceder ao site offline e' tambem possivel em desktop. 2 - O Progressive acho que tem mais com a forma como o app vai acedendo aos recurso do site que inicialmente estao remotos, nem todos o recursos precisam ser installados offline na primeira vez, o que fica na cache, o que pode ser acessado offline, e o que dever ser sempre carregado do servidor e' controlado pelo app. Assim, nao preciso fazer dowload de todo o site e installar, faco apenas o essencial, e na medida que o usario vai carregado mais paginas, elas vao ficando guardadas para as proximas visualizacoes. Progressive loading app seria um bom nome tambem.

[@alura]

Valeu pelas considerações e apontamentos, Nuno! 💙

[@dariohenrique4180]

Esse som na hora da entrevista atrapalha o entendimento. Ficou alto.

[@alura]

Oi Dário. Valeu pelo toque, vamos dar mais atenção a esse aspecto. Obrigada! 🙂

[@teenwellnessmedicine]

Como fica o PWA na LGPD? É seguro?

[@alura]

Opa, Juliano! Vou te indicar uma leitura que podem te ajudar com essa dúvida, beleza? É esse artigo aqui: www.alura.com.br/artigos/quando-usar-progressive-web-apps E esse podcast também pode ser útil pra você entender se deve usar ou não: hipsters.tech/progressive-web-apps-hipsters-03/ 😉

[@devmatador4630]

Cenário Tooop

[@alura]

Valeeeeu, Willian! 💙

[@jhonatancosmo]

Fui o primeiro! Aaaaaar vou deixar o like

[@fvgoya]

Caraca esse é o Sérgio??? Rs

[@DanielDZYEM]

Não entendi , qual é a graça ???

[@JaquelineSilva-tp5co]

Nem todos os aplicativos funcionam offline

[@Lana-re4zt]

Também conhecido como Psychedelic Web App (ba tum tsssss)

[@luandavidcarrilho1158]

Link da minha PWA eskadauema.com

[@PatrickMonteiro]

A-HA ! Em 4:18 ele fala que não é possível baixa um PWA pela playstore, mas sim, agora é possível ! kzbin.info/www/bejne/joupYYJtlJ6mndU

[@CarlosBernardo3600]

AH isso que é PWA programas web 2.0 agora é web 3.0