Course Outline
Introduction
Overview of the Front-End Web Development Cycle
- JavaScript logic/libraries, HTML, and CSS
- Front-end versus back-end
AMP and PWA
- Processes and modules used to optimize a web application
Free Hosted Cache Platforms
- Rel alternatives
- SERP impact
Progressive Web Apps Go Native
- Cross-platform
- Backward compatibility
- Feature parity
Preparing the Development Environment
- Installing tools to generate Service Worker code
- Installing a static content server
Developing the Application
- Code a todo list AMP template with AMP specs
- Style the AMP template with AMP tags
- Installing and configuring AMP-Install-Service Worker
Transforming the AMP to a PWA
- Generating Service Worker's code
- Customizing cached information depending on whether online or offline
- Adding a manifest
- Adding an appshell to receive requests
- Creating and styling push notifications
Testing the Application
- Refreshing on a browser to view code changes
Deploying the Application
- Running the application on mobile simulator or mobile device
Summary and Conclusion
Requirements
- Experience with front-end development
Audience
- Developers
Testimonials (3)
The general knowledge sharing by Narendra and all the dev resources shared
Pako Diale
Course - Transform a React Application into a Progressive Web App (PWA)
His ability to explain complex concept in simpler terms. Giving an overview of how everything ties together and how we can best apply these in our work scenarios
Sefako Tholo - Vodacom SA
Course - React Native Expo
Antonio gave is much background information, best practices and showed us useful tools to speed up our development process.