0% completed

All LessonsFree Lessons (10)

First Steps

Introduction Setting Up

Our First Project

Creating an App

Reviewing the Files

Property Binding

Structural Directives

Deploying the App

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?

Angular: Designing and Architecting Web Applications/

...

/

Global CSS

Global CSS

Learn how to globally apply CSS to the app.

We'll cover the following...

We have a functioning app, but it looks hideous. We’re going to be deploying the application so that the world can enjoy our fantastic little app. However, before we do, let’s add some styling to make it more ...