PROGRESSIVE WEB APPS - O melhor da WEB

•Als PPTX, PDF herunterladen•

1 gefällt mir•138 views

Progressive Web Apps (PWA) é um conjunto de experiências que combinam o melhor da Web com o melhor dos Aplicativos. São úteis desde a primeira visita do usuário em uma guia de navegador sem exigir instalações. Conforme o usuário desenvolve uma experiência com o aplicativo ele se torna cada vez mais eficaz. Ele é carregado com rapidez, mesmo em redes instáveis, envia notificações push relevantes, tem um ícone na tela inicial e é carregado como uma experiência de tela inteira de alto nível.

Technologie

HEBERT SILVA
FRONT-END DEVELOPER
@hebertsilva
hebertsilva.com

Progressive Web Apps (PWA) é um conjunto de experiências que combinam o
melhor da Web com o melhor dos Aplicativos. São úteis desde a primeira visita do
usuário em uma guia de navegador sem exigir instalações. Conforme o usuário
desenvolve uma experiência com o aplicativo ele se torna cada vez mais eficaz.
Ele é carregado com rapidez, mesmo em redes instáveis, envia notificações push
relevantes, tem um ícone na tela inicial e é carregado como uma experiência de
tela inteira de alto nível.

SERVICE
WORKERS
*BACKGROUND SYNC
PUSH NOTIFICATION

SERVICE
WORKERS
*BACKGROUND SYNC
*GEOFENCING
PUSH NOTIFICATION

GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONEPWA

GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONE
BATERIA
PWA

GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONE
BATERIA
NET INFO
PWA

GEOLOCALIZAÇÃO
VIBRAÇÃO
CÂMERA
MICROFONE
BATERIA
NET INFO
AUTOCOMPLETE
PWA

LINKÁVEL
RESPONSIVA
INDEPENDENTE DE CONECTIVIDADE
SEMELHANTE A APLICATIVOS
ATUAL
SEGURA
OFFLINE
DESCOBRÍVEL
REENVOLVENTE
INSTALÁVEL
PWA

Web Fundamentals:
https://developers.google.com/web/fundamentals/?hl=pt-br
PWA

Weitere ähnliche Inhalte

Was ist angesagt?

Desenvolvimento web e mobile ifceAdriano Patrick Cunha

Progressive web appsJoão Maciel

Palestra sobre PWAWillian Marques

Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETAndre Baltieri

Apresentacao Redpanda IPAMJoao Sanches

Dando vida ao sketch com FirebaseGDGFoz

Mobile first - Como pensar mobileDiogo Souza Machado

Abra sua cabeça, apps híbridos - PhoneGap/CordovaGustavo Costa

Transição do desenvolvimento web para apps - o caminho suaveRenan Moreira de Oliveira

Introdução ao desenvolvimento de apps com PhonegapDiogo Souza Machado

Aplicativos híbridos e Xamarin Test CloudWennder Santos

PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014Fernando Henrique Bonfim Moreno del Rio

Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...E-Commerce Brasil

Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha TouchLeonardo Soares

Google IO 2017 Extended - Cuiaba - Progressive Web AppsJoão Vitor Paes de Barros do Ca

Responsive web design, conteúdo em todos os dispositivosDiogo Souza Machado

ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário Osmar Petry

Automatizando o build, testes e deployment de websites com GitHub Actions, Se...Renato Groffe

7Masters - PWA - Publishing using Universal Windows AppsGustavo Bellini Bigardi

Do MVP ao PWA, melhorando o engajamento com cliente na CVCJanderson Silva

Was ist angesagt? (20)

Desenvolvimento web e mobile ifce

Progressive web apps

Palestra sobre PWA

Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET

Apresentacao Redpanda IPAM

Dando vida ao sketch com Firebase

Mobile first - Como pensar mobile

Abra sua cabeça, apps híbridos - PhoneGap/Cordova

Transição do desenvolvimento web para apps - o caminho suave

Introdução ao desenvolvimento de apps com Phonegap

Aplicativos híbridos e Xamarin Test Cloud

PhoneGap - Desenvolvimento mobile multiplataforma - SECCOMP 2014

Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...

Introdução ao desenvolvimento de aplicativos com PhoneGap e Sencha Touch

Google IO 2017 Extended - Cuiaba - Progressive Web Apps

Responsive web design, conteúdo em todos os dispositivos

ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário

Automatizando o build, testes e deployment de websites com GitHub Actions, Se...

7Masters - PWA - Publishing using Universal Windows Apps

Do MVP ao PWA, melhorando o engajamento com cliente na CVC

Ähnlich wie PROGRESSIVE WEB APPS - O melhor da WEB

Marketplace Conference 2018 - PWA: O Futuro dos Aplicativos Mobile Clique p...E-Commerce Brasil

PWA - Front in FloripaLuís Felipe Souza

Transformando o site da Magnetis em PWALuís Felipe Souza

AMP Roadshow SP 2019 - Web Apps ModernasDan Vitoriano

Como inovar em campanhas a partir da experiencia mobileCRP Mango

Pwa e o futuro do frontendRaphael Moraes

Progressive Web AppsRodolfo De Nadai

[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...E-Commerce Brasil

Desenvolvendo e portando App C# para Android e IphoneAlessandro Binhara

Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGapGesmar de Paula Santos Júnior

App CrossMobile com C# para Android, Iphone e WindowsPhoneAlessandro Binhara

[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...E-Commerce Brasil

Carambola 2012estudiocarambola

Campus Party - Desenvolvendo aplicações .Net com software gratuitoAlexandre Tarifa

O poder das Progressive Web AppsPedro Edson Silva Barros

Frontend Engineers: passado, presente e futuroDavidson Fellipe

001 panorama geral - Arquitetura de aplicativos para dispositivos móveisMaico Moreira

Dominando o Ionic FrameworkJunior Abranches

JavaScript além do browserFábio Assunção

Mobile: Quem Dita as Regras é o GoogleNatascha Hun

Ähnlich wie PROGRESSIVE WEB APPS - O melhor da WEB (20)

Marketplace Conference 2018 - PWA: O Futuro dos Aplicativos Mobile Clique p...

PWA - Front in Floripa

Transformando o site da Magnetis em PWA

AMP Roadshow SP 2019 - Web Apps Modernas

Como inovar em campanhas a partir da experiencia mobile

Pwa e o futuro do frontend

Progressive Web Apps

[Grocery & Drinks| Congresso do E-Commerce] Como o PWA pode ajudar na experiê...

Desenvolvendo e portando App C# para Android e Iphone

Desenvolvendo aplicações para WP7 em HTML5 com o PhoneGap

App CrossMobile com C# para Android, Iphone e WindowsPhone

[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...

Carambola 2012

Campus Party - Desenvolvendo aplicações .Net com software gratuito

O poder das Progressive Web Apps

Frontend Engineers: passado, presente e futuro

001 panorama geral - Arquitetura de aplicativos para dispositivos móveis

Dominando o Ionic Framework

JavaScript além do browser

Mobile: Quem Dita as Regras é o Google

PROGRESSIVE WEB APPS - O melhor da WEB

1. PROGRESSIVE WEB APPS

2. HEBERT SILVA FRONT-END DEVELOPER @hebertsilva hebertsilva.com

3. WEB vs APP

4. PROGRESSIVE WEB APPS

5. WHAT F#@K IS THIS?

6. Progressive Web Apps (PWA) é um conjunto de experiências que combinam o melhor da Web com o melhor dos Aplicativos. São úteis desde a primeira visita do usuário em uma guia de navegador sem exigir instalações. Conforme o usuário desenvolve uma experiência com o aplicativo ele se torna cada vez mais eficaz. Ele é carregado com rapidez, mesmo em redes instáveis, envia notificações push relevantes, tem um ícone na tela inicial e é carregado como uma experiência de tela inteira de alto nível.

7. PROGRESSIVE WEB APPS

8. HTML SEMÂNTICO

9. URIs

10. WEB OFFLINE

11. SERVICE WORKERS

12. SERVICE WORKERS

13. PROGRESSIVE WEB APPS

14. VISUAL APPFICADA

15. THEME COLOR

16. WEBMANIFEST

17. WEBMANIFEST

18. WEBMANIFEST