Progressive Web Apps

•Als PPTX, PDF herunterladen•

1 gefällt mir•186 views

Uma Progressive Web App (PWA) usa as capacidades modernas da web para fornecer uma experiência semelhante a um aplicativo. PWAs podem ser instaladas, funcionam offline, e fornecem uma experiência de usuário nativa com recursos como notificações push e tela inicial. Embora inicialmente suportadas apenas no Chrome, as PWAs agora também funcionam em outros navegadores modernos.

Technologie

@paolo_almeida
PAOLOALMEIDA
Pushing code at @BrasilCT

A Progressive Web App uses modern web
capabilities to deliver an app-like user experience.
Addy Osmani.

NATIVE APP
Performance
Features Nativas
Monetização
Store
Animações fluídas

WEB APP
Instaláveis
Responsivo
Visual Appficado
Offline
Seguro (https)
Indexável
Linkável
Features:
● Splash Screen
● Push Notification
● Geolocation
● BackgroundSync
● Vibration
● Credentials Manager
Único

Colocar gif adicionando a home screen
UAU!

Ai que burro...
E o usuário saberá disso?

#case 1
https://sergiolopes.github.io/shopping/

#case 2
https://devcast.github.io/fila-de-espera/

FUTURO
#Imsoexcited
#sóvem
#Deusnocomando
#tamojunto
#tudoapp

OBRIGADO
@paolo_almeida
paoloaomeida.github.io

Weitere ähnliche Inhalte

Was ist angesagt?

Usando PushWoosh com Ionic FrameworkEmerson Thompson

Browser Mobile - OperaRenato Bongiorno Bonfanti

Master App - Porque menos é mais!Rodrigo Serradura

PROGRESSIVE WEB APPS - O melhor da WEBHebert Silva

PWA - Front in FloripaLuís Felipe Souza

Pwa (progressive web app)GeorgiaAntunes

Polymer Starter KitEvaldo Barbosa

Desenvolvendo APPs Com Angular.JS + CordovaGustavo Costa

DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?RC Comunicação

Guia prático de desenvolvimento front-end para django devsDavidson Fellipe

Progressive Web Apps [pt_BR]Evandro Santos

WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...Vinícius Lourenço

Startups com WordPress - Tirando a sua ideia do papelLeonardo Velozo

Palestra UFPR - Intro Ionic framework + WordPressRômulo Zoch

Estrutura de um Front-End eficiente (para iniciantes)Sérgio Vilar

O que você precisa saber para se tornar um dev front-endDiego Eis

Tchelinux: Go Web!Lucas L.

Como Criar Um BlogPaulo Henrique

TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...tdc-globalcode

FirefoxOS - a web como plataformaGuilherme Farias

Was ist angesagt? (20)

Usando PushWoosh com Ionic Framework

Browser Mobile - Opera

Master App - Porque menos é mais!

PROGRESSIVE WEB APPS - O melhor da WEB

PWA - Front in Floripa

Pwa (progressive web app)

Polymer Starter Kit

Desenvolvendo APPs Com Angular.JS + Cordova

DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?

Guia prático de desenvolvimento front-end para django devs

Progressive Web Apps [pt_BR]

WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...

Startups com WordPress - Tirando a sua ideia do papel

Palestra UFPR - Intro Ionic framework + WordPress

Estrutura de um Front-End eficiente (para iniciantes)

O que você precisa saber para se tornar um dev front-end

Tchelinux: Go Web!

Como Criar Um Blog

TDC2017 | São Paulo - Trilha Modern Web How we figured out we had a SRE team ...

FirefoxOS - a web como plataforma

Ähnlich wie Progressive Web Apps

Aplicativos Móveis: PWA, Instants Apps. Vamos entender?Pedro Edson Silva Barros

O poder das Progressive Web AppsPedro Edson Silva Barros

Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapThiago Colares

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

Desenvolvimento Mobile Web & Software LivreBruno Fernandes "PorKaria"

Zf campus party_2011Campus Party Brasil

Os caminhos para o desenvolvimento mobilePedro Edson Silva Barros

Integração e entrega contínua de produtos? Que venha o eXtreme Programming!Daniel Wildt

Hybrid app phonegap angular ionicJoelmir Ribacki

Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"

Introdução ao PhoneGap e Sencha TouchRafael Neri

Raymundo ferreira desenvolvendo apps com html e java script no windows phon...INdT

Webapp já posso invistir nisso ? FISL12Bruno Fernandes "PorKaria"

Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)Henrique Dezani

Mobile Dev - AplicativosAlex Espirito Santo

Desenvolvimento Mobile Web e o PHPBruno Fernandes "PorKaria"

iOS Design - Processo Criativo de AplicaçõesRui Barroca

COMO FAZER E-MAIL MARKETING EM HTMLRenato Melo

Ux for Developers - Build Better ProductsPedro Marques

Ähnlich wie Progressive Web Apps (20)

Aplicativos Móveis: PWA, Instants Apps. Vamos entender?

O poder das Progressive Web Apps

Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap

Google IO 2017 Extended - Cuiaba - Progressive Web Apps

Desenvolvimento Mobile Web & Software Livre

Zf campus party_2011

Os caminhos para o desenvolvimento mobile

Integração e entrega contínua de produtos? Que venha o eXtreme Programming!

Hybrid app phonegap angular ionic

Webapp, já posso investir nisso ? Latinoware 2011

Introdução ao PhoneGap e Sencha Touch

Raymundo ferreira desenvolvendo apps com html e java script no windows phon...

Webapp já posso invistir nisso ? FISL12

Palestra sobre desenvolvimento de aplicativos híbridos (SEMAC 2016)

Mobile Dev - Aplicativos

Desenvolvimento Mobile Web e o PHP

iOS Design - Processo Criativo de Aplicações

COMO FAZER E-MAIL MARKETING EM HTML

Ux for Developers - Build Better Products

Progressive Web Apps

1. PROGRESSIVE WEB APPS

2. @paolo_almeida PAOLOALMEIDA Pushing code at @BrasilCT

3. O QUE É PWA?

4. A Progressive Web App uses modern web capabilities to deliver an app-like user experience. Addy Osmani.

7. NATIVE APP Performance Features Nativas Monetização Store Animações fluídas

8. WEB APP Instaláveis Responsivo Visual Appficado Offline Seguro (https) Indexável Linkável Features: ● Splash Screen ● Push Notification ● Geolocation ● BackgroundSync ● Vibration ● Credentials Manager Único

9. E COMO FAZ?

10. <html> + .css{} + Js()

11.

12. Show me the code!

13. Colocar gif adicionando a home screen UAU!

14. Ai que burro... E o usuário saberá disso?

15. O Google pensou nisso...

16. MAS SÓ NO CHROME?

17.

18.

19. E no novo IE?

20.