You must be logged in to take this course → LOGIN | REGISTER NOW
Learn to develop your first Progressive Web Apps by enrolling the [course_title] course.
Progressive Web Apps are user experiences that ensure reliable, fast and engaging web experiences. In the course, you will learn to make Progressive Web Apps that work offline using Service Workers. Lastly, you will learn to make your app installable to the user’s home screen with the Web App Manifest file.
Assessment
This course does not involve any written exams. Students need to answer 5 assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Each answer needs to be 200 words (1 Page). Once the answers are submitted, the tutor will check and assess the work.
Certification
Edukite courses are free to study. To successfully complete a course you must submit all the assignment of the course as part of the assessment. Upon successful completion of a course, you can choose to make your achievement formal by obtaining your Certificate at a cost of £49.
Having an Official Edukite Certification is a great way to celebrate and share your success. You can:
- Add the certificate to your CV or resume and brighten up your career
- Show it to prove your success
Course Credit: Google
Course Curriculum
| Progressive Web Apps | |||
| Intro and Hook | 00:01:00 | ||
| Introduction | 00:02:00 | ||
| Why Build a Progressive Web App? | 00:03:00 | ||
| Technologies Behind Progressive Web Apps | 00:02:00 | ||
| What is an App Shell? | 00:03:00 | ||
| Why use an App Shell? | 00:02:00 | ||
| Design the App Shell | 00:01:00 | ||
| What Goes In the App Shell? | 00:01:00 | ||
| The Weather App Shell | 00:01:00 | ||
| Start your project | 00:01:00 | ||
| What Does What? | 00:01:00 | ||
| Get data on screen as fast as possible | 00:01:00 | ||
| Server-Side Rendering | 00:01:00 | ||
| Get Data via an AJAX Request | 00:01:00 | ||
| Update your project | 00:01:00 | ||
| Storage Intro | 00:01:00 | ||
| Local Storage | 00:01:00 | ||
| Caches Object | 00:01:00 | ||
| IndexedDB | 00:01:00 | ||
| It’s not permanent | 00:01:00 | ||
| Update your project | 00:01:00 | ||
| Outro | 00:01:00 | ||
| Service Workers | |||
| What is a service worker? | 00:02:00 | ||
| How does a service worker work? | 00:01:00 | ||
| HTTPS | 00:01:00 | ||
| Registering the Service Worker | 00:01:00 | ||
| Service Worker Scope | 00:01:00 | ||
| The Service Worker Events & Debugging | 00:02:00 | ||
| Service Worker Scope | 00:01:00 | ||
| Caching The App Shell on Install | 00:01:00 | ||
| Updating the Cache | 00:01:00 | ||
| Handling the Fetch Event | 00:01:00 | ||
| Beware | 00:01:00 | ||
| Update your project – Cache | 00:01:00 | ||
| Caching Strategies Intro | 00:01:00 | ||
| Cache First, then Network | 00:01:00 | ||
| Network First, then Cache | 00:01:00 | ||
| Cache Only | 00:01:00 | ||
| Network Only | 00:01:00 | ||
| Cache and Network Race | 00:01:00 | ||
| Cache Then Network | 00:01:00 | ||
| Summary | 00:01:00 | ||
| Pick a caching strategy | 00:01:00 | ||
| Picking the Right Caching Strategy | 00:01:00 | ||
| Intercept the Request and Cache | 00:01:00 | ||
| Making the Request | 00:01:00 | ||
| Update Your Project | 00:01:00 | ||
| Update Your Project | 00:02:00 | ||
| Update Your Project | 00:01:00 | ||
| Using Service Worker Precache | 00:01:00 | ||
| Update Your Project | 00:01:00 | ||
| Update Your Project – sw-precache | 00:01:00 | ||
| Outro | 00:01:00 | ||
| Web App Manifest | |||
| Intro | 00:01:00 | ||
| Web App Manifest | 00:03:00 | ||
| Validate your manifest | 00:01:00 | ||
| Web App Install Banners | 00:02:00 | ||
| Add to Home Screen Elements for Safari | 00:01:00 | ||
| Deploy to an HTTPS Host | 00:03:00 | ||
| Update Your Project | 00:01:00 | ||
| Update Your Project | 00:01:00 | ||
| Wrap-Up | 00:01:00 | ||
| What Next? | 00:01:00 | ||
| Assessment | |||
| Submit Your Assignment | 00:00:00 | ||
| Certification | 00:00:00 | ||
Course Reviews
No Reviews found for this course.
Related Courses
