We will use latest version of angular.

Project:

• Mini-Project 1: "To-Do App" (beginner project focused on components, data binding, and simple state management)
• Mini-Project 2: "Weather App" (focused on consuming APIs, routing, and displaying dynamic data)
• Major Project: "Food App" (a simple food ordering application with deployment)

Week 1: Introduction to Angular (Fundamentals)

Introduction to Angular and Setup

• Overview of Angular Framework
  • What is Angular?
  • Why Angular? (Benefits, MVC, Components, Dependency Injection)
  • Angular vs React vs Vue
• Setting up Development Environment
  • Installing Node.js, Angular CLI
  • Introduction to IDE (Visual Studio Code)
  • Creating a new Angular project
  • Understanding project structure

Components & Templates

• Angular Components
  • What are Components?
  • Component Lifecycle
  • Creating a new Component
  • Component Selector, Template, and Style
• Introduction to Angular Templates
  • Data Binding (Interpolation, Property Binding, Event Binding, Two-way Binding)
  • Directives (ngIf, ngFor)
  • Template syntax basics

Basic Data Binding and Directives

• One-way Data Binding (interpolation, property binding)
• Two-way Data Binding (ngModel)
• ngIf and ngFor Directives
  • Conditional rendering (ngIf)
  • Looping through lists (ngFor)
• Event Binding with DOM events

Week 2: Angular Services, Modules, and Routing