Baixado 13 vezes
Carregado porRodrigo Serradura
Turbolinks 5 + PWA (Progressive Web Apps)
O documento discute a integração do Turbolinks 5 com Progressive Web Apps (PWAs), destacando recursos como instalação, notificações e funcionalidade off-line. Ele enfatiza a importância da evolução progressiva e da capacidade de adaptação em diferentes navegadores e dispositivos. Além disso, menciona links para tutoriais e a filosofia de 'aplicativos que parecem', reforçando a ideia de que um web app pode se comportar como um aplicativo nativo.
Mais conteúdo relacionado
![Melhorando o desempenho do seu WordPress [WordCamp São Paulo 2015]](https://cdn.slidesharecdn.com/ss_thumbnails/wordcampsaopaulo2015-151130144513-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
Semelhante a Turbolinks 5 + PWA (Progressive Web Apps)
![[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...](https://cdn.slidesharecdn.com/ss_thumbnails/erickmelo-webjump-201023142336-thumbnail.jpg?width=640&height=640&fit=bounds)
![Progressive Web Apps [pt_BR]](https://cdn.slidesharecdn.com/ss_thumbnails/pwa-170306202026-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...](https://cdn.slidesharecdn.com/ss_thumbnails/14-02-vendas-alexandrerodrigues-190225122156-thumbnail.jpg?width=640&height=640&fit=bounds)
Turbolinks 5 + PWA (Progressive Web Apps)
- 1. Eu não possoacreditar que não é nativo! Turbolinks 5 + PWA
- 2.
- 4.
- 5. <body> <head> <body> Replace no <body> <head> Merge do <head> O que oTurbolinks faz: <body> <head>
- 6. Talk is cheap. Showme the code. Linus Torvalds
- 7.
- 8.
- 9. Executando o servidor de arquivosestáticos
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 19.
- 22.
- 23.
- 26.
- 27.
- 28.
- 29.
- 30. É fazer umsite funcionar em qualquer navegador, sem prejudicar os navegadores mais antigos e sem deixar de usar os novos recursos em navegadores novos.
- 31. if ('serviceWorker' innavigator) { //... }
- 32.
- 33. É um WebApp, ou seja, um site com recursos de aplicativos nativos, como: instalação, notificação e conteúdo off-line.
- 34.
- 35. Funciona Off-line Usando Service Workers,o aplicativo pode funcionar até quando o usuário está offline
- 36. Sempre atualizado Como está tudona web, na próxima vez que ele abrir o app a nova versão já estará lá
- 37. Seguro Só funcionacom HTTPS
- 38. Engajável Permite enviarPush Notifications aos usuários
- 39. Instalável Podem seradicionados à home screen do smartphone
- 40.
- 41. Adaptativo Responsivo Se adapta (marckupe estilo) em qualquer resolução de tela.
- 42. Linkável - Compartilhar -Favoritar
- 43. "Você começa comuso descompromissado da Web e vai transformando progressivamente em uma experiência de App." by Sergio Lopes
- 44.
- 45.
- 46.
- 47. Talk is cheap. Showme the code. Linus Torvalds
- 48.
- 49.
- 50.
- 51.
- 52. Quando vejo umsistema que parece com um app, se instala como um app, e funciona como um app. Então...
- 53. é um app! Ducktyping
- 54.
- 56. Obrigado info@ysimplicity.com medium.com/@serradura "Se querir rápido, vá sozinho. Se quer ir longe, vá em grupo." -- Provérbio africano