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
"Single Page Applicaiton" or SPA is a technology in which each time URL changes of website or app, the complete page is not reloaded but instead only a portion of the page loads -- thereby loading less data from server and thereby reducing the load on the server.
Earlier when full pages were written on backend technology and used to be .asp, .php or .jsp then whole content was written and after calucaltions and compilation were sent from server as plain html pages.
After ajax came simple html pages were sent from server without much manipulation and logic was implemented to run on client-browser. Any data that was need from database now used to come from AJAX calls and implemented on view by client-browser only.
But, question arises that what if only some portion of pages needs to be updated. Or what like header and footers of all pages are same, then why to load the full page, and not only middle portion (as header and footer will remain same).
Here comes SPA -- once the base page is loaded then only a portion of it will change and on url change the whole page will not be loaded again (thereby increasing load on server), but only a portion of the complete page will be changed dynamically by client-browser.