Learn Angular (a TypeScript frontend framework for enterprise web applications) from the basics to production-grade: pre-requisite skills & environment setup, history, background & why you need Angular, core concepts & main architecture, starting an Angular project, components & templates, directives & pipes, services & dependency injection, forms & validation, HTTP & data fetching, routing & navigation, state management & reactive patterns, configuration & environment, security & auth, secure web practices, API communication & caching, performance optimization, testing & quality, accessibility & UX, architecture & patterns, modern tooling & build automation, deployment & hosting, server-side rendering & universal, observability & monitoring, up to stable modern features & future trends with a total of 24 episodes.
Before you touch Angular, you need to master HTML, CSS, modern JavaScript, basic TypeScript, and the concepts of component-based UI and reactive programming. In this episode you'll also set up Node.js, the Angular CLI, an editor, and run your first environment verification.

This episode traces Angular's journey from AngularJS in 2010 to the modern TypeScript-based Angular, understands the problems this framework solves compared to traditional approaches, and compares it with React, Vue, and Svelte.

This episode dissects how Angular works behind the scenes: AOT and JIT compilation, change detection with zone.js, and the role of modules, components, directives, and services. You'll also learn about the component workflow, template syntax, data binding, and lifecycle hooks.

This episode guides you through creating your first Angular application with ng new, understanding the important folder and file structure, running the dev server with live reload, and setting up strict TypeScript, ESLint, and Prettier so the project is ready for teamwork.

This episode dissects Angular components and templates: how to create components with the CLI, interpolation, property binding, event binding, class and style binding, template references, and inter-component communication with @Input and @Output.

This episode covers directives and pipes: built-in directives such as *ngIf, *ngFor, ngClass, and ngStyle along with the modern @if and @for control flow, how to create custom directives and custom pipes, and using built-in pipes to format display data.

This episode covers services and dependency injection: how to create a service and inject it into components, provider scope at the root, module, and component level, the singleton service pattern with hierarchical injectors, and interceptors and provider configuration.

This episode covers Angular forms and validation: the differences between template-driven and reactive forms, using FormControl, FormGroup, and FormArray, built-in validation and custom validators, and dynamic forms with clear user feedback.

This episode covers HTTP and data fetching in Angular: using HttpClient for REST API integration, working with Observables and RxJS, handling errors with retry, and caching and request optimization strategies.

This episode covers Angular routing and navigation: Angular Router basics, route configuration with child routes and lazy loading, protecting routes with route guards and resolvers, and managing query params, fragments, and navigation extras.
