SlideShare a Scribd company logo
ALEXANDRE
TARIFA
Progressive Web Apps
Progressive Web Apps
Progressive Web Apps
Progressive Web Apps

Recommended for you

Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps Script

A live example that show the power of: jQueryMobile, Google sheets, Apps script all for the price of one.

appsjquerymobilegoogle docs
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)

Progressive web apps (PWAs) are experiences that combine the best of the web and mobile apps. They load quickly, work offline, and feel like native mobile apps. The key aspects of PWAs include service workers for offline functionality, app shells for fast loading, and manifest files for home screen capabilities. PWAs use caching strategies and service workers to load from the cache first for offline access, then request updates from the network as needed. This provides a better user experience than online-first solutions which require network connectivity.

Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps

A Progressive Web App uses modern web capabilities to deliver an app-like user experience. Progressive Web Apps bring features we expect from native apps to the mobile browser experience in a way that uses standards-based technologies and run in a secure container accessible to anyone on the web.

progressive web appsjavascriptpwa
Progressive Web Apps
Progressive Web Apps
O QUE DEFINE O USO DE UMA
TECNOLOGIA?
PERFIL DE DESENVOLVEDOR?
Técnico?
Quem é responsável pela inovação?
Pq o mercado corporativo não inova?
Dev web ou mobile?

Recommended for you

Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps

There’s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven’t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications. How does it work? What does it mean from the technical point of view? Is it worth to dig into PWA now? What are the non-technical doubts about using it? Johannes Weber shows PWA in action and is intended to answer all these questions.

progressive web appsserviceworkerpusnotifications
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016

Jeff Burtoft's slides for his presentation on Progressive Web Apps (PWA) at Microsoft Zaventem on the 3rd of October 2016.

pwajavascriptcodes
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps

Progressive Web Apps presentation for GDG Istanbul's Progressive Web Apps Meetup. I'm not a web developer or front-end developer but I tried to explain how PWAs work.

progressive web appspwamobile
Progressive Web Apps
Progressive Web Apps
página 11
LATÊNCIA EM ALGUMAS ROTAS
Rota Distância
Tempo – Luz
no vácuo
Tempo – Luz
na fibra
Round Trip
Time (RTT) na
fibra
New York to
San Francisco
4,148 km 14 ms 21 ms 42 ms
New York to
London
5,585 km 19 ms 28 ms 56 ms
New York to
Sydney
15,993 km 53 ms 80 ms 160 ms
Progressive Web Apps

Recommended for you

Progressive web app
Progressive web appProgressive web app
Progressive web app

Progressive Web App New Web Technology for the Mobile User Which work on Poor Data Connection and It Will Work With Simple Manifest File Or with use of Service Workers. It Feel Like Mobile App to the user.

internetnew mediaphp
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...

This document provides an introduction to progressive web apps (PWAs). It discusses the history of web technologies from HTML and HTTP in the early 1990s to more recent developments like service workers, push notifications, and web app manifests that enable PWAs. Features of PWAs are described like reliability, performance, engagement, and integration with the operating system. Case studies are presented showing the benefits some companies have seen from implementing PWAs.

Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!

The document discusses developing a progressive web app (PWA) using the React Native framework. It describes how several companies experienced success using PWAs, including increased engagement rates and reduced load times. The document then outlines key steps for building a PWA with React Native, such as adopting secure connections, adding a web app manifest, implementing a custom splash screen, integrating push notifications with Pusher, and auditing the code with Lighthouse. React Native is presented as an effective framework for PWA development due to its JavaScript libraries, plugins, and ease of creating PWAs with desired features.

react native app development company
Performance e escalabilidade
Progressive Web Apps
Progressive Web Apps
RESPONSIVO
Tecnologia perfeita!?

Recommended for you

Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx

Progressive Web Apps (PWAs) provide an app-like user experience through the use of features like service workers, web app manifests, and push notifications. They load instantly, work offline, and can be installed on the home screen without an app store. Service workers act as a proxy to cache resources, enabling fast and reliable performance even in uncertain network conditions. PWAs are responsive across devices and browsers, and feel natural on each platform due to their immersive, app-like interfaces.

pwaprogressivewebappweb
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For Startups

What are the ways that startups can leverage the benefits that progressive web apps allow these days? In this talk, I covered some of the startups best practices and how entrepreneurs can take advantage from the capabilities that PWAs give them.

web developmentstartupentrepreneurship
PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web Apps

Introduced by Google, eagerly approved by Microsoft and reluctantly adopted by Apple PWA is a game-changing technology in the world of mobile-first and offline-first business

pwajavascriptbrowser
Progressive Web Apps
Progressive Web Apps
Performance!
EXPERIÊNCIA DO USUÁRIO
Progressive Web Apps

Recommended for you

Offline-First Progressive Web Apps
Offline-First Progressive Web AppsOffline-First Progressive Web Apps
Offline-First Progressive Web Apps

Slides from my talk at Software Architecture Conf 2016, on the Offline First architecture of Flipkart Lite.

progressive web appflipkart liteoffline-first
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your Business

Progressive Web Apps (PWAs) are web applications that have responsive designs, work offline, and can be installed on a user's home screen. Key features of PWAs include being responsive across devices, working offline through service workers, being discoverable through web app manifests, automatically updating, using secure HTTPS connections, and allowing users to re-engage through push notifications and installing on home screens without an app store. PWAs provide faster experiences for web users compared to regular websites and allow developers to engage users similar to native mobile apps.

web designonline businessdesign
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA

Let's focus on the Mobile Web and talk about the keys to a building a great mobile experience. From AMP (=Accelerated Mobile Pages) as a starting point up to PWA (=Progressive Web Apps). I will cover the steps through some of the key features we see as core to the modern web experience. As a bonus, we will close with new APIs that expending the web even farther.

web developmentamppwa
Progressive Web Apps
Progressive Web Apps
CENÁRIO
Progressive Web Apps

Recommended for you

Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps

Presentation for our collegue's about the use of Progressive Web Apps. With Application Shell, Service Workers, Web App Manifest and Push.

javascriptprogressivewebappsgoogle
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App

This document introduces progressive web apps (PWAs) and service workers. PWAs aim to provide native app-like experiences through the browser by being reliable, fast, and engaging. Service workers act as proxies that allow developers to control caching and how resources are requested. The document discusses prerequisites for PWAs, the service worker lifecycle, features like offline access, and tools for auditing PWAs.

google ioservice workerprogressive web app
PWAs overview
PWAs overview PWAs overview
PWAs overview

in slides , you will be able to get a brief overview of PWAs, service workers and how to create a PWA.

angularprogrammingfrontend
INSTANT APPS
CONCEITO
• Conjunto de técnicas para desenvolvimento de aplicações Web
Progressive Web Apps
O QUE É?
Progressive - Work for every user, regardless of browser choice because they’re built with progressive
enhancement as a core tenet.
Responsive - Fit any form factor: desktop, mobile, tablet, or whatever is next.
Connectivity independent - Enhanced with service workers to work offline or on low quality networks.
App-like - Feel like an app to the user with app-style interactions and navigation because they’re built
on the app shell model.
Fresh - Always up-to-date thanks to the service worker update process.
Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker
registration scope allowing search engines to find them.
Re-engageable - Make re-engagement easy through features like push notifications.
Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle
of an app store.
Linkable - Easily share via URL and not require complex installation.

Recommended for you

Building modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerBuilding modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with Polymer

Taylor Savage on Polymer and Progressive Web Apps: Building on the modern web The Polymer library, re-written from the ground up with its 1.0 release last year, helps you build composable, interoperable components to use in your web applications. We'll go over the latest features of the library, show how to use some powerful newly-released components, show how Polymer is used in practice, dive into the cutting-edge tools for shipping component-based applications, reveal a brand-new way to get started building Progressive Web Applications with Polymer, and a take sneak peek into the future of the project.

pwapolymerprogressive web apps
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things

This document discusses building a progressive web app for an educational system. It begins by explaining the limitations of native mobile apps and regular web browsing. Progressive web apps aim to provide the rich experience of native apps while avoiding downloads through the use of service workers, responsive design, and app-like interfaces. The document then reviews related work on improving the mobile web experience. It presents the architecture of progressive web apps, including the application shell model and role of service workers. Finally, it proposes a system architecture for a progressive web app for education and concludes that these apps reduce burdens on users compared to native apps or regular web browsing.

irjet
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy

A progressive web application is a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser.

pwawebappswebsite
SERVICE WORKER
É um worker como serviço que executa em background, fora da sua
url/app
Principais funcionalidades: cache e push
Assíncrono
Js
https only
Eventos: Install, activate e fetch
Progressive Web Apps
Progressive Web Apps
HOME SCREEN
Web App Manifest
Service Worker
Https
2 visitas em menos de 5 minutos

Recommended for you

Progressive web application
Progressive web applicationProgressive web application
Progressive web application

PWA stands for progressive web application. Progressive web applications are web applications that use features like manifest files, service workers and responsive design to provide app-like functionality regardless of device or platform. Some key features of PWAs include being responsive, working offline or on low quality networks, having a native app-like feel, being installable and being re-engageable through features like push notifications. PWAs allow developers to provide app-like experiences without having to develop native mobile applications.

PWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdfPWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdf

Learn the essentials of PWA utility app development. Explore core features, a step-by-step guide to building a PWA utility app from scratch. Start your journey now! Original Source: https://www.nevinainfotech.com/blog/pwa-utility-app/

hire pwa developerpwa developmentpwa utiltiy app
Building Progressive Web Apps.docx
Building Progressive Web Apps.docxBuilding Progressive Web Apps.docx
Building Progressive Web Apps.docx

Progressive Web Apps (PWAs) are web applications that leverage modern web technologies to provide a native app-like experience for users across different devices and platforms. They offer numerous benefits, including offline access, fast loading times, and enhanced user engagement.

digital marketing servicelanding page development servi
Progressive Web Apps
Progressive Web Apps
Progressive Web Apps
MUITOOBRIGADO!
ALEXANDRE
TARIFA

Recommended for you

Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...

Progressive Web Apps (PWAs) seamlessly blend web and mobile app technologies, transforming full-stack development. PWAs offer cross-platform compatibility, offline functionality, and a native app-like experience. They reduce development costs with a single codebase, enhance user engagement, and simplify maintenance. Technical aspects include service workers, app manifest, responsive design, HTTPS, app shell architecture, and testing tools. PWAs, revolutionizing the industry, provide businesses with cost-effective, accessible, and engaging app experiences. Full-stack developers can leverage existing skills, making PWAs an ideal choice for modern, user-centric applications. Embracing PWAs is crucial for staying ahead in the evolving landscape of full-stack development.

web applicationprogressive web appsfull-stack development
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps

Progressive web applications (PWAs) are web-based applications that are built using modern web capabilities and provide app-like experiences to users. PWAs use service workers, manifest files, and the app shell model to deliver fast, reliable and engaging experiences to users regardless of network conditions. Major companies like Flipkart and BookMyShow have seen success adopting PWAs, with Flipkart's PWA increasing user engagement and conversion rates while reducing data usage compared to their previous mobile website. As browser and platform support for PWAs grows, more organizations are expected to adopt the technology to build applications.

progressive web applicationsseminarpwa
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development

What are the principles to build a progressive web app? What are its core features? What about its architecture? The blog explores it all. Give it a read. https://www.webguru-india.com/blog/checklist-for-progressive-web-app-development/

website development companyseo services

More Related Content

What's hot

GDG Ibadan #pwa
GDG Ibadan #pwaGDG Ibadan #pwa
GDG Ibadan #pwa
Gbolahan Alli
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web Applications
Bartek Igielski
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
Manfred Steyer
 
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps Script
Ido Green
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
Zhentian Wan
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Nitheesh T Ganesh
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Johannes Weber
 
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Maxime Czetwertynski
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
R. Caner Yıldırım
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
Deepak Upadhyay
 
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Robert Nyman
 
Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!
Shelly Megan
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
Harish Karthick
 
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For Startups
Ido Green
 
PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web Apps
Edy Segura
 
Offline-First Progressive Web Apps
Offline-First Progressive Web AppsOffline-First Progressive Web Apps
Offline-First Progressive Web Apps
Aditya Punjani
 
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your Business
Lets Grow Business
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
Ido Green
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Optis
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
Binh Bui
 

What's hot (20)

GDG Ibadan #pwa
GDG Ibadan #pwaGDG Ibadan #pwa
GDG Ibadan #pwa
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web Applications
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
 
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps ScriptMobile Web App & Google Apps Script
Mobile Web App & Google Apps Script
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
 
Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!Guidance on how to develop a progressive web app using react native!
Guidance on how to develop a progressive web app using react native!
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
Progressive Web Apps For Startups
Progressive Web Apps For StartupsProgressive Web Apps For Startups
Progressive Web Apps For Startups
 
PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web Apps
 
Offline-First Progressive Web Apps
Offline-First Progressive Web AppsOffline-First Progressive Web Apps
Offline-First Progressive Web Apps
 
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your Business
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
 

Similar to Progressive Web Apps

PWAs overview
PWAs overview PWAs overview
PWAs overview
TejinderMakkar
 
Building modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerBuilding modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with Polymer
Dimitar Danailov
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
IRJET Journal
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
Sai Kiran Kasireddy
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
RavikantGautam8
 
PWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdfPWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdf
Lucas Lagone
 
Building Progressive Web Apps.docx
Building Progressive Web Apps.docxBuilding Progressive Web Apps.docx
Building Progressive Web Apps.docx
Savior_Marketing
 
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
mohitreal1995
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
Akshay Sharma
 
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development
WebGuru Infosystems Pvt. Ltd.
 
PWA demystified
PWA demystifiedPWA demystified
PWA demystified
Pradeep Patel, PMP®
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
BasitMir10
 
What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?
Rishabh Software
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Saleh Rahimzadeh
 
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
ShantanuApurva1
 
Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps   Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps
Ashish Saxena
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Software Infrastructure
 
progressive web app
 progressive web app progressive web app
progressive web app
RAGINI .
 
progressive web applications
progressive web applicationsprogressive web applications
progressive web applications
Cuion Technologies
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web apps
Alexandre Marreiros
 

Similar to Progressive Web Apps (20)

PWAs overview
PWAs overview PWAs overview
PWAs overview
 
Building modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with PolymerBuilding modern Progressive Web Apps with Polymer
Building modern Progressive Web Apps with Polymer
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
 
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran KasireddyPWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
PWA ( Progressive Web Apps ) - Sai Kiran Kasireddy
 
Progressive web application
Progressive web applicationProgressive web application
Progressive web application
 
PWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdfPWA Utility App Development_ Learn How To Build.pdf
PWA Utility App Development_ Learn How To Build.pdf
 
Building Progressive Web Apps.docx
Building Progressive Web Apps.docxBuilding Progressive Web Apps.docx
Building Progressive Web Apps.docx
 
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
Progressive Web Apps (PWAs) - Transforming the Future of Full-Stack Developme...
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Checklist for progressive web app development
Checklist for progressive web app developmentChecklist for progressive web app development
Checklist for progressive web app development
 
PWA demystified
PWA demystifiedPWA demystified
PWA demystified
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
 
What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?What are Progressive Web Apps and Why The Businesses Should Use It?
What are Progressive Web Apps and Why The Businesses Should Use It?
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Progressive web apps for e commerce
Progressive web apps for e commerceProgressive web apps for e commerce
Progressive web apps for e commerce
 
Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps   Progressive Web Apps –The Future of Apps
Progressive Web Apps –The Future of Apps
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
progressive web app
 progressive web app progressive web app
progressive web app
 
progressive web applications
progressive web applicationsprogressive web applications
progressive web applications
 
Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web apps
 

More from Alexandre Tarifa

Qual será o SEU software no futuro?
Qual será o SEU software no futuro?Qual será o SEU software no futuro?
Qual será o SEU software no futuro?
Alexandre Tarifa
 
Cultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtosCultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtos
Alexandre Tarifa
 
Mobile e a Vida Real
Mobile e a Vida RealMobile e a Vida Real
Mobile e a Vida Real
Alexandre Tarifa
 
Ecossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do BrasilEcossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do Brasil
Alexandre Tarifa
 
ARQ: Performance na Web
ARQ: Performance na WebARQ: Performance na Web
ARQ: Performance na Web
Alexandre Tarifa
 
Mobile e a vida real
Mobile e a vida realMobile e a vida real
Mobile e a vida real
Alexandre Tarifa
 
UX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPUX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAP
Alexandre Tarifa
 
Como escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NETComo escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NET
Alexandre Tarifa
 
Minha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e MobileMinha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e Mobile
Alexandre Tarifa
 
Performance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio SummitPerformance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Alexandre Tarifa
 
Performance no ASP.NET 5
Performance no ASP.NET 5Performance no ASP.NET 5
Performance no ASP.NET 5
Alexandre Tarifa
 
Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014
Alexandre Tarifa
 
Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!
Alexandre Tarifa
 
Performance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web MobilePerformance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web Mobile
Alexandre Tarifa
 
Aplicações Windows Store Conectadas
Aplicações Windows Store ConectadasAplicações Windows Store Conectadas
Aplicações Windows Store Conectadas
Alexandre Tarifa
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Alexandre Tarifa
 

More from Alexandre Tarifa (16)

Qual será o SEU software no futuro?
Qual será o SEU software no futuro?Qual será o SEU software no futuro?
Qual será o SEU software no futuro?
 
Cultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtosCultura Ágil: Como startups de tecnologia criam produtos
Cultura Ágil: Como startups de tecnologia criam produtos
 
Mobile e a Vida Real
Mobile e a Vida RealMobile e a Vida Real
Mobile e a Vida Real
 
Ecossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do BrasilEcossistema Microsoft por trás dos maiores apps de saúde do Brasil
Ecossistema Microsoft por trás dos maiores apps de saúde do Brasil
 
ARQ: Performance na Web
ARQ: Performance na WebARQ: Performance na Web
ARQ: Performance na Web
 
Mobile e a vida real
Mobile e a vida realMobile e a vida real
Mobile e a vida real
 
UX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPUX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAP
 
Como escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NETComo escalar 20 milhões de usuários por mês utilizando ASP.NET
Como escalar 20 milhões de usuários por mês utilizando ASP.NET
 
Minha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e MobileMinha Vida: +20 milhões de usuários mensais na Web e Mobile
Minha Vida: +20 milhões de usuários mensais na Web e Mobile
 
Performance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio SummitPerformance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
Performance e escalabilidade de aplicações ASP.NET - Visual Studio Summit
 
Performance no ASP.NET 5
Performance no ASP.NET 5Performance no ASP.NET 5
Performance no ASP.NET 5
 
Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014Performance na Web - GDG DevFest SP 2014
Performance na Web - GDG DevFest SP 2014
 
Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!Melhorando a performance do seu banco de dados, não acessando ele!
Melhorando a performance do seu banco de dados, não acessando ele!
 
Performance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web MobilePerformance ao extremo para aplicações Web Mobile
Performance ao extremo para aplicações Web Mobile
 
Aplicações Windows Store Conectadas
Aplicações Windows Store ConectadasAplicações Windows Store Conectadas
Aplicações Windows Store Conectadas
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
 

Recently uploaded

BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
Neo4j
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
rajancomputerfbd
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Bert Blevins
 
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
Larry Smarr
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
Larry Smarr
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
jackson110191
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Erasmo Purificato
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
SynapseIndia
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Bert Blevins
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
Matthew Sinclair
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
Matthew Sinclair
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
shanthidl1
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
ScyllaDB
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Chris Swan
 

Recently uploaded (20)

BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdfBT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
BT & Neo4j: Knowledge Graphs for Critical Enterprise Systems.pptx.pdf
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
 
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
 
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
 
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfINDIAN AIR FORCE FIGHTER PLANES LIST.pdf
INDIAN AIR FORCE FIGHTER PLANES LIST.pdf
 
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...
 
How RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptxHow RPA Help in the Transportation and Logistics Industry.pptx
How RPA Help in the Transportation and Logistics Industry.pptx
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
 
Cookies program to display the information though cookie creation
Cookies program to display the information though cookie creationCookies program to display the information though cookie creation
Cookies program to display the information though cookie creation
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 
Mitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing SystemsMitigating the Impact of State Management in Cloud Stream Processing Systems
Mitigating the Impact of State Management in Cloud Stream Processing Systems
 
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...
 

Progressive Web Apps

  • 7. O QUE DEFINE O USO DE UMA TECNOLOGIA?
  • 8. PERFIL DE DESENVOLVEDOR? Técnico? Quem é responsável pela inovação? Pq o mercado corporativo não inova? Dev web ou mobile?
  • 11. página 11 LATÊNCIA EM ALGUMAS ROTAS Rota Distância Tempo – Luz no vácuo Tempo – Luz na fibra Round Trip Time (RTT) na fibra New York to San Francisco 4,148 km 14 ms 21 ms 42 ms New York to London 5,585 km 19 ms 28 ms 56 ms New York to Sydney 15,993 km 53 ms 80 ms 160 ms
  • 26. CONCEITO • Conjunto de técnicas para desenvolvimento de aplicações Web
  • 28. O QUE É? Progressive - Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet. Responsive - Fit any form factor: desktop, mobile, tablet, or whatever is next. Connectivity independent - Enhanced with service workers to work offline or on low quality networks. App-like - Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model. Fresh - Always up-to-date thanks to the service worker update process. Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with. Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them. Re-engageable - Make re-engagement easy through features like push notifications. Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store. Linkable - Easily share via URL and not require complex installation.
  • 29. SERVICE WORKER É um worker como serviço que executa em background, fora da sua url/app Principais funcionalidades: cache e push Assíncrono Js https only Eventos: Install, activate e fetch
  • 32. HOME SCREEN Web App Manifest Service Worker Https 2 visitas em menos de 5 minutos