Welcome Guest! (App Version 5.16)
IntroductionSPA Technology Angular Framework Prerequisites Basic Requirements TypeScript Angular-CLI Creating a new Project
Module-Directive-BindingModules Directives Types of Directives Element Directives Components Creating New Component Component Comm @Input @Output Attribute Directives [ngStyle] [ngClass] [ngSwitch] Structural Directives *ngIf *ngFor *ngSwitchCase *ngSwitchDefault Data-Binding Types of Data-Binding String Interpolation Property Binding Event Binding 2 Way Data Binding
Services-Routing-FormsServices Creating a new Service Getting data via Service RxJS $http and Observables Rest API hit Interface Routing Setting up Routes Forms Types of Forms Template-Driven Forms Reactive Forms
Decorators-Pipes-etcDecorators Pipes Life Cycle Hooks Dependency Injection Providers Interceptors
Unit-Testing & AnimationUnit-Testing Animation
Build and DeployBuild the Project Deploy on Web
Angular QuizAngular Quiz 1
As already mentioned in prevoius chapter, starting up with Angular Project is not a straight away job. There are preparations to be done. It simply doesn't work like creating an html file and adding style and scripts to it. So, first we need to install few items and run some commands. After that only will we be able to work with Angular and create a project.
Following are some steps to be followed to get started with an Angular Project:
* Step 1: Installing NPM -- First of all you need to go to the Node JS official website and download the latest version of NodeJS and install it. NPM comes with NodeJS only, so no additional effort is required to install both Node and NPM. Carry on this step and move ahead.
* Step 2: Installing Angular-CLI -- The second step is that we install
Angular-CLI package with the help of NPM (package download manager) that we installed in last step.
Run the code below to install 'Angular-CLI' package:
> npm install -g @angular/cli
* Step 3: Installing VSCode -- VSCode is simply a text editor for the project. There are other text-editors available such as Atom, Sublime-Text and WebStorm. You can use either of them as this is your personal choice. For this tutorial I will be using VSCode as it has got lots of lints and support for TypeScript. I advise you to use the same. Later, when you get some command on developing projects in Angular, you may switch to any other editor of your choice.
The after basic installation, follow these steps to get started with project:
Congrats! You are now running your Angular-App. Later you may make changes and see them instantly on browser.