Introduction to Angular

Introduction:

AngularJS is one of the popular frontend Javascript frameworks designed by Misko Hevery and released in June 2012.

What is Angular?

It is a structural framework for designing dynamic web applications. It is a development platform built on typescript.

Features:

1) Component-based

2) Mobile Support

3) Server-side rendering

4) Powerful templates

Pros:

1) Angular Provides More Consistency for Standard Components.

2) It is built up by Google engineers. So you can be sure of its reliability and efficiency of code backed up by the massive community of experts.

3) Keeping HTML Separate From JavaScript Increases Clarity

4) Angular ensures that data is always synced at all levels, with the two-way data binding, that contrasts with the one-way data binding of React.

5) For complex and longer projects, Angular will fit better as it lets you have explicit types and detect errors in compile time

Cons:

1) One of the major drawbacks to using Angular is the platform’s limited SEO options and poor accessibility for search engine crawlers,

2) Angular framework is quite difficult to learn.

Getting started with Angular:

Angular CLI is a convenient way to create an angular application.

Angular CLI comes with a built-in server that is used to serve up angular applications.

So let's create an angular application.

1) Install angular CLI using command

npm install -g @angular/CLI

2) Create a folder on your system. and move into that folder using the command.

cd folder name

e.g. cd angular-application

3) Create a new app using this app

ng new 'app-name'

e.g. ng new spicex

This should create a new folder named spicex within your Angular folder and create the Angular application in that folder.

4) Move to the spicex folder using the command

cd spicex

5) To compile the project run command

ng serve --open

This will compile the project and then open a tab in your default browser at the address http://localhost:4200