Learn Quickly Angular-#Part-1

This blog explained very important concepts…

What is Angular :

• Angular is an open-source JavaScript MVC framework for the web applications and It’s a development platform, built on TypeScript
• Angular is used to create Single Page Applications for mobile and desktop

Prerequisites knowledge :

• HTML
• CSS
• JAVASCRIPT

Prerequisites installation :

• node.js
• npm

sudo apt install nodejs npm

• angular cli

npm install -g @angular/cli

Strongly recommended to install nvm for node version manage support.

Create new angular project :

Follow below command for create new project

ng new PROJECT_NAME
ng new my-app

while create project ask some questions for default configuration.

like,

• Would you like to add Angular routing ? — click yes
• Which stylesheet format would you like to use? — select your familiar stylesheet

Once the project created successfully you will get this response in terminal window

The my-app project stucture like,

If complete project creation, switch to root folder and run the below command.

ng serve

The angular project default port 4200 . If run ng serve, the browser doesn’t open automatically.

You can open browser and enter the url localhost:4200

If mentioned -o , It open automatically in the default browser.

ng serve -o

Should know files and concepts :

• Component file
• Service file
• Directive file
• Life cycle hooks
• Sharing data between components
• Forms
• Routing
• Configuration files

To be continued #Part-2

Thank you!