US flag US
US 888-843-8733 CA 888-843-8733

Angular Training

Course 2324

  • Duration: 4 days
  • Labs: Yes
  • Language: English
  • 23 NASBA CPE Credits (live, in-class training only)
  • Level: Foundation

Learn Angular 12 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. 

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. This course is compatible with older versions of Angular.

Angular Training Delivery Methods

  • In-Person

  • Online

Angular Training Course Information

In this Angular Training course, you will learn how to:

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.

Leverage continued support with after-course one-on-one instructor coaching and computing sandbox.

Angular Training Course Prerequisites 

Before attempting this course, attendees should have the following: 

Angular Training Course Outline

Architectural overview 

  • Simplifying the 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 (command line interfaces) 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
  • Building Feature Modules
  • 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
  • Differentiating Template Driven and Reactive forms
  • 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 (HyperText Transfer Protocol) object
  • Sending data asynchronously with POST
  • Invoking different HTTP methods
  • Gracefully handling errors
  • Adding functionality to the DOM (Document Object Model) 
  • Creating a custom styling directive 
  • Performing animation 
Get This Course $2,990 $2,659 For Team Prices Call: 888-843-8733
  • 4-day instructor-led training course

  • Learning Tree end-of-course exam included

  • One-on-one after-course instructor coaching
  • After-course computing sandbox
#2324
  • Guaranteed to Run - you can rest assured that the class will not be cancelled.
    Jun 26 - 29 9:00 AM - 4:30 PM EDT
    Virtual
  • Jul 18 - 21 12:00 PM - 7:30 PM EDT
    San Francisco or Virtual
  • Aug 8 - 11 9:00 AM - 4:30 PM EDT
    Virtual
  • Aug 22 - 25 9:00 AM - 4:30 PM EDT
    Herndon, VA or Virtual
  • Sep 12 - 15 9:00 AM - 4:30 PM EDT
    Virtual
  • Oct 10 - 13 11:00 AM - 6:30 PM EDT
    Aurora, CO or Virtual
  • Nov 6 - 9 9:00 AM - 4:30 PM EST
    Ottawa or Virtual
  • Dec 5 - 8 10:00 AM - 5:30 PM EST
    Austin or Virtual
  • Dec 19 - 22 9:00 AM - 4:30 PM EST
    New York or Virtual
  • Jan 16 - 19 12:00 PM - 7:30 PM EST
    Bellevue, WA or Virtual
  • Feb 20 - 23 9:00 AM - 4:30 PM EST
    Herndon, VA or Virtual
  • Apr 2 - 5 11:00 AM - 6:30 PM EDT
    Aurora, CO or Virtual
  • May 7 - 10 9:00 AM - 4:30 PM EDT
    Ottawa or Virtual
  • May 28 - 31 10:00 AM - 5:30 PM EDT
    Austin or Virtual

Scroll to view additional course dates

  • 4-day instructor-led training course

  • Learning Tree end-of-course exam included

  • One-on-one after-course instructor coaching
  • After-course computing sandbox
#2324
  • Guaranteed to Run - you can rest assured that the class will not be cancelled.
    Jun 26 - 29 9:00 AM - 4:30 PM EDT
    Virtual
  • Jul 18 - 21 12:00 PM - 7:30 PM EDT
    San Francisco or Virtual
  • Aug 8 - 11 9:00 AM - 4:30 PM EDT
    Virtual
  • Aug 22 - 25 9:00 AM - 4:30 PM EDT
    Herndon, VA or Virtual
  • Sep 12 - 15 9:00 AM - 4:30 PM EDT
    Virtual
  • Oct 10 - 13 11:00 AM - 6:30 PM EDT
    Aurora, CO or Virtual
  • Nov 6 - 9 9:00 AM - 4:30 PM EST
    Ottawa or Virtual
  • Dec 5 - 8 10:00 AM - 5:30 PM EST
    Austin or Virtual
  • Dec 19 - 22 9:00 AM - 4:30 PM EST
    New York or Virtual
  • Jan 16 - 19 12:00 PM - 7:30 PM EST
    Bellevue, WA or Virtual
  • Feb 20 - 23 9:00 AM - 4:30 PM EST
    Herndon, VA or Virtual
  • Apr 2 - 5 11:00 AM - 6:30 PM EDT
    Aurora, CO or Virtual
  • May 7 - 10 9:00 AM - 4:30 PM EDT
    Ottawa or Virtual
  • May 28 - 31 10:00 AM - 5:30 PM EDT
    Austin or Virtual

Scroll to view additional course dates

  • Bring this or any training to your organization

  • Full-scale program development

  • Delivered when, where, and how you want it
  • Blended learning models
  • Tailored content
  • Expert team coaching
#2324
Questions about this course?
* Required Fields
Customize Your Team Training Experience

Fill out the form below or call 888-843-8733

* Required Fields
Preferred method of contact:

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

Contact Us

Angular Training Course FAQs

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

Yes! While this course covers Angular 12, 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 AngularJS. 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.

Related Courses

  • Learning Tree
    Blazor Course: Building Web Applications

    In this Blazor course, you will learn how to use Blazor and C# to create interactive single-page and multi-page applications without JavaScript.

    Intermediate
    2 days
    Online or In-class
    Starts from $1,950
  • Learning Tree
    Building Web Applications with React 18

    Learn to build high-performance client-side apps with React, for both browsers and mobile, in this training course.

    Intermediate
    4 days
    Online or In-class
    Starts from $2,990
  • Learning Tree
    JavaScript Essentials for Web Development

    This Full Stack JavaScript developer course will teach you to write & debug client-side JavaScript to create modern pages for a variety of modern devices.

    Foundation
    4 days
    Online or In-class
    Starts from $2,990
  • Learning Tree
    HTML5, CSS3, and JavaScript for Modern Web Development

    This HTML5, CSS3 & JavaScript course will teach you to enhance the User Experience (UX) & build modern, feature-rich web pages with the latest standards.

    Foundation
    4 days
    Online or In-class
    Starts from $2,990
  • Learning Tree
    Building Web Applications with React 16

    Attend this hands-on React 16 course & learn to build an application & create high-performance user Interfaces with JSX components. Attend in-class or online.

    Advanced
    4 days
    Online or In-class
    Starts from $2,990
Chat With Us