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

Angular Advanced MasterClass & FREE E-Book

Build Your Own Library, Learn Advanced Angular Features
4.3
4.3/5
(857 reviews)
7,149 students
Created by

9.4

CourseMarks Score®

10.0

Freshness

8.3

Feedback

9.4

Content

Platform: Udemy
Video: 6h 50m
Language: English
Next start: On Demand

Top Angular courses:

Detailed Analysis

CourseMarks Score®

9.4 / 10

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

Freshness Score

10.0 / 10
This course was last updated on 8/2021.

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.

Student Feedback

8.3 / 10
We analyzed factors such as the rating (4.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.

Content Score

9.4 / 10
Video Score: 8.6 / 10
The course includes 6h 50m 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 36 minutes of 130 Angular courses on Udemy.
Detail Score: 10.0 / 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: 9.5 / 10

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

This course contains:

4 articles.
0 resource.
0 exercise.
0 tests or quizzes.

Table of contents

Description

Would You Like to Build Your Own Open Source Library?
Probably all of us developers have thought at some point in time to build our own library and contribute to the overall open source community. The goal of this course is to give you all the tools necessary for you to be able to do your own open source Angular Library.
We will build a series of small open source libraries of progressively increasing difficulty, and we will learn a large number of Angular advanced features in a very fun and practical way.
What Is The Best Way To Learn Advanced Angular Features?
The best way to learn Angular and its most advanced features is to simply take and use it to build something very concrete, like for example an application or a library – and do it in a step-by-step way, as there is no replacement for that experience.
In order to understand a technology, we really need to build something non-trivial with it – blog posts and docs will only get us so far.
This is of course very time-consuming to do without any help because we will have to learn everything by ourselves along the way as we build something, gluing together an endless number of blog posts, documentation and Stackoverflow answers.
So because of this, in order to really dive deep into Angular we will be using it to build a series of small reusable libraries. The goal is to create a practice scenario, and learn the advanced features of Angular in their original use cases, where they make the most sense and so are easier to learn.
What Libraries Will We Build In This Course?
We will be building the following libraries, and learn how to publish them on NPM using the Angular Package Format: We will start by doing a Font Awesome customizable Input Box and learn the advantages of designing our components using content projection over a more input/output based design. At this stage we will also introduce the Angular Testing ecosystem.
Then we will progressively increase the difficulty of each library: we will build a dynamic tab container that allows to receive a template as a component input, effectively allowing to override parts of the component template while keeping a default look and feel for the component.
We will then build a reusable dynamic modal component with customizable content. This component have its contents configurable via either content projection or an input template, and will introduce the notion of Structural Directives.
We will also learn how directives and components of a given module can interact in a transparent way, independently of the place where they are used in the template, using a shared library service. We will then build a Input mask directive, where we will cover some advanced keyboard handling behavior.
At the end of the course, we are going to take all the components and directives that we built in previous sections, and we are going to build one larger example using them: A Payment Modal Widget!
We will then introduce the Angular Animations module, and use it to animate the modal widget, we will see how to define animations that can be reused across components.
What Will you Learn In this Course?
We will learn how to create an AOT compatible library in the Angular Package Format, how to define a library module, how to isolate the styles of a component but still make them customizable, how to design components and directives to make them easier to maintain – making them customizable while at the same time giving the components great default behavior.
We will cover all of the more advanced features of Angular, including Component API Design, Component Styling best practices, Templates and Template Outlets, ng-content, ng-container, style isolation and customization, AOT, global events, debugging with the CLI, @ViewChildren, @ContentChildren, Light DOM vs Shadow DOM, @HostBinding, @HostListener, dynamic components, directives, handling keyboard events, testing, animations and more (this is a non-extensive list).
But more than presenting the features in isolation, we will use them in real use cases which will make the features much easier to learn.
What Will You Be Able to do at the End Of This Course?
By the end of this course you will know many of the most advanced features of Angular, but most of all you will know when to use them and why. You will know how to build open source Angular libraries, and know how to make them available to the open source community on NPM.
With this advanced course, you will have a rock-solid foundation on Angular: you will very likely be able to tackle the more advanced Angular development tasks that you will come across in your day to day job or personal projects.

Have a look at the course free lessons below, and please enjoy the course!

You will learn

✓ Code in Github repository with downloadable ZIP files per section
✓ Learn the most advanced features of Angular
✓ learn how to how to build open source Angular libraries
✓ Component API Design
✓ Component Styling best practices
✓ Templates and Template Outlets, ng-content, ng-container, style isolation and customization
✓ AOT, global events, debugging with the CLI, @ViewChildren, @ContentChildren
✓ Light DOM vs Shadow DOM, @HostBinding, @HostListener, dynamic components
✓ Directives, handling keyboard events, testing, animations and more

Requirements

• Basic knowledge of Angular
• Typescript

This course is for

• Software Developers looking to dive deeper into Angular
• Software Developers looking to learn how to publish an open-source Angular library

How much does the Angular Advanced MasterClass & FREE E-Book course cost? Is it worth it?

The course costs $17.99. And currently there is a 82% discount on the original price of the course, which was $99.99. So you save $82 if you enroll the course now.
The average price is $14.2 of 130 Angular courses on Udemy.

Does the Angular Advanced MasterClass & FREE E-Book course have a money back guarantee or refund policy?

YES, Angular Advanced MasterClass & FREE E-Book has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any SCHOLARSHIPS for this course?

Currently we could not find a scholarship for the Angular Advanced MasterClass & FREE E-Book course, but there is a $82 discount from the original price ($99.99). So the current price is just $17.99.

Who is the instructor? Is Angular University a SCAM or a TRUSTED instructor?

Angular University has created 17 courses that got 19,405 reviews which are generally positive. Angular University has taught 116,315 students and received a 4.5 average review out of 19,405 reviews. Depending on the information available, Angular University is a TRUSTED instructor.
Best Selling Angular Courses | 100k+ students | 16 courses
Hello, I’m Vasco Cavalheiro and I’m an online instructor at the Angular University.

Over the years I have helped over 100k developers to learn the Angular framework and its surrounding ecosystem of technologies.

Check out my Linkedin in the links section on the top right.

About the Angular University:

The Angular University aims to be the one place that you go in order to learn and keep up with the whole Angular ecosystem. We provide premium quality video tutorials, screencast style.

No matter if you are a beginner, intermediate or advanced in Angular, we have several courses for you.

More about me:

I’m a Software Developer with many years of experience, very seasoned building user interfaces with Angular. I’ve worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years.   

I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I’ve been a key part of internal framework teams that built frameworks for in-house departments of tens of developers.

I also love to teach, write and talk about technology.  I am looking forward to be your Angular instructor,

Kind Regards,

Vasco

9.4

CourseMarks Score®

10.0

Freshness

8.3

Feedback

9.4

Content

Platform: Udemy
Video: 6h 50m
Language: English
Next start: On Demand

Students are also interested in