Getting Up To Speed With Angular

This 3-day instructor led course is for web developers new to Angular.

Buzzwords Covered

• Angular CLI
• Components
• Services
• Component Communication
• APIs
• Routing
• TypeScript

Prerequisites

For this course, you are expected to be an experienced web developer (comfortable with HTML, CSS, browser-based development, JavaScript and/or TypeScript) and have a beginning level understandng of Angular (Being somewhat comfortable with the material at https://angular.dev/tutorials/learn-angular is a good indicator)

Objectives

This course is designed to get you up to speed quickly with Angular. We will take plenty of time to get your thinking aligned with the "Angular Way" of doing things. Angular is considered an opinionated framework. It expects you to follow its structure and some rules for organizing and developing your application. In return it will streamline your development efforts. It is particularly a good framework for companies that maintain many applications that must have consistency in terms of look and feel, security, and coding standards.

Angular Ontology

We will create a "map" of the building blocks of Angular applications, including Components, Directives, Services, Pipes, Signals, and Routing. We will see how these abstractions create the building-blocks we use to both create applications, and begin to visualize our work in hierarchies of features and components.

Designing Angular Components

Developers will learn to construct Angular applications as a hierarchy of components. We will discuss component interactivity, state, and communication between components.

Angular Directives

We will learn when it is appropriate to use directives, as opposed to components, in Angular. We will create structural directives, as well as directives to provide consistent look and feel, including centralized accessibility compliance.

Angular Services

Developer will implement Angular services to share state and logic across their Angular applications without the strictures imposed by component hierarchies.

Angular State

Unlike old-school server-side web applications, Angular applications are stateful. They have data in memory, and process (our code) that uses that data. We will learn how to differentiate various kinds of state, like Component state, User state, and Shared (API) state.

We will learn in-depth how Angular keeps the "view" of the application in sync with the application sate.

We will learn good practices for implementing state management, including Angular Signals, including computes signals and side-effects. We will also explore other state management options like NGRX and Angular Query.

Angular CLI Power User Mode

We will learn to configure and extend the Angular CLI to cut down the boilerplate, tedious work in our Angular application.

API Access with Angular

We will learn to use the HttpClient, and work with Observable results. We will look at implementing centralized error handling and retries/reliability strategies for the HTTP client in Angular.

Expected Outcome of this Training

At the conclusion of this training, developers will have a solid understanding of the conventions of Angular. They will be able to work as part of a team contributing components, managing state, and working with APIs. Consider this course a "jump start" to get you or your team members up to the point where they can start contributing code on an Angular project.