Welcome to the free & complete Angular Tutorial.

In this lesson, we are going to quickly learn how to create our very first Angular application.

Yes a simple ‘Hello World’ application that does nothing but says ‘Hello’ to Angular World. 🙂

Hope you already installed software(s) needed for Angular app development, if not please take a help from my previous post to install them.

Prerequisites for Angular App Development

Let’s get started.

Step 1: Create new Angular project

Open command prompt and type below command. Make sure you installed Angular CLI already.

ng new helloworld

Once new project has been created, you will see folder structure like this:

Step 2: Edit title property in app.component.ts

Change the default value of title property from ‘helloworld’ to ‘Hello World App’ and save the file.

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Hello World App';
}

Step 3: Run the application

Start the development server which will serve the app by compiling the App.

ng serve -o

We see ‘Welcome to Hello World App’ on browser now. Right?. You can see the live demo below.

Demo: