Introduction to Angular | Angular Essentials JumpStart

Master the latest in web development by enrolling in our Angular Essentials JumpStart course, ideal for experienced web developers aiming to harness advanced Angular 18 skills to craft efficient, dynamic, and robust web applications.

Course Thumbnail

Essential Skills Gained

Checkmark

Design and build complex Angular components using TypeScript and dependency injection.

Checkmark

Implement reactive forms and seamless SPA navigation for enhanced user interactivity.

Checkmark

Connect Angular apps with RESTful services and manage data streams efficiently.

Checkmark

Perform unit testing and debugging using best practices to ensure high-quality applications.

Format

  • Instructor-led
  • 3 days with lectures and hands-on labs.

Audience

  • Experienced web developers
  • JavaScript developers
  • Front-end engineers
  • Software architects

Description

Geared for experienced web developers, our Mastering Angular 18 Boot Camp is a five-day, comprehensive hands-on program that explores the latest features and benefits Angular has to offer. Throughout the course you'll learn the practical "real-world" foundational and advanced Angular skills required to solve the usual challenges you might face when developing modern web applications with JavaScript. Kicking off with an in-depth introduction to Angular CLI and TypeScript, the course propels you into the world of component-driven development, touching on vital topics like data-binding, directives, and services. As you advance through the curriculum, you'll explore SPA routing, the RxJS library, forms, and unit testing, along with HTTP/REST protocols for server interaction. By the end of this course, youll have built a comprehensive application that brings together all these elements: website structuring through components, dynamic interactivity via directives, and custom pipes for content refinement. You'll know how to employ reactive forms for active user engagement and SPA routing for fluid navigation, fortified by efficient data management through services. All of this is underscored by a strong emphasis on unit testing, as well as practical REST API interactions for modern server communication. Youll leave the course equipped to construct robust, scalable, and feature-rich web applications using Angular 18, able to implement seamless user experiences, integrate with various data sources through REST APIs, and employ best practices in unit testing for sustainable, high-quality code. Please note that this course is available for earlier editions of Angular. Please inquire for details and options.

Calendar icon

Upcoming Course Dates

August 11-13, 2025

10:00 AM - 6:00 PM

Virtual: Online - US/Eastern

Enroll

$1995

August 11-13, 2025

10:00 AM - 6:00 PM

Virtual: Online - US/Eastern

Enroll

$1995

October 20-22, 2025

10:00 AM - 6:00 PM

Virtual: Online - US/Eastern

Enroll

$1995

Course Outline

Download PDF

Getting Started with Angular

  1. Overview of Angular Architecture

  2. Angular Versioning

  3. Data Binding

  4. Component Architecture

  5. Components and Dependency Injection

  6. Services and Events

  7. Common Component Lifecycles and Hooks

TypeScript

  1. Angular, ES6 and TypeScript

  2. Typing and Classes

  3. Abstract Classes and Interfaces

  4. Interface patterns

  5. Annotations

  6. Generics

  7. Optional Chaining

  8. Nullish coalescing

  9. Decorators

  10. Functional vs Procedural JavaScript

  11. Functional Approach

Bootstrapping with Angular CLI

  1. Angular CLI Overview

  2. New Projects with CLI

  3. Testing and Generating with CLI

Angular Basics

  1. Configuration Files

  2. Working with angular.json

  3. Top-Level Directories

  4. Contents of app folder

  5. Angular DevTools

  6. ng build

Working with Angular

  1. Components and Events

  2. Data Binding and Components

  3. Event Binding

  4. Custom Events

  5. Parent/Child Events

  6. EventEmitter/emit()

  7. New Input/Output function

Standalone Components

  1. Project Setup and Configuration

  2. Folder Structure

  3. Components

  4. Services

  5. Routing

Third Party Libraries

  1. Angular and the Need for Libraries

  2. Options for adding Libraries

  3. Working with npm install

Dynamic Views - Directives

  1. View Encapsulation

  2. Structural/Attribute Directives

  3. Conditional Styling

  4. @if/@else

  5. @for

  6. @defer

Pipes

  1. Overview of Pipes

  2. Built-in Pipes

  3. Formatting and Conversions

  4. Parameterizing Pipes

  5. Pure vs. Impure Pipes

  6. Customizing Pipes

Signals and State

  1. What are Signals?

  2. How to read the value of a signal?

  3. How to modify the value of a signal?

  4. The update signal API

  5. Read-only signals

  6. The computed() Signal API

  7. How do we subscribe to a signal?

  8. Using effects

Angular Forms

  1. Forms and the Forms API focus on Reactive Forms

  2. Template Forms Overview

  3. User Input/Interactions

  4. Model-Driven Reactive Forms

  5. FormBuilder API

  6. Reactive Form Validation

  7. Forms new control state change events

Single Page Applications and Routes

  1. SPA - Routing

  2. Overview of the SPA Concept

  3. Routing for Page Display

  4. Working with ActivatedRoute

  5. Location Strategies

  6. Nested Routes

  7. Route redirects as functions

Services (Dependency Injection)

  1. Angular's DI Framework

  2. Components and Injectables

  3. Tree-shakeable providers

  4. Services Architecture

  5. Service Interfaces and DI

  6. Constructor Injection

  7. Inject function

  8. Scenarios for use

Modules

  1. Overview of Modules

  2. Feature Modules

  3. Feature Module Routing

  4. Shared Modules

Using RESTful Services

  1. Angular and REST

  2. REST in Angular

  3. Promises, Observables, Subject

  4. HttpClient and Observables

  5. Deprecation of HttpClientModule

  6. Async Pipes and HttpClient Interceptors

  7. Angular working with axios

Reactive Programming in Angular

  1. Working with RxJS

  2. RxJS Operators

  3. Asynchronous operations

  4. Manipulate stream

Testing and Angular

  1. Testing Dependencies

  2. Options for Testing in Angular

  3. Using Jest in Angular

  4. Using the Web Test Runner

Zoneless

  1. The Need for Zoneless Angular

  2. Performance considerations

  3. Zone Change Detection

  4. Advantages and Trade-offs

Errors, Debugging and Standalone

  1. Angular Error Handling and Debugging

  2. With Chrome DevTools

  3. With VS Code

  4. Http client request errors

Angular coding style guide and Best Practices

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.