Skip to main content

Single page application (SPA) using ext.js

what is spa?
Single page application are applications that fit in one page with rich and fluid user experiences like a desktop based applications.
Why is SPA?
All web based elements (html, CSS,javascript) are downloaded from the server on single page load and avoid the continuous page post back. i can explain what this mean. Suppose your web application is made of certain flow and it consists of 5 different pages. Each page need to get data from the user and save before moving to the next page. So when we navigate from one page to other it need to make a round trip to server to store the data in one page and get the data for the next page to display. but in spa we can avoid the continuous post backs. The whole page will not post back any time other than the first load. But it communicate to the server dynamically behind the scene and can achieve the same functionality.
Spa using ext.js
designing a SPA using ext.js is a challenging task if you are unaware about the ext.js framework or similar frameworks.
Ext JS is a javascript library from sencha and based on mvc-s architecture. Mvc-s means model-view-controller - store. If you are familiar with asp.net mvc or scrum we can simply compare ext.js mvc architecture the same way for javascript library. Model similar to the server side models, view consists of html, templates or widgets, controller consists of events and data transfer between the server side and client side. It also includes an additional cool feature called store. store encapsulate the client side cache data Model, say model is data row then store contains data table. Store got an option to auto sync with the data model. based on the need this auto sync option can be switched on/off. while sync'ing a store it will do the necessary dml (insert, update, delete) operations based on data.
Real time communication between the ext js and server side can be achieved by api controller (rest based service). api controller model and ext.js models have two way bindings. So it is easy to pass a model from the client side to the server. It can be configured using the routing configuration.
the client side dynamically communicate with the server side using ext.Ajax (rest api).
Data is retrieving from the server side as json objects. So it is easy to consume the responses from server side.
challenges
Some of the challenges are, how developers interpret the usage of technology, size of the application, time management Etc. If it is not handled properly this challenges can be the difference between the successful and scrapped project.

Comments

Post a Comment

Popular posts from this blog

Compiled Query- Improve the performance of Linq to Entity Query

Most of the small or medium IT firms are using the Entity framework for the Data Access layer (DAL). If we write a complex linq to Entity queries performance will always be an issue. But with the Compiled Query Performance can be improved. This below definitions are from MSDN and more details can be found on the MSDN Link that is at the end of this post           When you have an application that executes structurally similar queries many times in the Entity Framework, you can frequently increase performance by compiling the query one time and executing it several times with different parameters. For example, an application might have to retrieve all the QuoteRevision for a particular quotelineStatus, the quotelinestatus is specified at runtime. LINQ to Entities supports using compiled queries for this purpose.               The  compiled query class provides compilation and caching of queries for reuse . Co...
1 comment
Read more

Sql Server Internals - Named Pipes

Named pipes enables clients applications to request a reliable and two way connection between the client application and Sql Server, across a network. A named pipe has a name which follows the UNC naming convention : \\Server\pipe\name The default names pipe for SQL server is :                 \\Server\pipe\sql\query A named instance would have a named pipe of                \\server\pipe\MSSQL$instancename\sql\query Early versions of SQL Server only provided Named Pipes. Named Pipes also allows for impersonation of a clients credentials. The feature is used by SQL server when using Linked Servers. The clients logon credentials are passed across to the Linked Server for authentication. Named Pipes can operate over TCP/IP, NETBEUI or IPX as it indirectly relies on the Common Internet Files Sytems
Post a Comment
Read more

CV Preparation

An old saying, - First Impression is the best impression. When we are applying for the jobs, chances of getting interview depend mainly on CV . Each location has its own CV format. While applying for an UK based job you need to sent a standard UK  format CV (optional cases some organisations do not accepts CV ).  1 Header with Name, phone number and email address (avoid address) 2 Career Conspectus – Describe about your experience, what technology you familiar with, what domain you got experience etc 3. Technical Skills – Mention all the technical skills on this section (In good format, if necessary use tables) 4. Certifications - Mention about the Certifications passed. 5. Employment Chronicle- Mention about the professional experience (Most recent first).Include Project name/Client name  , a brief summary  of project, your responsibility (Means role in the project), and the environment(Which  technologies used) which the projects works 6....
2 comments
Read more