Learn Angular for Beginners on Windows part 1

1. Introduction

In my understanding Angular is a Platform Framework created from a typescript language to design an application or website that is a single page application (SPA).

Some of the advantages of Angular:

– Component-based framework to create large-scale websites or applications
– Supports a variety of well-integrated libraries, including routing, forms management, client side communication and much more
– Has a series of developer tools to develop, build, test and update a development code.

 

2. Installation

Equipment needed

– Text editors such as notepad++, visual studio code and others
– Browsers like firefox, chrome and others.
– NodeJs,  Local server / localhost Xampp

I assume you have installed xampp

After all the equipment is complete, it’s time to install Angular by:

open command prompt / cmd then type the command: “npm install -g @angular/cli”

let the installation process as shown below. to find out the version of angular we can type the command “ng version”

3. First Project

To create a new project, open a command prompt then go to directory D and then create a folder “learningangular” then go to that folder and type the command “ng new project01” something like this: D:\learningangular\ng new project01 then press enter, wait for the process create project until it’s finished, friends can also make our project in directory D or other directories.

Next, Go to our project directory D:\learningangular\learning01>

Next, Type “ng serve” for our build project, if it is successful without an error it will appear like this

now open the browser then type http://localhost:4200/ if it is successful no error will appear like this