Friday, February 26, 2021

INTRODUCTION TO ANGULAR

 INTRODUCTION




Angular is a platform and framework for building single-page client applications using HTML and TypeScript. It is written in TypeScript.

In Angular :-

o  Components define views, which are sets of screen elements that Angular can choose among and modify according to your program logic and data.

 

o  Components use services, which provide specific functionality not directly related to views. And Service providers can be injected into components as dependencies, making your code modular, reusable, and efficient.

 

The basic building blocks of the Angular framework are Angular components that are organized into NgModules. NgModules collect related code into functional sets; an Angular app is defined by a set of NgModules.

Angular NgModules differ from and complement JavaScript (ES2015) modules. An NgModule declares a compilation context for a set of components that is dedicated to an application domain, a workflow, or a closely related set of capabilities. An NgModule can associate its components with related code, such as services, to form functional units.

To use the  Angular we should know  HTML, JavaScript, TypeScript, Node.js properly.

IMPLEMENTATION 

To create new app in Angular we need to follow following steps :

  • To install the Angular CLI, open a terminal window and run the following command:    
                                                      npm install -g @angular/cli
  •  Run the CLI command  ng new and provide the name  my-app
                                                       ng new my-app

  •  The Angular CLI includes a server, so that you can build and serve your app locally.
    • Navigate to the workspace folder, such as my-app.
    • Run the following command:
                                                        cd my-app
                                                        ng serve --open