Private Introduction to Angular Programming Training

See Course Outline

Training for your Team

3
Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors
Overview

This Introduction to Angular Programming training class gets students started with a solid foundation in Angular.

Goals
  1. Understand how single-page web application architectures (including Angular) are different than traditional web development architectures
  2. Use new JavaScript (ES6) language features including Classes, Modules, and Arrow Functions
  3. Use new TypeScript language features including Static Types, Interfaces, and Generics
  4. Build an application from scratch using Angular 5
  5. Learn Angular coding and architecture best practices
  6. Understand and use Angular Model-driven Forms, Observables, Dependency Injection, and Routing
  7. Communicate with a backend server using Angular's HttpClient service to load and save data
Outline
  1. Introduction
  2. Why Angular?
    1. User Experience similar to a Desktop Application
    2. Productivity and Tooling
    3. Performance
    4. Community
    5. Full-featured Framework
    6. Platform for Targeting Native Mobile not just Web Browsers
  3. Understanding Angular Versions
    1. AngularJS (Angular 1.x)
    2. Angular
    3. Angular 2
    4. Angular 5
  4. Upgrading to Angular 5 from Angular 2 or Angular 4
    1. Angular Update Guide
  5. Angular 5 Features
    1. Build Optimizer
    2. Angular Universal State Transfer API and DOM Support
    3. Compiler Improvements
    4. Internationalized Number, Date, and Currency Pipes
      1. Replace the ReflectiveInjector with StaticInjector
    5. Zone Speed Improvements
    6. ExportAs Multiple Names
    7. HttpClient
    8. Angular CLI v1.5
    9. Angular Forms adds updateOn Blur / Submit
    10. RxJS 5.5
    11. New Router Lifecycle Events
  6. TypeScript and ECMAScript 6 (ES6) Fundamentals
    1. Classes
    2. ES Modules
    3. Arrow Functions
    4. Template Literals
    5. Scoping using let and const Keywords
    6. Spread Syntax and Rest Parameters
    7. Destructuring
    8. Decorators (JavaScript Aspect-Oriented Programming)
  7. Angular 5 Basics
    1. Components
    2. Templates
      1. Inline Templates
      2. Multi-line Templates using ES6 Template Literals
      3. External with Component-relative Paths
    3. Modules
      1. Angular Modules vs. ES Modules
    4. Models
  8. Template Syntax
    1. HTML in templates
    2. Interpolation
    3. Binding syntax
    4. Property binding
    5. Event binding
    6. Two-way data binding
    7. Attribute, class, and style bindings
    8. Built-in Directives
      1. Built-in attribute directives: NgClass, NgStyle, NgModel
      2. Built-in structural directives: NgIf (includes enhanced *ngIf syntax), NgFor
    9. Template Input Variables
    10. The NgSwitch Directives
    11. Template Reference Variables
    12. Input and output properties
    13. Template Expression Operators
    14. Pipe ( | )
    15. Safe Navigation Operator ( ?. )
  9. Components
    1. Component Lifecycle Hooks
      1. Implementing the OnInit Lifecycle Hook
    2. Component Communication
      1. Input properties
      2. Output properties: Custom Events using EventEmitters
  10. Services and Dependency Injection
    1. Using a services to access data
    2. Using a service to encapsulate business logic
    3. Understanding the scope of services
  11. Dependency Injection
    1. Understanding Dependency Injection
    2. Angular's Dependency Injection System
    3. Registering
    4. Injecting
    5. Hierarchical Injection
  12. Model-driven Forms (Reactive Forms)
    1. Importing the ReactiveFormsModule
    2. FormControl, FormGroup, and AbstractControl
    3. Binding DOM Elements to FormGroups and FormControls
    4. Validation Rules, Messages, and Styles
    5. Refactoring ReactiveForms for Reuse
    6. Custom Validators
  13. RxJS and Observables
    1. What is an Observable?
    2. Observable Operators
    3. Creating Observables Using Static Operators
    4. What is an Observer?
    5. Observer Example
    6. Subject
    7. Subject Example
    8. EventEmitter or Observable
  14. Communicating with the Server using the HttpClient Service
    1. Deciding between Promises or Observables (RxJS)
    2. Making a HTTP GET Request
    3. Sending data to the server using Http POST and PUT Requests
    4. Issuing a Http DELETE Request
    5. Intercepting Requests and Responses
    6. WebSockets
  15. Router
    1. Importing the RouterModule and Routes
    2. Configuring Routes
    3. Displaying Components using a RouterOutlet
    4. Navigating declaratively with RouterLink
    5. Navigating with code using the Router
    6. Accessing parameters using ActivatedRoute
    7. Organizing your code into Modules
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this Angular class:

  • Prior experience developing with JavaScript.
Preparing for Class
Follow-on Courses

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

93,987

Students who have taken Live Online Training

16,159

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.45

Students rated our trainers 9.45 out of 10 based on 5017 reviews

Broad based overview of the Microsoft BI stack by an instructor who is well versed in the various components and willing to dive into further detail when requested.

Tom Robertson, Florida State University Foundation
Tallahassee FL

This is a nice way to train!

Jerry Williams, Communicare Health Services
Cincinnati OH

Great experience.

Brad Johnson, Democratic Direct
Berkeley CA

Very useful class. I learned a lot.

Faranak Fouladi, NOAA

Contact Us or call 1-877-932-8228