Welcome Guest! (App Version 3.1)
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
Angular-CLI is a tool which helps in generating 'boilderplate-code' for an angular project and helps you get started up pretty quickly. It also provides tons of CLI commands, which help you in quick generation of various angular bits and pieces like -- 'modules', 'components', 'services', 'models', 'interfaces', 'pipes', etc.
With Angular-CLI you don't have to start with scratch making the various folders and directory-sturcuture making dozens of files and integrating various pieces together.
You get a starting set-up project, where you can begin by writing down components, with additional benefit of webpack and a server where you can instantly compile project and see the app running on the web browser.
Thus within 5 min you'll be having a fully-fledged Angular-App running on your system via this tool.