Please note that this list of topics is based on our standard course offering, evolved from typical industry uses and trends. We will work with you to tune this course and level of coverage to target the skills you need most. Topics, agenda and labs are subject to change, and may adjust during live delivery based on audience skill level, interests and participation.
Getting Started with Angular
1. Overview of Angular Architecture
- Angular Versioning
- Data Binding
- Component Architecture
- Show concepts: how to render the content in the browser
- Components and Dependency Injection
- Services and Events
- Common Component Lifecycles and Hooks
2. TypeScript
- Angular, ES6 and TypeScript
- Typing and Classes
- Abstract Classes and Interfaces
- Interface patterns
- Annotations
- Generics
- Optional Chaining
- Nullish coalescing
- Decorators
- Functional vs Procedural JavaScript
- Functional Approach
- Lab: Angular and TypeScript – Enhanced lab
3. Bootstrapping with Angular CLI
- Angular CLI Overview
- New Projects with CLI
- Testing and Generating with CLI
4. Angular Basics
- Configuration Files
- Working with angular.json
- Top-Level Directories
- Contents of app folder
- Angular DevTools
- ng build
- Lab: Creating Projects with Angular CLI
Working with Angular
5. Components and Events
- Data Binding and Components
- Event Binding
- Custom Events
- Parent/Child Events
- EventEmitter/emit()
- New Input/Output function
- Lab: Nested Components
6. Standalone Components
- Project Setup and Configuration
- Folder Structure
- Components
- Services
- Routing
- Versus non-standalone components
- Versus modules
7. Third Party Libraries
- Angular and the Need for Libraries
- Options for adding Libraries
- Working with npm install
- Lab: Third-Party Libraries
8. Dynamic Views - Directives
- View Encapsulation
- Structural/Attribute Directives
- Conditional Styling
- @if/@else
- @for
- @defer
- Lab: Working with Directives
9. Pipes
- Overview of Pipes
- Built-in Pipes
- Formatting and Conversions
- Parameterizing Pipes
- Pure vs. Impure Pipes
- Customizing Pipes
- Lab: Built-in and Custom Pipes
10. Signals and State
- What are Signals?
- How to read the value of a signal?
- How to modify the value of a signal?
- The update signal API
- Read-only signals
- The computed() Signal API
- How do we subscribe to a signal?
- Using effects
Angular Forms
11. Forms and the Forms API -- focus on Reactive Forms
- Template Forms; Overview
- User Input/Interactions
- Model-Driven Reactive Forms
- FormBuilder API
- Reactive Form Validation
- Form's new control state change events
- Lab: Reactive Forms
Single Page Applications and Routes
12. SPA - Routing
- Overview of the SPA Concept
- Routing for Page Display
- Working with ActivatedRoute
- Location Strategies
- Nested Routes
- Route redirects as functions
- Lab: Routing
Bonus Content / Time Permitting
13. Services (Dependency Injection)
- Angular's DI Framework
- Components and Injectables
- Tree-shakeable providers
- Services Architecture
- Service Interfaces and DI
- Constructor Injection
- Inject function
- Scenarios for use
- Lab: Services
14. Modules
- Overview of Modules
- Feature Modules
- Feature Module Routing
- Shared Modules
- Lab: Module
