Week 3 Day 4: Angular components and CLI basics

Week-3/Day-4/Reame.md

@@ -0,0 +1,23 @@
+# Week 3 – Day 4
+## Angular Basics
+
+### Date
+01 January 2026
+
+### Objective
+To understand Angular components and project structure.
+
+### Topics Covered
+- Angular components
+- Angular CLI
+- Project folder structure
+
+### Activities Performed
+- Studied component lifecycle
+- Explored Angular CLI commands
+
+### Learning Outcomes
+- Clear understanding of Angular building blocks
+
+### Status
+Completed

Week-3/Day-4/angular-basics.md

@@ -0,0 +1,30 @@
+## Angular Basics – Components & CLI
+
+### Angular CLI
+Angular CLI is a command-line tool that helps in:
+- Creating projects
+- Generating components
+- Running development server
+
+ng new angular-app
+ng serve
+
+### Angular Project Structure
+
+Key folders:
+- src/app → Application logic
+- app.component.ts → Main component
+- app.module.ts → Root module
+
+### Component Lifecycle (Overview)
+- ngOnInit()
+- ngOnDestroy()
+These lifecycle hooks control how components behave during creation and destruction.
+
+### Practical Understanding
+- Explored project folders
+- Studied default component files
+- Understood how Angular loads the root component
+
+### Learning Outcome
+- Gained confidence in understanding Angular project structure and CLI usage.