Angular 20

Build scalable, high-performance web applications using Angular 20. This hands-on course covers the full framework from standalone components and routing to state management and deployment, so you can deliver modern, production-ready Angular applications with confidence.

What You'll Learn

By the end of this course, you will be able to:

• Set up and configure Angular 20 projects using the Angular CLI and modern development tooling
• Build applications using standalone components, templates, and dynamic data binding
• Implement routing, lazy loading, and navigation patterns for scalable application structure
• Communicate with backend services using the HTTP client and handle data with services and dependency injection
• Manage application state using Angular signals and reactive patterns
• Create and validate template-driven and reactive forms
• Optimize builds, apply change detection strategies, and deploy production-ready applications

Requirements

• Working knowledge of JavaScript or TypeScript
• Solid understanding of HTML and CSS fundamentals
• Familiarity with basic web development concepts

Audience

• Front-End Developers transitioning to modern Angular development
• Software Engineers building scalable and performant web applications
• Technical Professionals seeking practical, hands-on Angular skills

Topics

Angular 20 Fundamentals

• Understanding the Angular Ecosystem and Its Role in Modern Web Development
• Exploring Angular 20 Architecture and Core Concepts
• Working with Standalone Components and Application Structure

TypeScript and Project Setup

• TypeScript Essentials for Angular Development
• Configuring New Projects with Angular CLI
• Setting Up and Working with Development Tooling

Components, Templates, and Data Binding

• Creating and Organizing Components
• Writing Template Syntax and Implementing Dynamic Rendering
• Applying Property, Event, and Two-Way Data Binding

Routing and Navigation

• Configuring Angular Routing and Defining Routes
• Working with Route Parameters and Child Routes
• Implementing Lazy Loading and Navigation Patterns

Services, Dependency Injection, and HTTP

• Creating Reusable Services for Shared Logic
• Applying Dependency Injection Patterns
• Communicating with APIs Using the HttpClient Module

State Management and Signals

• Understanding Angular Signals and Their Role in Reactivity
• Implementing Reactive State Patterns
• Managing Application-Wide Data Flows

Forms and User Input

• Building Forms Using the Template-Driven Approach
• Building Forms Using the Reactive Forms API
• Applying Validation Strategies and Designing for Usability

Performance Optimization and Deployment

• Optimizing Builds and Managing Static Assets
• Applying Change Detection Strategies for Improved Performance
• Deploying Angular 20 Applications to Production