Eu não posso acreditar que não é nativo! Turbolinks 5 + PWA
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Eu não posso acreditar que não é nativo!
Turbolinks 5+
PWA
Turbolinks 5?
<body>
<head>
Uma página:
<body>
<head>
<body>Replace
no <body>
<head>Merge do
<head>
O que o Turbolinks faz:
<body>
<head>
Talk is cheap.Show me the code.
Linus Torvalds
Instalando servidor de
arquivos estáticos
https://youtu.be/maXwy36YAuA
Executando o servidor de
arquivos estáticos
https://youtu.be/zGDFSzOmRAc
Adicionando novas
páginas/recursos
https://youtu.be/eKNxjRVAJt0
Request - Response
https://youtu.be/PAuTxowNQyM
Instalando e habilitando o
Turbolinks
https://youtu.be/Bn4gsJbMTKY
Curtiu?
Menosé Mais
themasterapp.xyz
github.com/themasterapp
Progressiveenhancement?
É fazer um site funcionar em qualquer navegador, sem prejudicar os navegadores mais antigos e sem deixar de usar os novos recursos em navegadores novos.
if ('serviceWorker' in navigator) { //...}
PWA?
É um Web App, ou seja, um site com recursos de aplicativos nativos, como: instalação, notificação e conteúdo off-line.
Recursos
Funciona Off-line
Usando Service Workers, o aplicativo pode funcionar até quando o usuário está offline
Sempre atualizado
Como está tudo na web, na próxima vez que ele abrir o app a nova versão já estará lá
Seguro Só funciona com HTTPS
Engajável Permite enviar Push Notifications aos usuários
Instalável Podem ser adicionados à home screen do smartphone
InstalávelWeb App Install
Banners
AdaptativoResponsivo
Se adapta (marckup e estilo) em qualquer resolução de tela.
Linkável - Compartilhar- Favoritar
"Você começa com uso descompromissado da Web e vai transformando progressivamente em uma experiência de App."by Sergio Lopes
Curtiu?
https://youtu.be/sH7dlRnuh-k
https://brasil.uxdesign.cc/o-que-são-progressive-web-apps-86e1b5306051
Talk is cheap.Show me the code.
Linus Torvalds
https://turbolinks.ysimplicity.io
https://github.com/ysimplicity/notification-server
https://github.com/ysimplicity
Conclusão
Quando vejo um sistemaque parece com um app,se instala como um app, e funciona como um app.
Então...
é um app!Duck typing
TURBOLINKS_5.match?("Native Progressive Enhancement"
)
Obrigado
[email protected] medium.com/@serradura
"Se quer ir rápido, vá sozinho.Se quer ir longe, vá em grupo."
-- Provérbio africano
Related Documents
