
Angular Boot Camp | Live Online | March 3-6, 2025
Overview Angular Boot Camp is a live class for teams building complex applications, covering introductory topics through advanced solutions.
Angular Boot Camp Outline
Introduction
- Class Objectives and Roadmap
- The How and Why of Angular
- Angular and the web platform
- Single-page apps (SPAs) vs traditional web applications
- Where Angular fits
- The Angular Developer Experience
- Opinionated
- Performant
- Strict by default
- Development Environment Setup
- Class Materials Overview
- Angular Application Essentials
- Creating a New Angular Application
Components
- Introduction to Components
- Anatomy of an Angular Component
- Defining a Custom Component
- Displaying Data
- Handling Events
- Binding Data
- To properties
- To attributes
- To CSS classes and styles
- Template Control Flow
- Conditionals -
@if
@else
- Loops -
@for
- Switches -
@switch
- Assignments -
@let
- Legacy:
*ngIf
,*ngFor
,*ngSwitch
, etc.
- Transforming Data with Pipes
- Component Hierarchy
- Creating components with the Angular CLI
- Component hierarchy and the DOM
- Legacy: Angular Module
- Component Inputs and Outputs
- Component Patterns
Routing
- Essentials of Routing
- Configuring the Router
- HTML5 vs hash routes
- Defining Routes
- Route Parameter
- Lazy Loading
- Preloading
Services
- Essentials of Services
- Why Services?
- Creating and Injecting Services
- Legacy: Angular Modules and Provider Definition
- Sending and Receiving Data
- Intro to the Angular HttpClient
- Comparison to
fetch
, XHR
- Intro to Dependency Injection
- Why DI?
- How DI is Used in Angular
- Intro to Observables and RxJS
- Using the
async
Pipe
Forms
- Essentials of Form
- Reactive Forms
- Form Controls, Groups, and Arrays
- Form Builder
- Validation
- Built-in Validators
- Custom Validators
- Integrating Third-Party Validation Libraries
Application State & Data Flow
- Component-local state (and its limitations)
- Managing Application State
- With routes
- With services
- With NgRx and similar libraries
Signals
- Essentials of Signals
- The Basics of Change Detection
- The Signals API -
input()
,output()
,model()
, etc. - Signals and Forms
- Signals and RxJS
Testing
- Unit Testing
- End-to-End (E2E) Testing
- Component Testing
- Mocks and Spies
- Asynchronous Testing
Advanced Reactivity
- Beyond Observables
- Promises
- Integrating Signals, Promises, and RxJS
- More Advanced Examples and Use Cases
- Observable composing and chaining
- Wrapping an API with observables
-
switchMap()
and friends - Error handling
- Loading data with
retry()
- Custom operators
- Integration with signals
Advanced Routing
- Route Guards
- Static and Async Route Data
- Nested Routes
- Auxiliary Routes
- Preloading Strategies
- Router Events
- Tracing and Debugging
- Advanced Configuration
Advanced Forms
- Nested Forms
- Custom Validators
- Integrating Third-Party Validation Libraries
- Dynamic Form
- Custom Form Controls
Advanced Styling
- Scalable and Maintainable Styling Architecture
- View Encapsulation
- Modern CSS
Additional Topics (Upon request, and as time permits)
- Angular Material
- Setting defaults
- Customizing via Sass mixins
- Customizing via Material Design 3 theming
- Streamlining and reducing boilerplate
- Nx DevTools
- Advanced Security and Defensive Programming
- Sanitization
- XSRF
- Advanced Accessibility Considerations
- Internationalization and Localization
- Content projection -
ng-content
- Using
ng-container
andng-template
- Deferrable Views -
@defer
- Custom Pipes
- Advanced RxJS
- Advanced State Management with NgRx
- Advanced Dependency Injection
- Understanding
constructor()
vsinject()
- Multi-providers
- Injection tokens
- Advanced Change Detection
- Zone.js default change detection
-
OnPush
change detection - Signals
- Directive Composition
- Custom Directives
- Template-Driven Forms
- Validator Directives
- Two-way data binding with ngModel
- Component Lifecycle
- Service Inheritance
- Component Inheritance
- Server-Side Rendering (SSR)
- Dynamic Runtime Configuration
Have questions? Send us a message at training.na@valiantys.com. We're always happy to help!
Tickets Prices in USD
Schedule
March 3rd, 2025
10:00am – 4:00pm
CST
Angular Boot Camp
March 4th, 2025
10:00am – 4:00pm
CST
Angular Boot Camp
March 5th, 2025
10:00am – 4:00pm
CST
Angular Boot Camp
March 6th, 2025
10:00am – 4:00pm
CST
Angular Boot Camp