Angular Academy · Lesson

Getting Started with Angular 19

Set up your environment and create your first Angular 19 app.

Lesson 1 of 310 steps

Getting Started with Angular 19 is a free Angular Academy lesson on CoddyKit. This is lesson 1 of 3. Any 3 lessons of this learning path are free to read in full — after that, CoddyKit PRO unlocks every lesson, plus hands-on practice with a built-in code editor and a 24/7 AI tutor. It is part of the Angular Academy learning path, and your progress syncs across the web and the CoddyKit app. The Angular Academy course includes 3 lessons in total.

Welcome to Angular 19!

Angular is a popular framework used to build modern web applications easily. In this lesson, you'll learn how to set up your environment and create your first Angular app.

Getting Started with Angular 19 — illustration 1

What is Angular?

Angular is a framework created by Google to build dynamic web applications easily. It uses components to structure your application clearly.

Why Choose Angular?

  • Easy to learn
  • Structured and organized code
  • Support by Google and large community

Installing Node.js

Angular requires Node.js. Visit the official Node.js website, download, and install the LTS version.

Installing Angular CLI

Angular CLI helps you manage your project. Open your terminal and run the following command:

npm install -g @angular/cli
npm install -g @angular/cli

Create Your First Angular Project

Use the CLI to create a new Angular project named 'my-app'. Run:

ng new my-app
ng new my-app

Running Your Angular App

Navigate to your project folder and start your application with:

ng serve --open
ng serve --open

Project Structure

Angular projects have a clear structure. Important files and folders include:

  • src: Application source files.
  • app: Contains your components.
  • assets: Static files like images.

Congratulations!

You created and ran your first Angular 19 application. You're ready to dive deeper into Angular!

Getting Started with Angular 19 — illustration 10
Free to start

Learn HTML with an AI tutor — free

Write and run real code in your browser, get instant help from a 24/7 AI tutor, and pick up where you left off on the web or in the app.

Courses
38
Lessons
144

Frequently Asked Questions

Is the “Getting Started with Angular 19” lesson free?

Yes — any 3 lessons of the Angular Academy learning path, including “Getting Started with Angular 19”, are free to read in full here on the web. After that, CoddyKit PRO unlocks every lesson, plus interactive practice with a built-in code editor and a 24/7 AI tutor. The Angular Academy course includes 3 lessons in total.

What will I learn in “Getting Started with Angular 19”?

Set up your environment and create your first Angular 19 app. You practise Angular Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.

Do I need any experience to start Angular Academy?

No prior experience is required. Angular Academy on CoddyKit is structured for beginners through advanced learners, so you can start here or from the beginning and move at your own pace. This is lesson 1 of 3.

How long does the “Getting Started with Angular 19” lesson take?

Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.

Can I write and run code in this Angular Academy lesson?

Yes. Every Angular Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.

All lessons in this course

  1. Getting Started with Angular 19
  2. Understanding Components
  3. Templates and Data Binding
← Back to Angular Academy