Introduction to Angular

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

Learn Angular 18 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 perform 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
Upskill your whole team by bringing Private Team Training to your facility.

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:

Experience developing web pages at the level of JavaScript Essentials for Web Development.
Knowledge of HTML (HyperText Markup Language) and CSS (Cascading Style Sheets).

Angular Training Course Outline

Module 1: Angular Introduction

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

Module 2: Constructing User Interface (UI) Components

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 @for blocks
Conditional generation of DOM content

Debugging techniques and strategies

Interpreting framework error messages
Exploring the component hierarchy with Angular Dev Tools

Reducing code complexity with Dependency Injection (DI)

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

Module 3: Testing Angular Components & Functionality

Structuring test strategies

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

Leveraging 3rd party tools

Defining tests with Jasmine
Automating tests with Angular CLI (command line interfaces) and Karma
Building and running a Cypress Integration test

Module 4: Adding Interactivity to Your Applications

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

Module 5: Navigation and Data Transformation

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

Module 6: Building Interactive Forms

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

Module 7: Managing Asynchronous Behavior

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 Web APIs

Exchanging data with the HTTP (HyperText Transfer Protocol) object
Bidirectional communication using Web Sockets
Gracefully handling errors

Module 8: Extending Angular Capabilities

Creating a custom styling directive
Incorporating Angular Material Components
Customising Material themes
Improving layout with Sidenav and Cards

Select Commercial or Government Pricing

$3,140

4-day instructor-led training course
Learning Tree end-of-course exam included
One-on-one after-course instructor coaching
After-course computing sandbox

Would you like to take this course as a team?

Mar 10 - 13 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Jun 2 - 5 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Jul 21 - 24 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Sep 1 - 4 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Nov 17 - 20 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual
Jan 26 - 29 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual

$2,792

4-day instructor-led training course
Learning Tree end-of-course exam included
One-on-one after-course instructor coaching
After-course computing sandbox

Would you like to take this course as a team?

Mar 10 - 13 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Jun 2 - 5 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Jul 21 - 24 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Sep 1 - 4 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Nov 17 - 20 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual
Jan 26 - 29 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual

Speak with a Learning Consultant

Inquiring For

Myself

Team/Group

First Name*

Last Name*

Email*

Phone Number*

Company*

Job Title

I'm interested In

* Required Fields

Speak with a Learning Consultant

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

Inquiring For

Myself

Team/Group

First Name*

Last Name*

Email*

Phone Number*

Company*

Job Title

I'm interested In

* Required Fields

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

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 18, the material is still relevant for older versions. There are some areas where functionality has changed, and your instructor can identify these for you during the course. Angular best practice is to migrate to new features wherever possible.

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.

Introduction to Angular

Angular Training Delivery Methods

Angular Training Course Information

Angular Training Course Outline

Module 1: Angular Introduction

Module 2: Constructing User Interface (UI) Components

Module 3: Testing Angular Components & Functionality

Module 4: Adding Interactivity to Your Applications

Module 5: Navigation and Data Transformation

Module 6: Building Interactive Forms

Module 7: Managing Asynchronous Behavior

Module 8: Extending Angular Capabilities

Live Instructor $3,140

Live Instructor $2,792

Angular Training Course FAQs

What are some Angular features?

I'm working with an older version of Angular, will this course be useful for me?

What is the difference between Angular and AngularJS?

Can I take this Angular training online?

Related Courses