Introduction to Angular

Angular is a platform and framework for building single-page client applications using HTML, CSS, and TypeScript. Developed and maintained by Google, Angular is a complete, opinionated solution — it includes everything you need: routing, forms, HTTP, state, and testing out of the box.

Key Concepts

• Components — the building blocks of every Angular UI
• Modules — containers that group related components, directives, and services
• Services & DI — shared logic injected via Angular's dependency injection system
• Directives — extend HTML with custom behaviour
• Pipes — transform displayed values in templates
• RxJS — reactive programming with Observables throughout Angular's APIs

Angular vs AngularJS

Angular (v2+) is a complete rewrite of AngularJS (v1.x). Modern Angular uses TypeScript, a component-based architecture, and a completely different change detection system. They are different frameworks.

Angular Version History

• Angular 2 (2016) — complete rewrite in TypeScript
• Angular 6–8 — Ivy compiler previews
• Angular 9 (2020) — Ivy enabled by default
• Angular 14 (2022) — Standalone components
• Angular 17 (2023) — New control flow syntax, deferrable views
• Angular 18+ — Signals-based reactivity