Angular Training

Course 2324

  • Duration: 4 days
  • Labs: Yes
  • Language: English
  • 23 NASBA CPE Credits
  • Level: Foundation
Get This Course $2,990
  • 4-day instructor-led training course
  • 23 NASBA CPEs
  • One-on-one after-course instructor coaching
  • After-course computing sandbox
  • Pay later by invoice -OR- at the time of checkout by credit card
#2324
  • Guaranteed to Run - you can rest assured that the class will not be cancelled.
    Jul 26 - 29 9:00 AM - 4:30 PM PDT
    AnyWare
  • Guaranteed to Run - you can rest assured that the class will not be cancelled.
    Sep 6 - 9 9:00 AM - 4:30 PM EDT
    Herndon, VA or AnyWare
  • Oct 11 - 14 9:00 AM - 4:30 PM MDT
    Aurora or AnyWare
  • Nov 7 - 10 9:00 AM - 4:30 PM EST
    Ottawa or AnyWare
  • Dec 6 - 9 9:00 AM - 4:30 PM CST
    Austin or AnyWare
  • Jan 17 - 20 9:00 AM - 4:30 PM PST
    San Francisco or AnyWare
  • Feb 21 - 24 9:00 AM - 4:30 PM EST
    Herndon, VA or AnyWare
  • Apr 11 - 14 9:00 AM - 4:30 PM MDT
    Aurora or AnyWare
  • May 9 - 12 9:00 AM - 4:30 PM EDT
    Ottawa or AnyWare
  • Jun 6 - 9 9:00 AM - 4:30 PM CDT
    Austin or AnyWare

Scroll to view additional course dates

Learn Angular 11 and build responsive, enterprise-strength applications that run smoothly on desktop and mobile devices with this Angular training course. Angular provides a robust framework that facilitates the development of richly interactive applications running on multiple platforms. Gain experience building components, creating directives, modularizing applications, and building template-driven forms.

This Angular course includes 23 hours of Instructor-Led Training (ILT) or Virtual Instructor-Led Training (VILT) presented by a real-world Angular 11 expert instructor. This course is compatible with older versions of Angular.

  • Knowledge of HTML and CSS

This course offers you the opportunity to earn the following industry credits and certifications

  • 23 NASBA Credits (live, in-class attendance required)

You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Angular Training Delivery Methods

  • After-course instructor coaching benefit
  • After-course computing sandbox included
  • Learning Tree end-of-course exam included

Angular Training Course Benefits

  • Create device-independent Angular applications
  • Develop Components using TypeScript, Templates, and Decorators
  • Consume REST services using Observables
  • Modularize applications with the Component Router
  • Capture and validate input with template-driven forms

Angular Instructor-Led Course Outline

Architectural overview

  • Simplifying development of complex modern applications
  • The organization of an Angular app
  • Supporting multiple client devices
  • Configuring an Angular development environment
  • Bootstrapping your first Angular application

Getting started with TypeScript

  • Transpiling TypeScript to JavaScript
  • Building an app with TypeScript

Defining components

  • Structure of a component
  • Introducing the component hierarchy
  • Declaring metadata with the @Component decorator
  • Controlling HTML5 generation with Templates
  • Displaying repeating data with *ngFor
  • Conditional generation of DOM content

Debugging techniques and strategies

  • Interpreting framework error messages
  • Exploring the component hierarchy with Augury

Reducing code complexity with Dependency Injection (DI)

  • Principles of DI
  • Creating loosely coupled applications
  • Configuring providers and declaring Injectables
  • Satisfying dependencies with Provider metadata

Structuring test strategies

  • Unit testing vs. integration testing
  • Working with mock Angular components
  • Asynchronous testing with ES6 arrow functions

Leveraging 3rd party tools

  • Defining tests with Jasmine
  • Automating tests with Angular CLI and Karma
  • Building and running a Protractor test

Coordinating Component interaction

  • Passing data from parent to child with Input bindings
  • Listening for property changes with ngOnChanges
  • Binding a model to display with interpolation

Managing events

  • Detecting and responding to user interaction
  • Capturing browser events
  • Emitting custom events to trigger behavior

Creating modular applications

  • Controlling application flow with the Component Router
  • Dividing application functionality across multiple Component trees
  • Parameterizing routes for dynamic navigation

Manipulating data with Pipes

  • Formatting dates for display
  • Chaining pipes to combine functionality
  • Filtering data with custom Pipes

Displaying and capturing data

  • Developing forms with ngFormModel and FormBuilder
  • Creating a form from a business object
  • Two-way binding between input controls and data model

Validating form input

  • Leveraging HTML5 and custom validation
  • Providing user feedback from validators

Keeping the App responsive

  • Subscribing to Observables
  • Converting stream data types with the Observable map function
  • Optimizing change detection with immutability and onPush

Interacting with a REST Web service

  • Retrieving data with the HTTP object
  • Sending data asynchronously with POST
  • Invoking different HTTP methods
  • Gracefully handling errors
  • Adding functionality to the DOM
  • Creating a custom styling directive
  • Performing animation

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

Course FAQs

Angular is an enterprise-strength tool for efficiently building browser and mobile based user-interfaces

Yes: whilst this course covers Angular 11, the material is still relevant for older versions. There are some minor areas where functionality has changed and your instructor can identify these for you during the course.

Angular is a complete redesign of Angular JS. It builds on the lessons learned during the life of AngularJS. Specifically Angular is Component oriented While AngularJS is directive based. AngularJS was MVC-based while Angular uses data-bound components. Angular is designed to support mobile devices AngularJS was not.

Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.

Chat With Us