Learn Angular by building a Progressive Web App (PWA)
What you'll learn
- Install Node, Angular CLI, Firebase tools.
- Create a new Angular 8 app from scratch.
- Build a production ready application.
- Develop a real "Movie browser" Application.
- Deploy to Google Firebase's free hosting service.
- Understand what a PWA (Progressive Web Apps) is.
- Test your Angular 8 application on Android phone
- Install the Movie browser app as a desktop application
- Run your app even when you are offline (using service workers)
- Create web applications that look and feel like native mobile apps
Requirements
- Basic HTML/CSS/JS knowledge
- You should have a PC or Laptop with decent internet connection
Description
A Progressive Web App or PWA is a web application that has a set of capabilities (similar to native apps) which provide an app-like experience to users. PWAs need to meet a set of essential requirements that we'll see next. PWAs are similar to native apps but are deployed and accessible from web servers via URLs, so we don't need to go through app stores.
A PWA needs to be:
Progressive: Work for every user, regardless of browser choice, because they are built with progressive enhancement as a core tenet.
Responsive: Fit any form factor, desktop, mobile, tablet, or whatever is next.
Connectivity independent: Enhanced with service workers to work offline or on low-quality networks.
App-like: Use the app-shell model to provide app-style navigation and interactions.
Fresh: Always up-to-date thanks to the service worker update process.
Safe: Served via HTTPS to prevent snooping and ensure content has not been tampered with.
Discoverable: Are identifiable as "applications" thanks to W3C manifests and service worker registration scope allowing search engines to find them.
Re-engageable: Make re-engagement easy through features like push notifications.
Installable: Allow users to "keep" apps they find most useful on their home screen without the hassle of an app store.
Linkable: Easily share via URL and not require complex installation.
In detail, this course will cover everything you need to build amazing PWAs - leading to a score of 100 (out of 100) in Google's PWA auditing tool "Lighthouse".
This is completely a hands-on training, bringing all the best practices that a developer should follow in his/her projects.
Here are some of the feedbacks given by my students:
Best instructor and best trainer on Udemy. Quick Response and very friendly .i have been checked out many angularJS courses (very long tutorials) around 30 hours on Udemy. but vinod Sir within 5 & 6 hours who taught every things very simple.he has good knowledge and good experience on Teaching method.i recommend this course .?? (Sithat iffazer)
This is a great and simple course for beginners. Wish the Author build more courses like this for angular 7. With a real DB, auth etc... Thanks and ThumbUp
The Course was clear and concise and touches upon the important Angular features. (Harsh Kedia)
Step by step learning,explain everything easy and clear. Perfect for beginners! (Dragan Stevanovic)
I have not yet completed the course. But I am very much confident, after completing this course, it would be wonderful experience. So far it's going very well. This course is simply superb. The tutor - Vinod, is simply great. He explained difficult concepts in a simplest way. He knows how to make a teaching session an interesting and informative one. Thanks to you Udemy for this opportunity and special thanks to Vinod. (Venkatesh)
Very helpful. I like the way trainer Vinod makes things so simple to understand. (Robinet Gimlet)
Very detail oriented. Explained all possible ways in each section i.e. environment setup(eclipse, tomcat, h2 DB), application development to deployment, testing with postman, error handling, eclipse shortcuts. (Hemalatha Bhimavarapu)
I got to learn so many new things from this course and very well explained, Thank you! (Tushar Patil)
It is very well and detailed any one can understand and learn the course. I would recommend it to others. (Ashwini Iyer)
Great Course, the instructor was easy to follow and help me understand the subject better. Thank u. (Aida Hailu)
------------------------------------------------------------------
So, see you inside the course,
Vinod.
Who this course is for:
- Anyone who wants to know what a PWA is.
- Software developers to learn Angular 8 by coding a real world app
- Frontend developers interested to learn Angular 8
- Anyone exploring new features of Angular 8
Instructor
After my graduation from Kuvempu University with a University Rank in 1994, continued my studies in Computer Science with Aptech Computer Education for couple of Years.
I got into teaching Computer Software in 1996, when I got a job as teaching faculty in Aptech Computer Eduction, where I was a student. That’s when came to know that teaching is not only a respectable job, but one can enjoy too.
In 1999, I became the founder of a small computer training institute, Lotus Infodesk in Bangalore. Students mostly used to come to my institute for learning C, C++, VB, Oracle and Java.
At the same time, I also got an opportunity to teach in a college for 11th and 12th year students, and had a wonderful time teaching them Pascal.
Unfortunately, the recision hit year 2000-2001 badly hit my training institute, and I like many others had to shutdown the same.
This brought not only a very tough one year, but also brought new opportunities in venturing into Software development and consulting.
In the year 2003, a new door was opened for me – training software engineers in big software companies like Infosys, HP, Cap Gemini and few others.
Since then I am enjoying my journey in this industry, finding few development opportunities on the way.
Here are some of the clients (in alphabetical order) I worked with in the last 6 years:
ABB, Accenture, Amadeus, Bosch, Brillio, CA, Cadestech, Cisco, Collabera, EBay, EFI India, EMC, Epsilon, Exillant, HCL, HP, HPE, Infosys, Manipal Global, Metric Stream, MicroFocus, Mindtree, Persistent, Philips, Publicis Sapient, QSI, Sasken, SLK, Sony, Thomson Reuters, Trianz, Unisys, and Yodlee.
And the technologies I was fortunate enough to conduct classes on:
Advanced DB Concepts, Advanced Java, Advanced JavaScript, Advanced MS-Office, Advanced Python, Ajax, Angular, Angularjs, Bootstrap, C++, Consultation, Design Patterns, DevOps, Docker, Dojo, Eclipse RCP, EJB 3, Excel, ExtJS, Fresher training, Hibernate, HTML 5 & CSS 3, Ionic 3, Java, Java 8 Features, Java Performance Tuning, Jeknins, JMeter, jQuery, JSF, JUnit, Karma, Kubernetes, MEAN stack, Micro services, Mongodb, MS Access, MySQL, Nhibernate, Node.js, OOAD/UML, Perl, PowerPoint, PowerShell scripting, Progressive Web Apps, Protractor, Python, Reactjs, REST Web Services, Rx Java, SOAP Web Services, SPAjs, Spring, Spring boot and Reactjs, SQL, SSIS, SSRS, Struts 2, Typescript, VBA, Web application development, WebGL, XML, and XSLT.
In the mean while, I had a great opportunity to create e-learning content for Manipal Global on Java and JDBC, in 2015. This assignment consisted of 50 hours of learning material including face shot videos, screen recordings, quizzes, assignments, reading material and others.
Somewhere in mid 2018, I started creating video courses, which published for free on this website, which was like a helping content for my classroom students.
In December 2018, I published my first course on Udemy, and since then I have published a total of 14 courses till date.
However, I have published all of my courses on my website for a price, which is like almost free.
Tell me what’s the last thing you purchased for less than 50 rupees, that you own it for your lifetime?