Angular is a popular open-source framework for building dynamic web applications. Here's a quick guide to help you begin your journey:
🚀 Prerequisites
- Install Node.js (required for Angular CLI)
- Install npm (Node.js package manager)
- Familiarity with HTML/CSS/JavaScript
📦 Installing Angular CLI
- Open terminal and run:
npm install -g @angular/cli
- Verify installation:
ng version
🧱 Creating a New Project
Run the following command to generate a new Angular app:
ng new my-first-app
- This will create a project folder with:
angular.json
(project configuration)package.json
(dependencies management)src/
directory (source files)e2e/
directory (end-to-end tests)
🔄 Running Your Application
Navigate to the project folder and execute:
cd my-first-app
ng serve
- Access http://localhost:4200 in your browser
- 📌 Tip: Use
--open
flag to auto-open the browser
📌 Key Concepts
- Components: Building blocks of Angular apps 🏗️
- Templates: HTML views with Angular syntax 📄
- Modules: Organize features and components 📁
For a deeper dive, check our Angular Core Concepts guide.