Complete Progressive Web App Bootcamp

Focused View

Kim Chen

2:06:08

11 View

1. Introduction.mp4

02:15

2. Create pages.mp4

04:44

3. Create input modal and edit modal.mp4

04:18

4. Add the floating action button.mp4

01:20

5. Create icons for the progressive web app.mp4

02:22

6. Create manifest file.mp4

04:34

7. Open the web on Android Simulator.mp4

01:59

8. iOS Simulator icon problems.mp4

02:36

9. What is service worker.mp4

00:38

10. Service worker lifecycle introduction.mp4

00:31

11. Service worker registration.mp4

01:24

12. Service worker installation.mp4

02:08

13. Service worker activation.mp4

01:57

14. Using lighthouse to audit the progressive web app.mp4

04:31

15. Service worker listen fetch event.mp4

01:25

16. Open the localhost of the mobile phone.mp4

02:10

17. Cache the core asset of the app.mp4

02:56

18. Return the cached assets to the app.mp4

02:47

19. Dynamic Cache.mp4

03:43

20. Add a fallback page.mp4

04:33

21. Limit the number of cache.mp4

03:09

22. Create Firebase project.mp4

03:59

23. Add document in cloud firestore.mp4

05:19

24. Get realtime update with cloud firestore.mp4

03:35

25. Create the template for the contacts.mp4

03:52

26. Updating the UI.mp4

04:30

27. Configure Firestore offline persistence.mp4

03:30

28. Delete document in cloud firestore.mp4

06:29

29. Edit document in cloud firestore.mp4

04:55

30. Toggle favorite.mp4

03:44

31. Render favorite pages.mp4

02:56

32. Mimick fetch.mp4

03:14

33. Callback and callback hell.mp4

01:31

34. From callback to promise.mp4

04:46

35. From promise to async await.mp4

02:24

36. Prepare for this section.mp4

05:02

37. Cache Only Strategy.mp4

01:24

38. Network only strategy.mp4

01:17

39. Network first strategy.mp4

02:19

40. Network first + Dynamic Cache strategy.mp4

03:05

41. Cache First Strategy + Fallback.mp4

02:17

Description

Learn to build discoverable, engaging Progressive Webs Apps (PWAs) from scratch,

What You'll Learn?

What a Progressive Web App is
Use Service Workers to enable your application to work offline
Create a progressive web app that is installable to the home screen

Who is this for?

Students who want to create a web app that works offline

Students who want to create a web app that can install

Students who want to create a web app that can operate on a mobile device just as if they were native applications

What You Need to Know?

Basic HTML, CSS, and JavaScript

Have a mobile device or emulator

More details

Description
What is Progessive Web App (PWA)?
PWAs are web applications created utilizing various explicit advances and standard examples to permit them to exploit both web and local application highlights. For instance, web applications are more discoverable than local applications; it's much simpler and quicker to visit a site than to introduce an application, and you can likewise share web applications by essentially sending a connection.
Then again, local applications are better incorporated with the working framework and along these lines offer a more consistent encounter for the clients. You can introduce a local application so it works disconnected, and clients love tapping their symbols to handily get to their most loved applications, instead of exploring to it utilizing a program.
PWAs enable us to make web applications that can appreciate these equivalent favorable circumstances.
It is anything but a shiny new ideaâ€”such thoughts have been returned to commonly on the web stage with different methodologies before. Reformist Enhancement and responsive plan as of now permit us to fabricate versatile neighborly sites.

What will you learn in this course?
In this course you'll begin dealing with your absolute first Progressive Web App (PWA) - a web application that can exploit a considerable lot of the highlights local applications have appreciated. You'll likewise get more involvement with making a web application that works disconnected utilizing Service Workers. At last, you'll make your application installable to the client's home screen with the Web App Manifest file.
Who this course is for:
Students who want to create a web app that works offline
Students who want to create a web app that can install
Students who want to create a web app that can operate on a mobile device just as if they were native applications

User Reviews

Rating

average 0

Total votes0

Focused display

Web App Development

Kim Chen

Instructor's Courses

He is a registered teacher who has experience in teaching javascript, physics, maths and statistics for over 10 years.He got a master degree in data science and statistics, computer science in the University of Hong Kong.He got GPA 3.55/4.0 and got A in the following subjects Foundations of Data ScienceStatistics of ManagementRegression in PracticeStochastic ModellingSimulations and Statistical ComputingHe now enjoys teaching others and continues to learn every single day.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.