Web Design And Development: Creating A Progressive Web Application In Angular 8

No Rating(0)
See all reviews

This course is designed for those interested to learn the basics of web design and development by creating a progressive web application in Angular, build responsive progressive web applications, create unique portfolio website and have the ability to test and audit websites.

Watch Free For 30 Days

start free access


buy single class $199
  • On Demand Video Lessons
  • Course Certificate
  • 24/7 Support

About This CourseBeginner

This course is intended to enable anyone, even if you are starting out with no knowledge or experience, to finish the course with the ability to create progressive web apps, understand the basics of Angular, and learn best design practices along the way. You will complete your own unique version of the project that we will build and host for free with the Angular 8 Command Line Interface and Google Firebase.

The course will start by setting up all the software. This will begin with installing Git For Windows to integrate with GitHub, Visual Studio Code, Node/NPM, Angular Command Line Interface, and Firebase Tools.

We will begin with the home page, which will feature a responsive video background. Next, we will add our navigation as a shared component. Later on we will make a responsive version that will display in mobile devices.

We will then create an about section with a short bio and link to a resume. Next, our projects section will involve learning how to create mock-ups for other web projects using Photopea. We will wrap up the main page content by adding a contact section, as well as a small footer.

After this, you’ll understand the importance of responsive design, going through how to alter a desktop website to look good on a smartphone in vertical and horizontal orientations. This is done using the Developer Tools in Chrome.

In the last section of the course, you’ll learn how to make and implement icons for a Progressive Web Application. Then we will look at Lighthouse Audits to optimize our project further. We will finish by building, optimizing, and hosting our web app online for free with Firebase.

Our Promise to You

By the end of this course, you will have learned how to create a web application, design and development in Angular 8.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about creating a progressive web application in Angular 8.

Course Curriculum

Course Sections


Downloadable Materials

Codepen And Video Background

Installations And Main Setup

Angular And Firebase Setup

What Is A Progressive Web Application?

Design Principles

Portfolio Planning

Creating Portfolio Sections

Home Section Overview

Video Background

Custom Google Fonts

Importing Font Awesome Icons

Desktop Navigation Overview

Building And Styling Navigation

Navigation Functionality

About Section Overview

About Layout HTML

About Layout CSS

Projects Section Overview

Photopea Mockup

Projects Layout HTML

Projects Layout CSS

Contact Section Overview

Video Or Image Background

Business Card Mockup

Footer Layout HTML And CSS

Angular Component Integration

Responsive Design Overview

Large Smartphone – Vertical

Modifying Desktop Menu

Hamburger Menu Styling

Hamburger Menu Functionality

Large Smartphone – Horizontal

Responsive Design Conclusion

Optimizing And Hosting Overview

Making An Icon Or Favicon

Lighthouse Audit And Meta Tags

Building – Optimizing – Hosting

PWA On Smartphones

Conclusion And Thank You


No Reviews found for this course.