Progressive Web Application - Advanced Topics
- 1. Exploring Progressive Web App (PWA) GDG Ahmedabad / June 10, 2017 Hiren Dave
- 2. Hiren Dave Software Engineer | Blogger | Author I am a programmer and I will not fix your windows “ ”
- 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.
- 11. Build PWA with Javascript Frameworks ReactJS
- 12. Setup Environment Get ready for the ReactJS, prepare your environment and create app
- 13. Build PWA with Javascript Frameworks ReactJS ExtJS 6
- 14. Setup Environment Get ready for the ExtJS 6, prepare your environment and create app
- 15. Build PWA with Javascript Frameworks ReactJS ExtJS 6 Angular Mobile Toolkit
- 16. Setup Environment Get ready for the AngularJS, prepare your environment and create app
- 17. Build PWA with Javascript Frameworks ReactJS ExtJS 6 Angular Mobile Toolkit Ionic
- 18. Setup Environment Get ready for the Ionic, prepare your environment and create app
- 19. Questions? Do you’ve any question
- 21. Twitter: @hjdave Mobile: 9327452580 Email: [email protected] Website http://hirendave.tech http://davehiren.blogspot.com
Editor's Notes
- #3: 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/