🚀 Build Your First Angular App

1️⃣ Install Angular CLI

Open your terminal (CMD/PowerShell):

2️⃣ Create a New Angular Project

CLI will ask:

• Add Angular routing? → Yes

• Stylesheet format? → CSS

This creates a folder named first-app with all Angular files.

3️⃣ Run the App

Now open your browser →
👉 http://localhost:4200/

You will see the Angular default welcome page. 🎉

🧩 4️⃣ Create Your First Component

Let’s create a component called hello:

Angular creates:

✏️ 5️⃣ Write Some Content in Your Component

Open hello.component.html and add:

📌 6️⃣ Display the Component on the Page

Open app.component.html and add:

Now check the browser—your message appears!

🔄 7️⃣ Add Data Binding Example

In hello.component.ts:

In hello.component.html:

Angular automatically updates the UI. ✔️

🌐 8️⃣ Add a Button (Event Binding Example)

hello.component.html

hello.component.ts

🧠 What You Learned

By now you have built a functioning Angular app with:

✅ Component creation
✅ HTML templates
✅ Data binding
✅ Event handling
✅ First working UI