Angular 19

Build scalable, production-ready single-page applications using Angular 19. This hands-on course covers the full framework from components and routing to state management and deployment, so you can develop modern, enterprise-grade Angular applications with confidence.

What You'll Learn

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

• Set up and configure an Angular 19 development environment using the Angular CLI
• Build applications using components, directives, pipes, and services
• Implement routing, lazy loading, and navigation strategies for scalable application structure
• Create and validate both template-driven and reactive forms
• Communicate with backend services using the HTTP client and handle responses with RxJS
• Manage application state using RxJS and Angular signals
• Write unit and end-to-end tests and deploy optimized production builds

Requirements

• Solid understanding of HTML, CSS, and JavaScript
• Familiarity with web development concepts and REST APIs
• Experience with TypeScript is helpful but not required

Audience

• Web Developers building dynamic and scalable front-end applications
• JavaScript Developers transitioning to a modern front-end framework
• Software Engineers developing enterprise-grade single-page applications

Topics

Getting Started with Angular 19

• Introduction to Angular and What's New in Angular 19
• Setting Up a Project with Angular CLI
• Understanding Angular Architecture and Project Structure

Components and Templates

• Creating and Organizing Components
• Binding Data and Using Interpolation in Templates
• Working with Template Syntax and Component Lifecycle Hooks

Directives and Pipes

• Using Built-In Structural and Attribute Directives
• Creating Custom Directives
• Using Built-In Pipes and Creating Custom Pipes

Dependency Injection and Services

• Understanding the Angular Dependency Injection System
• Creating and Providing Services
• Injecting Services into Components

Forms and Validation

• Building Forms Using the Template-Driven Approach
• Building Forms Using Reactive Forms and Form Builder
• Applying Validation Techniques and Custom Validators

Routing and Navigation

• Configuring Routes and Implementing Lazy Loading
• Working with Router Parameters and Route Guards
• Applying Navigation Strategies and Best Practices

HTTP Client and Data Handling

• Making API Requests with the HttpClient Module
• Handling Responses and Asynchronous Data with RxJS
• Implementing Error Handling Strategies

State Management and Signals

• Managing Reactive State with RxJS
• Introduction to Angular Signals
• Handling Application-Wide State Effectively

Testing and Deployment

• Writing Unit Tests for Components and Services
• End-to-End Testing with Angular Testing Tools
• Optimizing Builds and Deploying Angular Applications to Production