SKIP THE SHIPPING
Use code NOSHIP during checkout to save 40% on eligible eBooks, now through January 5. Shop now.
Video accessible from your Account page after purchase.
Register your product to gain access to bonus material or receive a coupon.
5 Hours of Video Instruction
Overview
Angular allows developers to create beautiful, performant, easily maintainable websites incredibly quickly. This comprehensive guide to learning Angular highlights the latest features.
Description
The course covers the topics needed to effectively create and manage front-end codebases using Angular, currently one of the most popular front-end JavaScript frameworks.
The approach is hands-on. You start with a basic boilerplate application, and throughout the course, add new functionality to your skill set.
Angular has undergone some substantial changes over the past few years, and this course presents the latest features and best practices.
Skill Level
The companion files for this course can be found at https://github.com/shaunwa/learn-angular-example-code.
Overall Introduction
1 Learn Basic Angular Syntax and Concepts
1.1 Understand the purpose and benefits of Angular
1.2 Create and run an Angular app
1.3 Understand the different parts of an Angular component
1.4 Pass inputs to components
1.5 Render components conditionally
1.6 Display lists of components
1.7 Style components in Angular
1.8 Handle clicks and other events
1.9 Learn about outputs in Angular
2 Learn About State and the Component Lifecycle
2.1 Use State in components
2.2 Decide where to put State
2.3 Use lifecycle events in components
3 Learn Routing in Angular
3.1 Set up routing in Angular
3.2 Use URL parameters & query parameters
3.3 Create a Not Found page
3.4 Navigate programmatically
4 Learn Common Angular Patterns
4.1 Create and manage forms in Angular
4.2 Build a navigation bar in Angular
4.3 Load data and make requests in Angular
5 Write Clean Angular Code
5.1 Learn the difference between Inheritance and Composition
5.2 Apply the Single-Responsibility Principle in Angular
5.3 Avoid common anti-patterns
6 Learn Advanced Topics
6.1 Learn about Angular view encapsulation
6.2 Add the Font-Awesome and Material Libraries to Angular
6.3 Use the ng-content directive
7 Host Angular Applications
7.1 Host an Angular app on Netlify
7.2 Host an Angular app on Firebase Hosting
Overall Summary