SlideShare a Scribd company logo
Progressive Web Apps
Engaging Customers Through the Web
What are PWAs and How they Help Your Online Marking
Chris Love
http://bit.ly/2j3sAlG
@chrislove
chris@love2dev.com
www.love2dev.com
CHRIS LOVE
http://bit.ly/2j3sAlG
@SpartanObstacle
chris@love2dev.com
SpartanObstacles.com
NormalFatGuy.cpm
CHRIS LOVE
resources
Slide URL SlideShare – https://slideshare.com/docluv
Source Code – https://github.com/docluv
Progressive Web Apps – https://love2dev.com/pwa/

Recommended for you

Progressive Web Apps(PWA)
Progressive Web Apps(PWA)Progressive Web Apps(PWA)
Progressive Web Apps(PWA)

Here’s the content of This Presentation : Progressive Web Apps Service Workers Comparison of Responsive Web, Native Apps, And PWA Benefit Using PWA Technology Framework in PWA

programmingwebprogressive web apps
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.

The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...

The document discusses the current state and future of the web. It notes that while native apps have gained popularity, especially on mobile, the web remains strong with over 1 billion active users. It outlines tools from Google like Service Workers that help the web compete with capabilities previously only available to native apps like push notifications, offline access, and background processing. The document advocates for continued progress to simplify the web development process and ensure the longevity of technologies, arguing this will help the web remain diverse and accessible across all platforms.

webjavascriptservice workers
PWACourse.com
Over 21 Hours of
Video + Resources
$29
• 3 Example PWAs
• What a PWA is
• How to Quickly Upgrade
• Service Worker Life Cycle
• Basic Service Worker Caching
• Advanced Service Worker Caching
• Web Performance Best Practices
• Tools to Help Create a PWA
• https://amzn.to/2A0DLU1
PWA Starter
Creates Core PWA Assets
• Web Manifest
• Complete Icon Set
• Add to Homescreen
• Starter Service Worker
• Resources
WHAT IS A PWA?

Recommended for you

Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!

Progressive Web Apps use modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, maintaining the web's low friction at every moment. They are reliable, fast, engaging and delivering amazing UX to end users. And they are here! The slides are from my talk at http://2018.symfonycamp.org.ua/

pwaprogressive web appsjavascript
Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)

Progressive Web Apps (PWA) allow web applications to have app-like capabilities by being installable, load quickly, and work offline or on low quality networks. PWAs use service workers to cache assets and API responses so that the app is able to function with limited or no network connection. Other features of PWAs include being responsive and being able to re-engage users with push notifications. The document provides an overview of PWAs and their capabilities as well as links to learn more and examples of existing PWA implementations.

javascriptpwahtml5
Progressive Web App (feat. React, Django)
Progressive Web App (feat. React, Django)Progressive Web App (feat. React, Django)
Progressive Web App (feat. React, Django)

1. The document discusses how the author implemented a Progressive Web App (PWA) for their company's product BOXture using React and Django. 2. Key aspects of the PWA implementation included using a service worker to cache assets and provide a fast loading experience, as well as adding web push notifications and a web app manifest. 3. The author details strategies used like cache-first routing and precaching with sw-precache to improve performance and user experience.

Alex Russel
Chrome
“These apps aren’t packaged &
deployed through stores, they’re just
websites that took the right vitamins.
They progressively become apps…”
WHAT IS A PWA?
• A Web Site
• Utilizes Modern Web
Features
• Delivers a Great, User-
Centric Experience
A Native App
A Single Page App
WHAT IS A PWA IS NOT
They Can Be, But Why?????
Secure – Uses HTTPS
Valid Web Manifest File
Registers a Service
Worker with a fetch Event
Handler
MINIMUM PWA REQUIREMENTS

Recommended for you

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
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

This slide is from the talk that i have given in DevFest at GDG Jalandhar & DSC Workshops.it Contains all the basic features,code and tools required to build a Progressive web apps.

pwaprogressive web appsprogramming
300 x 100 px
A PWA SHOULD
Be Mobile-First
Provide Offline Experience
Load Fast *
Engage User*
* Subjective, we can talk about this
Device Feature Access
Discoverable
Cheaper to Develop
Cheaper to Distribute
Cheaper to Market
Common Standards
100s Used Each Month
App Store Distribution
3rd Party Censorship
Frustrating to Install
Few are Used
Expensive to Develop
Fragmentation
Expensive to Market
300 x 50 px
PWA VS NATIVE
ADD TO HOMESCREEN
Allow Users to ‘install’ PWA
Mobile Homescreen icon
Desktop Start Menu, Desktop Icon
Signal Visitor Wants to Re-engage
With Brand
Non-Standard Experience
JEREMY KEITH
I worry that the messaging around
“progressive web apps” is perhaps over-
fetishising the home screen. I don’t think
that’s the real battleground. The real
battleground is in people’s heads; how they
perceive the web and how they perceive
native.
https://adactio.com/journal/12015

Recommended for you

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
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps

Progressive Web Apps consist of a new palette of technologies such as the Web App Manifest, homescreen install support, Service Workers and the app shell. These bridge the gap between native and web apps offering new capabilities for web developers to create amazing desktop and mobile experiences.

installable web-appspwaapp-shell
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App

Progressive Web App (PWA) is a term used to denote web apps that use the latest web technologies. Progressive web apps are technically regular web pages (or websites) but can appear to the user like traditional applications or (native) mobile applications. This new application type attempts to combine features offered by most modern browsers with the benefits of mobile experience.

SERVICE WORKERS
Work on Background
Thread
Must Be Registered
Offline
Native Push*
Background Sync*
LIFE CYCLE
* This is why PWA
Technically Does Not
Add SEO Value
Web
ServerWeb Page
Service Worker
CacheIndexDB

More Related Content

What's hot

Anatomy of a Progressive Web App
Anatomy of a Progressive Web AppAnatomy of a Progressive Web App
Anatomy of a Progressive Web App
Mike North
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
Harish Karthick
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
NexThoughts Technologies
 
Progressive Web Apps(PWA)
Progressive Web Apps(PWA)Progressive Web Apps(PWA)
Progressive Web Apps(PWA)
Muhamad Fahriza Novriansyah
 
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
 
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
Robert Nyman
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
Antonio Peric-Mazar
 
Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)
Sandip Nirmal
 
Progressive Web App (feat. React, Django)
Progressive Web App (feat. React, Django)Progressive Web App (feat. React, Django)
Progressive Web App (feat. React, Django)
Yurim Jin
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
Binh Bui
 
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
Suraj Kumar
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
R. Caner Yıldırım
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps
Bill Stavroulakis
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Padmaashree K
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Subodh Garg
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
Deepak Upadhyay
 
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
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
Vinci Rufus
 
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
Ido Green
 

What's hot (20)

Anatomy of a Progressive Web App
Anatomy of a Progressive Web AppAnatomy of a Progressive Web App
Anatomy of a Progressive Web App
 
Pwa.pptx
Pwa.pptxPwa.pptx
Pwa.pptx
 
Progressive Web-App (PWA)
Progressive Web-App (PWA)Progressive Web-App (PWA)
Progressive Web-App (PWA)
 
Progressive Web Apps(PWA)
Progressive Web Apps(PWA)Progressive Web Apps(PWA)
Progressive Web Apps(PWA)
 
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 ...
 
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
 
Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)Introduction to Progressive Web Apps (PWA)
Introduction to Progressive Web Apps (PWA)
 
Progressive Web App (feat. React, Django)
Progressive Web App (feat. React, Django)Progressive Web App (feat. React, Django)
Progressive Web App (feat. React, Django)
 
Introduction to Progressive Web App
Introduction to Progressive Web AppIntroduction to Progressive Web App
Introduction to Progressive Web App
 
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
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 
Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
 

Similar to Introduction to Progressive Web Applications

Introduction to Progressive Web Applications
Introduction to Progressive Web ApplicationsIntroduction to Progressive Web Applications
Introduction to Progressive Web Applications
Chris Love
 
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education
Chris Love
 
Service workers your applications never felt so good
Service workers   your applications never felt so goodService workers   your applications never felt so good
Service workers your applications never felt so good
Chris Love
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Saikiran Sheshagiri
 
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
AnjaliTanpure1
 
Progressive Web Apps - NPD Meet
Progressive Web Apps - NPD MeetProgressive Web Apps - NPD Meet
Progressive Web Apps - NPD Meet
Vaideeswaran Sethuraman
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
Jason Grigsby
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Allison Clemens
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
BasitMir10
 
GDI Seattle - Intermediate HTML and CSS Class 3 Slides
GDI Seattle - Intermediate HTML and CSS Class 3 SlidesGDI Seattle - Intermediate HTML and CSS Class 3 Slides
GDI Seattle - Intermediate HTML and CSS Class 3 Slides
Heather Rock
 
New trends on web platform
New trends on web platformNew trends on web platform
New trends on web platform
Kenneth Rohde Christiansen
 
Testing installable mobile apps analogues
Testing installable mobile apps analoguesTesting installable mobile apps analogues
Testing installable mobile apps analogues
Diana Pinchuk
 
Using Wireframes
Using WireframesUsing Wireframes
Using Wireframes
Mark Calkins
 
Progressivewebapps by sheddy nathan for isdev2017
Progressivewebapps by sheddy nathan for isdev2017Progressivewebapps by sheddy nathan for isdev2017
Progressivewebapps by sheddy nathan for isdev2017
Shedrack Akintayo
 
Why Startups Are Still On AWS
Why Startups Are Still On AWSWhy Startups Are Still On AWS
Why Startups Are Still On AWS
Amazon Web Services
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of Tomorrow
WP Engine
 
The PRPL Pattern
The PRPL PatternThe PRPL Pattern
The PRPL Pattern
Red Pill Now
 
Duct Tape PR - CIPR Scotland Social in the City Talk
Duct Tape PR - CIPR Scotland Social in the City TalkDuct Tape PR - CIPR Scotland Social in the City Talk
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Software Infrastructure
 
Webinar "Using the Web to Maximize Your Regional Group's ...
Webinar "Using the Web to Maximize Your Regional Group's ...Webinar "Using the Web to Maximize Your Regional Group's ...
Webinar "Using the Web to Maximize Your Regional Group's ...
webhostingguy
 

Similar to Introduction to Progressive Web Applications (20)

Introduction to Progressive Web Applications
Introduction to Progressive Web ApplicationsIntroduction to Progressive Web Applications
Introduction to Progressive Web Applications
 
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education
 
Service workers your applications never felt so good
Service workers   your applications never felt so goodService workers   your applications never felt so good
Service workers your applications never felt so good
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
 
Progressive Web Apps - NPD Meet
Progressive Web Apps - NPD MeetProgressive Web Apps - NPD Meet
Progressive Web Apps - NPD Meet
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
SEMINAR (pwa).pptx
SEMINAR (pwa).pptxSEMINAR (pwa).pptx
SEMINAR (pwa).pptx
 
GDI Seattle - Intermediate HTML and CSS Class 3 Slides
GDI Seattle - Intermediate HTML and CSS Class 3 SlidesGDI Seattle - Intermediate HTML and CSS Class 3 Slides
GDI Seattle - Intermediate HTML and CSS Class 3 Slides
 
New trends on web platform
New trends on web platformNew trends on web platform
New trends on web platform
 
Testing installable mobile apps analogues
Testing installable mobile apps analoguesTesting installable mobile apps analogues
Testing installable mobile apps analogues
 
Using Wireframes
Using WireframesUsing Wireframes
Using Wireframes
 
Progressivewebapps by sheddy nathan for isdev2017
Progressivewebapps by sheddy nathan for isdev2017Progressivewebapps by sheddy nathan for isdev2017
Progressivewebapps by sheddy nathan for isdev2017
 
Why Startups Are Still On AWS
Why Startups Are Still On AWSWhy Startups Are Still On AWS
Why Startups Are Still On AWS
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of Tomorrow
 
The PRPL Pattern
The PRPL PatternThe PRPL Pattern
The PRPL Pattern
 
Duct Tape PR - CIPR Scotland Social in the City Talk
Duct Tape PR - CIPR Scotland Social in the City TalkDuct Tape PR - CIPR Scotland Social in the City Talk
Duct Tape PR - CIPR Scotland Social in the City Talk
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Webinar "Using the Web to Maximize Your Regional Group's ...
Webinar "Using the Web to Maximize Your Regional Group's ...Webinar "Using the Web to Maximize Your Regional Group's ...
Webinar "Using the Web to Maximize Your Regional Group's ...
 

More from Chris Love

Quick Fetch API Introduction
Quick Fetch API IntroductionQuick Fetch API Introduction
Quick Fetch API Introduction
Chris Love
 
Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets
Chris Love
 
The server is dead going serverless to create a highly scalable application y...
The server is dead going serverless to create a highly scalable application y...The server is dead going serverless to create a highly scalable application y...
The server is dead going serverless to create a highly scalable application y...
Chris Love
 
A Day Building Fast, Responsive, Extensible Single Page Applications
A Day Building Fast, Responsive, Extensible Single Page ApplicationsA Day Building Fast, Responsive, Extensible Single Page Applications
A Day Building Fast, Responsive, Extensible Single Page Applications
Chris Love
 
Real World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker CachingReal World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker Caching
Chris Love
 
Disrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applicationsDisrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applications
Chris Love
 
Develop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will loveDevelop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will love
Chris Love
 
JavaScript front end performance optimizations
JavaScript front end performance optimizationsJavaScript front end performance optimizations
JavaScript front end performance optimizations
Chris Love
 
Advanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms toolsAdvanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms tools
Chris Love
 
Html5 Fit: Get Rid of Love Handles
Html5 Fit:  Get Rid of Love HandlesHtml5 Fit:  Get Rid of Love Handles
Html5 Fit: Get Rid of Love Handles
Chris Love
 
Using Responsive Web Design To Make Your Web Work Everywhere - Updated
Using Responsive Web Design To Make Your Web Work Everywhere - UpdatedUsing Responsive Web Design To Make Your Web Work Everywhere - Updated
Using Responsive Web Design To Make Your Web Work Everywhere - Updated
Chris Love
 
Implementing a Responsive Image Strategy
Implementing a Responsive Image StrategyImplementing a Responsive Image Strategy
Implementing a Responsive Image Strategy
Chris Love
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work EverywhereUsing Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
Chris Love
 
10 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 201610 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 2016
Chris Love
 
Css best practices style guide and tips
Css best practices style guide and tipsCss best practices style guide and tips
Css best practices style guide and tips
Chris Love
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
Chris Love
 
An Introduction to Microsoft Edge
An Introduction to Microsoft EdgeAn Introduction to Microsoft Edge
An Introduction to Microsoft Edge
Chris Love
 
10 things you can do to speed up your web app today stir trek edition
10 things you can do to speed up your web app today   stir trek edition10 things you can do to speed up your web app today   stir trek edition
10 things you can do to speed up your web app today stir trek edition
Chris Love
 
Single page applications the basics
Single page applications the basicsSingle page applications the basics
Single page applications the basics
Chris Love
 
There Is No Mobile: An Introduction To Responsive Web Design
There Is No Mobile: An Introduction To Responsive Web DesignThere Is No Mobile: An Introduction To Responsive Web Design
There Is No Mobile: An Introduction To Responsive Web Design
Chris Love
 

More from Chris Love (20)

Quick Fetch API Introduction
Quick Fetch API IntroductionQuick Fetch API Introduction
Quick Fetch API Introduction
 
Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets
 
The server is dead going serverless to create a highly scalable application y...
The server is dead going serverless to create a highly scalable application y...The server is dead going serverless to create a highly scalable application y...
The server is dead going serverless to create a highly scalable application y...
 
A Day Building Fast, Responsive, Extensible Single Page Applications
A Day Building Fast, Responsive, Extensible Single Page ApplicationsA Day Building Fast, Responsive, Extensible Single Page Applications
A Day Building Fast, Responsive, Extensible Single Page Applications
 
Real World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker CachingReal World Lessons in Progressive Web Application & Service Worker Caching
Real World Lessons in Progressive Web Application & Service Worker Caching
 
Disrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applicationsDisrupting the application eco system with progressive web applications
Disrupting the application eco system with progressive web applications
 
Develop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will loveDevelop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will love
 
JavaScript front end performance optimizations
JavaScript front end performance optimizationsJavaScript front end performance optimizations
JavaScript front end performance optimizations
 
Advanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms toolsAdvanced front end debugging with ms edge and ms tools
Advanced front end debugging with ms edge and ms tools
 
Html5 Fit: Get Rid of Love Handles
Html5 Fit:  Get Rid of Love HandlesHtml5 Fit:  Get Rid of Love Handles
Html5 Fit: Get Rid of Love Handles
 
Using Responsive Web Design To Make Your Web Work Everywhere - Updated
Using Responsive Web Design To Make Your Web Work Everywhere - UpdatedUsing Responsive Web Design To Make Your Web Work Everywhere - Updated
Using Responsive Web Design To Make Your Web Work Everywhere - Updated
 
Implementing a Responsive Image Strategy
Implementing a Responsive Image StrategyImplementing a Responsive Image Strategy
Implementing a Responsive Image Strategy
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work EverywhereUsing Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
 
10 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 201610 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 2016
 
Css best practices style guide and tips
Css best practices style guide and tipsCss best practices style guide and tips
Css best practices style guide and tips
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
 
An Introduction to Microsoft Edge
An Introduction to Microsoft EdgeAn Introduction to Microsoft Edge
An Introduction to Microsoft Edge
 
10 things you can do to speed up your web app today stir trek edition
10 things you can do to speed up your web app today   stir trek edition10 things you can do to speed up your web app today   stir trek edition
10 things you can do to speed up your web app today stir trek edition
 
Single page applications the basics
Single page applications the basicsSingle page applications the basics
Single page applications the basics
 
There Is No Mobile: An Introduction To Responsive Web Design
There Is No Mobile: An Introduction To Responsive Web DesignThere Is No Mobile: An Introduction To Responsive Web Design
There Is No Mobile: An Introduction To Responsive Web Design
 

Recently uploaded

Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...
Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...
Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
TAM AdEx-Quarterly Report on Radio Advertising_2024.pdf
TAM AdEx-Quarterly Report on Radio Advertising_2024.pdfTAM AdEx-Quarterly Report on Radio Advertising_2024.pdf
TAM AdEx-Quarterly Report on Radio Advertising_2024.pdf
Social Samosa
 
How Can German Auto Repair Shops Benefit From Digital Marketing
How Can German Auto Repair Shops Benefit From Digital MarketingHow Can German Auto Repair Shops Benefit From Digital Marketing
How Can German Auto Repair Shops Benefit From Digital Marketing
German Repair Shop Marketing
 
Digital marketing metrics every one must know in 2024
Digital marketing metrics every one must know in 2024Digital marketing metrics every one must know in 2024
Digital marketing metrics every one must know in 2024
Digital Scape
 
10 Advantages and Disadvantages of Social Media Marketing in 2024
10 Advantages and Disadvantages of Social Media Marketing in 202410 Advantages and Disadvantages of Social Media Marketing in 2024
10 Advantages and Disadvantages of Social Media Marketing in 2024
Markonik
 
[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...
[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...
[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...
VWO
 
Paid Media Targeting in a Cookieless Future - Kevin Lee
Paid Media Targeting in a Cookieless Future - Kevin LeePaid Media Targeting in a Cookieless Future - Kevin Lee
Paid Media Targeting in a Cookieless Future - Kevin Lee
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Know about what is digital marketing.pptx
Know about what is digital marketing.pptxKnow about what is digital marketing.pptx
Know about what is digital marketing.pptx
cricketworld24
 
Importance of Digital Marketing in 2024
Importance of Digital Marketing in  2024Importance of Digital Marketing in  2024
Importance of Digital Marketing in 2024
eyekootech
 
NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...
NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...
NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...
BBPMedia1
 
Free Healthcare Marketing Plan for Healthcare professionals
Free Healthcare Marketing Plan for Healthcare professionalsFree Healthcare Marketing Plan for Healthcare professionals
Free Healthcare Marketing Plan for Healthcare professionals
Mazhar Shah
 
The Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry Kim
The Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry KimThe Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry Kim
The Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry Kim
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...
Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...
Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...
VikasYadav194549
 
Factsheet pdf
Factsheet                            pdfFactsheet                            pdf
Factsheet pdf
Kaushal445159
 
KODA Digital Marketing Agency Profile Services.pdf
KODA Digital Marketing Agency Profile Services.pdfKODA Digital Marketing Agency Profile Services.pdf
KODA Digital Marketing Agency Profile Services.pdf
amanprince3789
 
Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...
Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...
Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...
SFC Today
 
What Does a Social Media Manager‎ ‎ ‎ Do?
What Does a Social Media Manager‎ ‎ ‎  Do?What Does a Social Media Manager‎ ‎ ‎  Do?
What Does a Social Media Manager‎ ‎ ‎ Do?
Jomer Gregorio
 
Traditional Foods Of Australia and The History
Traditional Foods Of Australia and The HistoryTraditional Foods Of Australia and The History
Traditional Foods Of Australia and The History
The Aussie Way
 
Brand Repositioning & Communication Presentation
Brand Repositioning & Communication PresentationBrand Repositioning & Communication Presentation
Brand Repositioning & Communication Presentation
Rajesh Math
 
campaign ads for fostanak local brand in egypt
campaign ads for fostanak local brand in egyptcampaign ads for fostanak local brand in egypt
campaign ads for fostanak local brand in egypt
shahdmahmoudattia
 

Recently uploaded (20)

Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...
Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...
Digital Marketing Trends, Experts Insights on How to Gain a Competitive Edge ...
 
TAM AdEx-Quarterly Report on Radio Advertising_2024.pdf
TAM AdEx-Quarterly Report on Radio Advertising_2024.pdfTAM AdEx-Quarterly Report on Radio Advertising_2024.pdf
TAM AdEx-Quarterly Report on Radio Advertising_2024.pdf
 
How Can German Auto Repair Shops Benefit From Digital Marketing
How Can German Auto Repair Shops Benefit From Digital MarketingHow Can German Auto Repair Shops Benefit From Digital Marketing
How Can German Auto Repair Shops Benefit From Digital Marketing
 
Digital marketing metrics every one must know in 2024
Digital marketing metrics every one must know in 2024Digital marketing metrics every one must know in 2024
Digital marketing metrics every one must know in 2024
 
10 Advantages and Disadvantages of Social Media Marketing in 2024
10 Advantages and Disadvantages of Social Media Marketing in 202410 Advantages and Disadvantages of Social Media Marketing in 2024
10 Advantages and Disadvantages of Social Media Marketing in 2024
 
[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...
[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...
[Webinar - VWO] AI-First Strategies to Drive Traffic and Conversions for 2024...
 
Paid Media Targeting in a Cookieless Future - Kevin Lee
Paid Media Targeting in a Cookieless Future - Kevin LeePaid Media Targeting in a Cookieless Future - Kevin Lee
Paid Media Targeting in a Cookieless Future - Kevin Lee
 
Know about what is digital marketing.pptx
Know about what is digital marketing.pptxKnow about what is digital marketing.pptx
Know about what is digital marketing.pptx
 
Importance of Digital Marketing in 2024
Importance of Digital Marketing in  2024Importance of Digital Marketing in  2024
Importance of Digital Marketing in 2024
 
NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...
NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...
NIMA2024 | Hoe Danone Trends vertaalt naar Strategie voor het versterken van ...
 
Free Healthcare Marketing Plan for Healthcare professionals
Free Healthcare Marketing Plan for Healthcare professionalsFree Healthcare Marketing Plan for Healthcare professionals
Free Healthcare Marketing Plan for Healthcare professionals
 
The Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry Kim
The Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry KimThe Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry Kim
The Top 6 Facebook Ad Hacks of 2024, Targeting the Untargetable - Larry Kim
 
Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...
Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...
Billion Broadcaster's Frame Posters and Horizontal Lift Advertising Screens: ...
 
Factsheet pdf
Factsheet                            pdfFactsheet                            pdf
Factsheet pdf
 
KODA Digital Marketing Agency Profile Services.pdf
KODA Digital Marketing Agency Profile Services.pdfKODA Digital Marketing Agency Profile Services.pdf
KODA Digital Marketing Agency Profile Services.pdf
 
Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...
Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...
Top XRP Coin News of the Week: A Volatile Market Amidst Legal and Historical ...
 
What Does a Social Media Manager‎ ‎ ‎ Do?
What Does a Social Media Manager‎ ‎ ‎  Do?What Does a Social Media Manager‎ ‎ ‎  Do?
What Does a Social Media Manager‎ ‎ ‎ Do?
 
Traditional Foods Of Australia and The History
Traditional Foods Of Australia and The HistoryTraditional Foods Of Australia and The History
Traditional Foods Of Australia and The History
 
Brand Repositioning & Communication Presentation
Brand Repositioning & Communication PresentationBrand Repositioning & Communication Presentation
Brand Repositioning & Communication Presentation
 
campaign ads for fostanak local brand in egypt
campaign ads for fostanak local brand in egyptcampaign ads for fostanak local brand in egypt
campaign ads for fostanak local brand in egypt
 

Introduction to Progressive Web Applications

Editor's Notes

  1. Note: To Change the Background Picture Follow the steps below Mouse Right button click>Format Background>Select Picture or Texture File>Click “File” button>Browse and select the image from your computer>Click Insert That’s it. You are Done !!!
  2. Note: To Change the Background Picture Follow the steps below Mouse Right button click>Format Background>Select Picture or Texture File>Click “File” button>Browse and select the image from your computer>Click Insert That’s it. You are Done !!!