Learn advanced Angular: forms, reactive patterns, Angular Material, unit testing, and deployment.

Become an AngularJS Developer

This module teaches advanced Angular topics, focusing on forms, Angular Material, unit testing, and deploying apps.

We’ll start by learning how to collect user data with forms, using reactive patterns, and modifying forms dynamically. Next, we’ll learn reactive forms, handling groups, controls, and validation. We’ll also work with template forms, using two-way data binding and handling form submissions. Custom validators and async validation will enhance our forms.

We’ll set up authentication with Firebase and cover user registration and login. We’ll look at Angular Material and add UI controls, dialogs, and tables. Unit testing will teach us to test components, services, and forms.

Finally, we’ll learn to deploy Angular apps, optimize bundles, handle errors, and debug. Hands-on projects and challenges will reinforce your learning. By the end, we’ll be able to create robust, maintainable, and scalable Angular applications ready for production.

Angular Deep Dive

Where do we go from here? There are a couple of things that we need to take care of. 

1. Redirect the user after they've created an account because Firebase authenticates them.
2. Handle a scenario in which Firebase throws an error.

We'll take care of the first scenario in which the user successfully created an account. Let's redirect them to a page that only authenticated users should be able to view. 

## New route

We'll need to create a new component to display the secret content. In the command line, run the following command:

```bash
ng generate component secret
```

We aren't going to make changes to the component. The default content generated works fine as is. However, we will register a new route. In the `app-routing.module.ts` file, we'll add a new path to the `routes` variable.

Where do we go from here? There are a couple of things that we need to take care of. 

1. Redirect the user after they've created an account because Firebase authenticates them.
2. Handle a scenario in which Firebase throws an error.

We'll take care of the first scenario in which the user successfully created an account. Let's redirect them to a page that only authenticated users should be able to view. 

# New route

We'll need to create a new component to display the secret content. In the command line, run the following command:

```bash
ng generate component secret
```

We aren't going to make changes to the component. The default content generated works fine as is. However, we will register a new route. In the `app-routing.module.ts` file, we'll add a new path to the `routes` variable.

In this lesson, we'll learn how to redirect the user after they've signed up.

Collecting User Data with Forms

Reactive Forms

Template Forms

Custom Validators

Authentication

Introduction to Angular Material

Unit Test an Angular Application

Bringing an Application to Production

Handling Errors and Application Debugging

Appendix

Conclusion

New route