Have you ever thought about building web application that works offline? A web application that can be added to your smartphone’s screen? A web application that can send you push notifications on the fly? Web application that feels like Native mobile application? Yes, this is what we call as “Progressive Web Applications”.
In this course, we are going to build 2 applications, that will teach you the fundamentals and techniques behind building a Progressive Web Application. Yes, we are going to use React for the same! We will be using the latest React create-app for building our projects. All these projects are started from scratch!
So, what are you waiting for? Sign up today and learn the cutting-edge technology.
This lecture introduces you the concept of Progressive web application, by showcasing an example of Flipkart.
A simple example to show how one could create a service worker.
Talks about how service worker life cycle happens
In this lecture, we will write our service worker which will fit into our react project.
In this lecture we will understand what our application is all about.
In this lecture, we will design the layout of our application using react material.
In this lecture, we will analyze the network calls of our application.
In this lecture, we are going to make use of the cache api to cache our minimal layout files.
In this lecture, we will intercept the network calls to return our files from caches.
In this lecture, we will reveal what is Application Shell Architecture.
In this lecture, we will see how Uber uses application shell architecture for their web application.
General introduction to SPA.
In this lecture, we will set up our react router.
We will talk about how to close the drawer on onClick event.
In this lecture, we will talk about "Update on Reload"
Exercise - 1
General introduction to the product hunt API
In this lecture, we will be using the fetch polyfill to fire ajax calls.
We will display the data coming from the server to the UI.
We will add a simple loading icon for our web application.
In this lecture we will discuss on how to store the dynamic content to the local storage
We will improve our application look and feel by using React Material components.
In this lecture, we will a technique to cache the images dynamically.
In this lecture we will implement the code for offline and online listeners.
Third Exercise details.
In this lecture, we will discuss why we need an android emulator.
In this lecture, we will discuss how to build our project in production mode.
In this lecture, we will discuss about web application manifest
In this lecture, we will be changing our icon.
Hi this is Anto. Well, I have around 3+ years Experience in Software development. During my software development there will be lot of learnings for me. I want my learnings to be shared with others! There are tough times when I learn the things. I want it to be easily sharable to others.
I still remember my teacher saying "If you want to understand one thing, you need to teach it". And thats exactly I have been doing in my company and also over here! I'm mostly into web development using Java and front-end technologies. I'm a teacher at my office and over here as well! :)
Apart from work, I'm an open source contributor to Groovy, Selenium and React Js. Member of JUG Chennai!