Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

elmarzouki/angular2-tutorial

Open more actions menu

Repository files navigation

Angular2-Tutorial

Angular2 tutorial from A-Z.

How it works?!

Go to your lessons directory using cd dirName Run ng serve for a dev server. Navigate to http://localhost:4200/.

Tutorial workflow

01-Components-Templates-Databinding

+ TemplatesStyles.
+ Inserting Content with ng-content.
+ String Interpolation.
+ Property Binding.
+ Binding to Custom Properties.
+ Event Binding.
+ Binding to Custom Events.
+ Two-Way Binding.
+ Component Lifecycle.
+ Template Access with Local References ViewChild and ContentChild.

02- Directives

+ Attribute Directives.
+ Building a Custom Attribute Directive.
+ Element Interaction with HostListener and HostBinding.
+ HostListener Passing Data.
+ Directive Property Binding.
+ ngIf.
+ ngFor.
+ ngSwitch.
+ Building a Custom Structural Directive - unless.

03- Services

+ Example Logging Servic.
+ Example Injecting the Logging Service.
+ Multiple Instances vs One Instance.
+ Using Services for Cross-Component Interaction.

04- Routing

+ Loading and Displaying Route Components.
+ Navigation with Links.
+ Imperative Routing Triggered in Code.
+ Route Parameters.
+ Query Parameters.
+ Extracting Query Parameters.
+ Query Parameters and the routerLink Directive.
+ Child Routes.
+ Redirecting Request.
+ Styling Active Route Links.
+ Guards CanActivate.
+ Guards CanDeactivate.

05- Forms

+ Template-Driven Approach:
	- Registering Controls.
	- Submitting a Form and Using the Output.
	- Input Validation.
	- Form State CSS Classes.
	- Two-Way Binding with ngModel.
	- Form Groups.
	- Radio Button Controls.
	- Form State.
+ Data-Driven Approach:
	- Creating a Form Data-Driven.
	- Synchronizing HTML and the Angular 2 Form Data-Driven.
	- Submitting a Form and Using the Output Data-Driven.
	- Input Validation.
	- Form State.
	- Form Groups.
	- Radio Buttons Controls.
	- Form Arrays  Arrays of Control.
	- Creating a Form with the FormBuilder.
	- Creating Custom Validators.
	- Custom Asynchronous Validators.
	- Listening to Status Value Changes.
	- Resetting Forms.

06- Pipes

+ Using Pipes.
+ Parametrizing Pipes.
+ Chaining Pipes.
+ Custom Pipes.
+ Example Creating a Filter Pipe.
+ Impure Pipes.
+ The Async Pipe.

07- Http

+ Sending a GET Request.
+ Mapping Data.
+ Sending a POST Request.
+ Retrieving and Transforming Data with Observables.
+ Using the Async Pipe.
+ Error Handling with Observables.

08- Authentication

+ Backend Firebase Setup.
+ User Signup.
+ User Signin and Managing the User State.
+ User Logout.
+ Protecting a Route from Unauthorized Access.

About

Angular2 tutorial from A-Z.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.