Angular Course

Course Fee: ₹2200.0


Angular Overview

Angular Overview

Introduction

  • Angular is a client-side framework developed by Google.
  • It is built using TypeScript and mainly used for building Single Page Applications (SPAs).
  • Angular supports mobile and desktop devices, and multiple browsers.
  • Angular is free and open-source.
  • Angular 2+ is referred to as the Angular framework (not AngularJS).

Angular Building Blocks

  • Components: Core unit of Angular applications. They contain logic, data, and view.
  • Metadata: Provides information about components and templates.
  • Template: The HTML file that defines the view for a component.
  • Data Binding: Binding data between the component and the view.
  • Module: A collection of components, directives, and services.
  • Service: Contains reusable business logic injected into components via Dependency Injection.
  • Dependency Injection: Injecting services into components.
  • Directives: Manipulate DOM elements in templates (e.g., loops, conditionals).
  • Pipes: Transform data before displaying (e.g., format date, change case).

Environment Setup for Angular

  1. Install Node.js.
  2. Install TypeScript using npm install -g typescript.
  3. Install Angular CLI using npm install -g @angular/cli.
  4. Install Visual Studio Code from VS Code website.

Once installed, verify installations:

  • node -v to check Node.js version.
  • tsc -v to check TypeScript version.
  • ng v to check Angular CLI version.

Creating and Running an Angular Application

  1. Create a workspace folder and navigate to it.
  2. Run the following command to create a new Angular application: ng new <app-name>
  3. Navigate into the application folder and run: ng serve
  4. Visit the application at http://localhost:4200/.