Angular

Installation of Softwares to Build Angular6 Applications:
---------------------------------------------------------

1) download and install NodeJS

website : https://nodejs.org/en/download/
file    : node-v8.11.2-x64.msi


2) download and install Git.

website : https://git-scm.com/download/win
file    : Git-2.17.1.2-64-bit.exe


3) download and install Visual Studio Code

website : https://code.visualstudio.com/docs/?dv=win
file    : VSCodeSetup-x64-1.24.0.exe


4) install yarn packaging manager

> npm install -g yarn

- yarn packaging manager used to download the node modules
  in faster manner compared to npm.


5) install Angular6 software by using following command

> npm install -g @angular/cli@latest

"-g" stands for global installation

- "cli" stands for command line interface


6) develop the Angular6 Application by using following command

> ng new firstApp

- automatically "firstApp" will be created.


7) execute the Angular6 Application

> ng serve --open

- automatically "firstApp" will be deployed into
  "lite" server.

- "lite" server is the web server introduced by microsoft.

- project will be deployed into lite server and running


Terminology in Angular:
-----------------------
1) component

- simple type script class called as component.

- Component Acting as the Interface between "View" and "Service".

- As a Angular Developer we can develop multiple components.

- As a Angular Developer we can provide the communication
  Between Components.


2) services

- Services in angular used to share the common business logic
  to multiple components.


3) Dependency Injection

- the communication between components to services,
    services to services,
    components to directives,
    components to pipes
---
---
  called as Dependency Injection.


4) Single Page Application

- loading one template to another template without refreshing the
          whole web page called as Single Page Application.

- loading one template to another template in Single Page Application
  called as Routing.


5) directives
- directives in angular used to enhance the view capabilities.

- we have two types of directives

1) predefined directives

2) custom directives

- the directives given by angular called as predefined directives.

- the directives developed by us based on application requirement

  called as custom directives.


6) pipes

- pipes in angular used to format the data accroding to application
  requirement.

- we have two types of pipes.

1) predefined pipes.

2) custom pipes.

- the pipes given by angular framework called as predefined pipes.

- the pipes developed by us based on application requirement
  called as custom pipes.













































































  on default port no.4200