Classbaze

Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Modern Web Design & Development: Creating a PWA with Angular

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 progr...
3.3
3.3/5
(3 reviews)
154 students
Created by

7.9

Classbaze Grade®

7.6

Freshness

6.2

Popularity

9.3

Material

Platform: Skillshare
Video: 4h 42m
Language: English
Next start: On Demand

Best Angular classes:

Classbaze Rating

Classbaze Grade®

7.9 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness

7.6 / 10
This course was last updated on 11/2019.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Popularity

6.2 / 10
We analyzed factors such as the rating (3.3/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Material

9.3 / 10
Video Score: 8.3 / 10
The course includes 4h 42m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
The average video length is 6 hours 28 minutes of 166 Angular courses on Skillshare.
Detail Score: 9.6 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 10.0 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

0 article.
0 resource.
0 exercise.
0 tests or quizzes.

In this page

About the course

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 CLI and Google Firebase.

I would recommend pausing the videos in order to code along, I would also encourage you to try to understand the process while watching and taking notes in your own words to reinforce and accelerate your learning. Lastly, I think an ideal setup would be having a multiple monitor system as you can have the course on one screen and your code and browser on the other. These are all strategies that I employed when I was teaching myself to code using online courses just like this one, and I can tell you that they proved extremely helpful.

By the end of this course, students will:

  • Be able to build responsive Progressive Web Apps using Angular and Firebase

  • Practice principles of design that will apply to print and web projects

  • Create their own unique portfolio website

  • Have a solid understanding of Visual Studio Code

  • Learn how to create project mock-ups with Photopea

  • Have the ability to use Chrome Developer Tools to test and audit websites

Why Should You Learn This?

If you are starting the process of learning to become a web developer, or even if you are already working as a web developer, you will find value in this course. There is an emphasis on design principles throughout, and a unique workflow to efficiently create Progressive Web Apps that are much more functional than regular websites.

What can you learn from this course?

Attached is a PDF with all of the links I will mention throughout the course, any necessary files as well as several versions of the project code at different states of completion. 

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 CLI, and Firebase Tools.

We will discuss the importance of the planning stage in building a website, as well as implementing best design practices. Then we will discuss what a Progressive Web App its long list of benefits, including being able to function offline.

Jumping into our main project, we will work through our project in sections. 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 (an online free version of Photoshop).

We will wrap up the main page content by adding a contact section, as well as a small footer.

After this, I will discuss the importance of responsive design, going through how to alter a desktop website to look good on a smartphone in vertical and horizontal orientations. I will explain how this is done, using the Developer Tools in Chrome and then give students to opportunity to finish the rest on their own.

In the last section of the course, I will show how to make and implement icons for a PWA. 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.

What you need to start the course?

There is no requirement, anyone can start this course.

Who is this course is made for?

Anybody can take this course, as it is suitable for all levels.

Are there coupons or discounts for Modern Web Design & Development: Creating a PWA with Angular ? What is the current price?

You can enrol in this course with a Skillshare subscription that costs $8/month, but you start with a FREE 7-day trial. You can also enrol in thousands of courses on a variety of topics with your subscription, including several Angular courses.
The average price is $15.3 of 166 Angular courses. So this course is -100% more expensive than the average Angular course on Skillshare.

Will I be refunded if I'm not satisfied with the Modern Web Design & Development: Creating a PWA with Angular course?

There is no money-back guarantee with Skillshare, but you can start with a free one-week trial to learn without risk. With the subscription, you can download classes to your tablet or phone using the Skillshare app.

Are there any financial aid for this course?

At the moment we couldn't find any available scholarship forModern Web Design & Development: Creating a PWA with Angular, but you can access more than 30 thousand classes for $8/month on Skillshare, including this one!

Who will teach this course? Can I trust Jacinto Wong?

Jacinto Wong has created 2 courses that got 68 reviews which are generally positive. Jacinto Wong has taught 7,822 students and received a 4.3 average review out of 68 reviews. Depending on the information available, we think that Jacinto Wong is an instructor that you can trust.
Senior Web Developer / Educator
Senior Web Developer / Educator
Browse all courses by on Classbaze.

7.9

Classbaze Grade®

7.6

Freshness

6.2

Popularity

9.3

Material

Platform: Skillshare
Video: 4h 42m
Language: English
Next start: On Demand

Classbaze recommendations for you