Angular: Designing and Architecting Web Applications

Description

In this course, you will learn :

• About reactive and template forms (important for handling user data), custom validators, and setting up authentication with Firebase.
• You'll begin with the fundamentals: components, pipes, and directives. Because these are the building blocks of any Angular application, you will get a lot of practise with this material.
• You'll move on to modules, routing, and RXJS, where you'll learn how to declaratively manage data and delve deep into observables.

Syllabus :

1. Our First Project

• Creating an App
• Reviewing the Files
• Event Binding
• Property Binding
• Interpolation
• Global CSS
• Structural Directives
• Deploying the App

 

2. Component Basics

• Creating a New Project
• Understanding Components
• Creating a Component
• Passing Data From Parent to Child Component
• The ngFor Directive
• Static Assets
• Scoped CSS

 

3. Pipes

• Pipes Overview
• Pipe Basics
• Pipe Parameters
• Currency Pipe and Decimal Pipe
• JSON Pipe
• Custom Pipes
• Taking Things a Step Further

 

4. Directives

• Creating a New Project
• The ngClass Directive
• Toggling Images
• The ng-container Element
• The ngSwitch Directive
• Creating a New Directive
• Binding Properties to Directives
• Creating a Structural Directive

 

5. Modules

• Creating a New Project
• Exploring Modules
• Creating a Module
• Importing and Exporting Modules

 

6. Routing

• The RouterOutlet Placeholder
• Creating More Routes
• The RouterLink Directive
• Active Link Styles
• Wildcard Routes
• Lazy Loading Modules
• The NgContent Directive
• Selecting Content
• Child Routes
• RouterLink Configuration

 

7. Advanced Components

• Creating a Modal
• Problems With Modals
• Lifecycle Hooks
• Opening the Modal
• Emitting Events
• Reusable Modal

 

8. Services

• Creating a New Project
• Submitting the Form
• Generating Services
• Understanding Dependency Injection
• HTTP Requests
• Displaying the Results
• Highlighting Keywords
• Understanding XSS Attacks
• Inserting Raw HTML
• Tricky CSS

 

9. RxJS

• Introduction to RxJS
• Observables
• Observers
• Pipes and Operators
• Avoiding Single Operators
• Handling Errors
• Creating Raw Observables
• Alternative Observer Syntax
• Unicast Observables
• Understanding RxJS in Our Application
• Using Generics With Observables

 

10. Reactive Forms

• Forms Overview
• Creating a New Project
• Form Groups and Controls
• Binding a Form
• Validation
• Handling Validation
• Form Controller Status
• Reusing the Input
• Wiring the Form
• Quick Adjustment
• Validating the Other Inputs
• Input Masking
• Resetting the Form

 

11. Template Forms

• Creating a New Project
• The FormsModule
• Two-Way Data Binding
• Understanding Template Forms
• Validation
• Handling Form Submission

 

12. Custom Validators

• Creating a New Project
• Adding Routes
• Adding Reactive Forms
• Adding Validators
• Custom Validators
• Injecting Validators
• Asynchronous Validators
• Creating a Service
• Hashing a Password
• Handling the Response
• Using Async Validators
• Creating a Reusable Input
• Handling Errors

 

13. Authentication

• Setting Up Firebase
• Configuring Firebase with Angular
• Registration Form Submission
• Creating a New Account
• Redirection After Creating an Account
• Handling Registration Errors
• Validating and Submitting the Login Form
• Authentication
• Authentication Persistence
• Toggling Menu Items
• Logging Out
• Router Guards
• Guarding Guest Routes

Show more