Fundamentals of Single Page Application
All the required data is loaded on page load
No Page refresh
# based URL – Handle the Back Button
Definition of a Single Page Application
Combining multiple actionable and non-actionable views on single page is nothing but SPA.
THE MAIN QUESTION? WHICH FRAMEWORK TO CHOOSE?
and hundreds more
A framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices
-HTTP Communication protocol
-Uniform Resource Identifier (URI)
-HTTP Methods (GET, POST, PUT, DELETE)
You have what single page application is, what are its features and how to create a single page application in visual studio.
SPA will hit the server only if there is some change in the data or it wants to retrieve more data (not html, css and js). So we will need an point on the server which will retrieve and send only raw data. This is where WebAPi comes into picture (show the slide and read the definition).
WebAPI is an ideal platform for building pure HTTP based services where the request and response happens with HTTP protocol.
The client can make a GET, PUT, POST, and DELETE request and get the WebAPI response appropriately.
It makes use of the URL and the Http verbs to retrieve and send the data.
Open visual studio and show the bookmark controller. Also, show the routeconfig file and then show the demo in the browser which gets the bookmarks list.
KO core features
-Observables and dependency tracking
ViewModel serves as the glue between the View and the Model. It wraps the data from the Model and makes it friendly for being presented and modified by the view. ViewModel also controls the View's interactions with the rest of the application (including any other Views). Not aware of the view and holds the unpersisted data which the user changes
Here are some Technical Features
Hope it clears the concept of SPA which is Single Page Application