angular 6 tutorial for beginners step by step

Angular 6 for beginners

Requisites (Development Environment) :
  1. Node JS - Download and install  (Latest)
  2. Visual Studio Code - download and install
  3. Install Angular CLI (Command Line interface)  using the following command in terminal or command prompt npm i -g @angular/cli refer the below image.

if you did the above three steps your system environment is ready for development.

Requisites (knowledge-based) :

  1. The basic idea about HTML
  2. The basic idea about CSS
  3. Basic knowledge with TypeScript   or we will discuss it 
  4. Chrome browser debugging ( Inspect element option) or we will discuss it 

Create your first project  using ng CLI Command Line interface

  • Open your visual-studio code 
  • To open the integrated terminal  in Vs Code in  view menu click integrated terminal or using the shortcut (Ctrl+`)

Integrated Terminal  ( ctrl+`)

  • navigate to your project directory using  CD (change directory ) command  as below

  • For Creating new angular Project use  NG new <ProjectName>   command  in the Integrated terminal as below, ex : NG new Session1 and press enterhere Session1 is my project name  
  • it will take one to two minutes to create the project 
  • in VsCode  menu File , Open Folder , locate your project directory and open it 

  • you are successfully  created the angular project 
  • use ng serve command to run the project , and view it in the browser 
  • Web server started and it is listening for the URL http://localhost:4200/

  • you can browse it using chrome browser ( recommended) or  any latest browser

Congratulation you created an angular project successfully.

What's new in Angular (Google I/O '18)

Post a Comment


  1. This has a bearing on the potency of your system. It provides you with the foremost effective cleansing facility for temporary and unwanted info and folders. MyCleanPc Free

  2. Near is the dominant opinion which offers an expression since wherever over Google Ground app crash. 3D Territory expressions in what way the ordinary structures of elevations. Google Earth Pro Download Free 2022

  3. Looks at to having your own sister. A connection and someone with whom you'll share your young life memories and educational encounters.

  4. Hi. Great stuff! But I'd like to tell you about a great website with free software.
    ACDSee Photo Studio

  5. Navigate the wilderness with ease by selecting the Best Lightweight Backpack for Hiking – we'll show you how.