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
You need to install following tools and items before beginning with an Angular Project:
NPM -- NPM is used as package manager for Angular Projects. It is required to download files for various dependencies and after downloading it keeps all the files in the node_modules folder, from where the various files can be accessed by the application.
Angular-CLI -- Angular-CLI is required as it is pretty helpful with its large set of commands which help in decreasing the amount of work done to get started with projects and also helps building a pre-defined structure of files and folders. It also helps with the starting boilderplate code and with few commands you can create components, services, pipes, interfaces, etc.
VSCode -- VSCode is the text editor that is best suited for building Angular Applications. VSCode has various facilites like intellicense for TypeScript code, plugins and tools which facilitate in development of app.
Github -- Github helps in development of project where many contributers are working on same project and files, and there is a check of various code-versioning and file-changes. Github helps in proper management of files and also a check on what is being checked in to the project and what is being removed. Any error can be rolled back to the previous code-version and changes can be merged only if it is properly reviewed by project-owner or admin.