Angular Fundamentals – Master the Core Concepts

This course provides a deep dive into Angular fundamentals, helping you understand the core concepts needed to build scalable and efficient web applications. Learn about components, templates, services, routing, and testing while applying best practices.

Angular Fundamentals

Introduction to Angular and Modern Web Applications

Standalone Components: Architecture and Advantages

Change Detection: How It Works

Basics of Control Flow in Angular

Components

Creating and Structuring Standalone Components

Understanding and Utilizing Lifecycle Hooks

Inputs, Outputs, and Event Emitters for Data Sharing

Components and Their Impact on Architecture

Templates, Data Binding, and Signals

Property, Event, and Two-Way Binding in Templates

Using Signals to Optimize Data Flows

Control Flow in Angular Templates

Performance Optimization with the OnPush Strategy

HTTP Communication & Observables, RxJS

Introduction to HttpClient for API Interactions

CRUD Operations and Data Binding in Standalone Components

Using Observables and Subscriptions

Http Interceptors

Using RxJS for Reactive HTTP Data Streams

Services, Dependency Injection, Pipes

Creating and Using Angular Services

Utilizing Dependency Injection

Built-In and Custom Pipes for Data Formatting

AsyncPipe vs Signals: Handling Data Streams

Best Practices for Organizing Services

Forms and Validation

Reactive Forms with Standalone Components

Form Builder for Dynamic Form Creation

Validation Logic: Built-In and Custom Validators

Error Handling and Visual Feedback in Forms

Integration with Backend Validations

Routing

Standalone Components as Route Targets

Lazy Loading Without Modules

Router Guards: AuthGuard, CanActivate, CanDeactivate

Passing Parameters in Routes and Query Strings

Testing (Jest, Playwright)

Unit Testing Standalone Components with Jest

Mocking Services and HTTP Calls

End-to-End Testing with Playwright

Strategies for Testing Dependency Injection

Automation in CI/CD Pipelines