Week 3 Day 5: Angular project setup
This commit is contained in:
25
Week-3/Day-5/Readme.md
Normal file
25
Week-3/Day-5/Readme.md
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
# Week 3 – Day 5
|
||||||
|
## Angular Project Setup
|
||||||
|
|
||||||
|
### Date
|
||||||
|
02 January 2026
|
||||||
|
|
||||||
|
### Objective
|
||||||
|
To set up an Angular project and understand initial project structure.
|
||||||
|
|
||||||
|
### Topics Covered
|
||||||
|
- Angular installation
|
||||||
|
- Project creation
|
||||||
|
- Development server
|
||||||
|
|
||||||
|
### Activities Performed
|
||||||
|
- Installed Angular CLI
|
||||||
|
- Created Angular project
|
||||||
|
- Ran application locally
|
||||||
|
|
||||||
|
### Learning Outcomes
|
||||||
|
- Successfully set up Angular environment
|
||||||
|
- Ready for component development
|
||||||
|
|
||||||
|
### Status
|
||||||
|
Completed
|
||||||
25
Week-3/Day-5/angular-project-setup.md
Normal file
25
Week-3/Day-5/angular-project-setup.md
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
## Angular Project Setup
|
||||||
|
|
||||||
|
### Environment Setup
|
||||||
|
Steps followed:
|
||||||
|
- Installed Node.js
|
||||||
|
- Installed Angular CLI using npm
|
||||||
|
- Created Angular project
|
||||||
|
- Started development server
|
||||||
|
|
||||||
|
### Running Angular Application
|
||||||
|
ng serve
|
||||||
|
This command starts a local development server.
|
||||||
|
|
||||||
|
### Understanding Initial Files
|
||||||
|
- main.ts → Entry point
|
||||||
|
- index.html → Root HTML file
|
||||||
|
- app.component.html → UI layout
|
||||||
|
|
||||||
|
### Practical Work Done
|
||||||
|
- Successfully ran Angular app locally
|
||||||
|
- Observed live reload feature
|
||||||
|
- Modified HTML and saw real-time updates
|
||||||
|
|
||||||
|
### Final Learning Outcome
|
||||||
|
By the end of Week 3, I built a strong foundation in JavaScript (ES6) and Angular basics, preparing me for advanced Angular concepts in upcoming weeks.
|
||||||
Reference in New Issue
Block a user