Welcome Guest! (App Version 3.1)

websitnero logo name

HTML CSS JavaScript Angular ES6

Introduction

SPA Technology Angular Framework Prerequisites Basic Requirements TypeScript Angular-CLI Creating a new Project

Module-Directive-Binding

Modules 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-Forms

Services 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-etc

Decorators Pipes Life Cycle Hooks Dependency Injection Providers Interceptors

Unit-Testing & Animation

Unit-Testing Animation

Build and Deploy

Build the Project Deploy on Web

Angular Quiz

Angular Quiz 1

SPA Technology

What is SPA Technology?

"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.

WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.