AngularJS 2 Essential Training

AngularJS 2 Essential Training
AngularJS 2 Essential Training
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 17m | 503 MB

JavaScript frameworks help you code more quickly, by providing special functionality for developing specific types of web projects. AngularJS was designed by Google to address challenges programmers face building single-page applications. This course introduces you to the essentials of this “superheroic” framework, including declarative templates, two-way data binding, and dependency injection. Justin Schwartzenberger steps through the framework one feature at a time, focusing on the new component-based architecture of AngularJS 2. After completing this training, you’ll be able to tackle the other project-based courses in our library and create your own Angular app.

Topics include:

  • What is Angular?
  • Setting up an Angular template
  • Creating a component
  • Displaying data
  • Working with events
  • Using two-way data binding
  • Creating a subcomponent
  • Using the built-in HTTP module
  • Using the built-in router module
Table of Contents

Why use AngularJS 2?
What you should know before watching this course
Using the exercise files
Basics of TypeScript
Course overview

1. Architecture Overview
Components, Bootstrap, and the DOM
Directives and pipes
Data binding
Dependency injection
Services and other business logic
Data persistence

2. Components
Component metadata
The component selector
The component template
Styling a component
Using other components in a component
Interpolation and the expression context
Property binding
Event binding
Getting data to the component with input
Subscribing to component events with output

3. Directives and Pipes
Structural directives—ngIf
Structural directives—ngFor
Attribute directives—built in
Attribute directives—custom
Using directive values
Working with events in directives
Angular pipes—built in
Angular pipes—custom

4. Forms
Angular forms
Template-driven forms
Model-driven forms
Validation—built in
Error handling

5. Dependency Injection and Services
How Angular does dependency injection
Services in Angular
Class constructor injection
Building a service
Provider registration at Bootstrap
The Inject decorator
The opaque token

The Angular 2 HTTP bundle
Using a mock back end for HTTP calls
Using HTTP for GET calls
Using UrlSearchParams
Using HTTP for POST, PUT, and DELETE calls

7. Routing
The Angular 2 routing bundle
Route configuration
Router outlets
Router links
Using the router class to navigate

Next steps