Angular Documentation

A comprehensive guide to understanding and working with the Angular framework.

Angular Documentation

Welcome to the Angular documentation. This guide will help you understand and work with Angular framework.

Table of Contents

Overview

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications.

Overview (5 minutes)

What is Angular?

A front-end framework developed by Google for building dynamic web applications (SPA - Single Page Application).

Key Difference

Angular (2+) is a complete rewrite and fundamentally different from AngularJS (1.x). It’s built with TypeScript and offers improved performance, better dependency injection, and more intuitive component architecture.

Basic Setup

  • Node.js installation required
  • npm (Node Package Manager)
  • Angular CLI installation: npm install -g @angular/cli
  • Create new project: ng new

Evaluation Question

“What’s an SPA? Can anyone explain?”

Architecture

Angular Architecture

Key Features

  • Component-Based Architecture: Build encapsulated components that manage their own templates and logic
  • Modern Tools: Use modern tools for development, testing, and deployment
  • Performance: Fast rendering and deep optimization capabilities
  • Full Development Story: Everything you need to build complex applications

Prerequisites

  • Node.js (version 16.x or higher)
  • npm (Node Package Manager)
  • Basic knowledge of HTML, CSS, and JavaScript/TypeScript

Getting Help

For detailed information about each topic, please follow the links in the Table of Contents.


Getting Started

Overview about Angular

Components

What is component and how does it work

Data Binding

Basic data binding

Modules

Basic modules, recommendation

Dependency Injection

Basic Dependency Injection, singleton pattern and reuseable

Forms

Basic form data management

Routing

Basic Routing


Last modified March 27, 2025: Edit members.yaml (21070ed)