Back To Module Home

Angular: Designing and Architecting Web Applications

0% completed

Before We Begin

About This Module

Our First Project

Creating an App Reviewing the Files Event Binding Property Binding Interpolation Global CSS Structural Directives Deploying the App Quiz Completed Project

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 Quiz Completed Project

Pipes

Pipes Overview Pipe Basics Pipe Parameters Currency Pipe and Decimal Pipe JSON Pipe Custom Pipes Taking Things a Step Further Quiz Completed Project

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 Quiz Completed Project

Modules

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

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

Advanced Components

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

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

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 Completed Project

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 Completed Project

Template Forms

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

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

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 Completed Project

Conclusion

Where To Go From Here?

...

/

Final Remarks

Final Remarks

Here's a quick summary of what we learned from the ”Angular: Designing and Architecting Web Applications” module.

Congratulations, you’ve completed the Angular: Designing and Architecting Web Applications module!

Summary

We learned about the creation of the Angular ...