• Fetch API
• Promises
• Using indexedDB
• Push notifications
• PWA lighthouse tool for performance analysis
• Deploying to Firebase
Create Progressive Web App with cross platform frameworks like cross platform development tools like React, ExtJs, Ionic, Angular Mobile toolkit.
3. Dive Deep into PWA
We will understand about some advanced features of PWA, and build
together a progressive web app and launch it using Firebase.....
PWA Analysis
Understand and work with
Lighthouse analysis tool
Launch
Deploy your first PWA
online using Firebase
cloud hosting and share
it with others
Advanced Features
Working with Fetch API,
Caching data, Understand
Promises, Use Indexed
DB, Add Push Notification
4. Mordern replacement for XMLHttpRequest
Working With Fetch API
1
2
3
4
Working with JSON data, handling errors
Fire GET, POST, CORS requests
Lets see this in action....
5. What is the Cache interface
Caching Data
1
2
3
4
Building a simple application cache
Serving files from the cache
Caching strategies
6. What is Javascript promises
Working with Promises
1
2
3
4
Error handling
Using promise.all
Lets see this in action....
7. What is IndexedDB?
Working with IndexedDB
1
2
3
4
Opening a database, creating objetcs
stores
Working with data, operations, transactions
Lets see this in action....
8. Why do we need PUSH notifications?
Adding PUSH Notifications
1
2
3
4
Add PUSH notifications to PWA using
Firebase
Sending and Receiving PUSH notifications
Lets see this in action....
9. Lighthouse PWA Analysis Tool
Lighthouse –
A Chrome
browser
Extension
Running
Lighthouse in
browser
Using
Lighthouse in
CLI
10. Deploy PWA to Firebase
Deploy PWA to Firebase and access it online.
Social: @Omranic
Website: omranic.com
Software Architect, for a decade
Work Experience:
Top Line For Services, Saudi Arabian, Two Years, 2005
IT Middle, Egyptian, 2009
Freelance for a while
SavvyEra / USY TECH, 2015
Midade, Egyptian/Saudi Arabian, Two Years, 2014
Successful Business:
PHP KingDrom, 2006-2013
THQH, 2007-2010
Currently launching my own company Rinvex
Previous Businesses: Ostta, Foody mid-2014/mid-2015
Delivered Trainings:
Directly trained, and mentored more than 2,500 person through 2015, 2016 in six cities Alexandria, Cairo, 6th of October, Menoufia, Mansoura, Matrouh
Indirectly reached around 10k+ developers worldwide through my presentations, talks, articles, opensource projects
InnovEgypt
Egypt IoT League
Dozens of GDG events
Community Activities: https://docs.google.com/document/d/1sFM3CbYbvY-pJ13Yuq3Pgy8MPB3KegXE9m6MROZTzLU/
Personal Resume: https://docs.google.com/document/d/1hXkY0hLsx4oLOcZaqv7JSRJzxElZP-yyg7yx1DICICI/