Getting Started with Angular: A Beginner's Guide

What is Angular?
Angular is front-end Framework developed by Google. its is based of JavaScript/TypeScript . I prefer TypeScript for more secure compared to JS.
Installation Guide.
we need latest node.js to use angular in our machine
Install node.js from https://nodejs.org/en/download (LTS version).
After installing Node.js , open cmd and check if node is installed by typing
node --version
After installing node.js , we need to install angular cli by typing this command in CMD
npm install @angular/cli
check id angular cli is installed by typing this command in cmd
ng --version
First Angular Project .
In CMD type the following commands one by one
//ng new projectname
ng new Hello-world
code .
If you need zoneless project then Y else N. => zoneless project is nothing but project without zone.js.
Zoneless" in Angular refers to a new paradigm for managing change detection without relying on zone.js
Choose the Style sheet you need to use. CSS/SCSS/LESS.
After completing the project should look like
app.ts
→ Main file where we mostly workapp.css → style
app.html
→ html file which holds theapp.ts
app.route.ts
→ file the contains links to another file like ( contact , about , skills ,etc.).index.html
→ main file for our websitestyles.css
→ Style sheet for our websitemain.ts
→ holds the components of the websitepackage.json
→ contains all the dependencies and scripts to run the project
To Run the project
ng serve
in Browser visit http://localhost:4200/ to see the project.
to Stop the project click CTRL+c in the same terminal.
Subscribe to my newsletter
Read articles from N Rakesh Raj directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
