SPA, Web API, Serverless
the change of web app architectures
IT 4203 Advanced Web Development
http://it4203.azurewebsites.net
Jack G. Zheng
Fall 2019
https://www.edocr.com/v/j23zyenr/jgzheng/Single-Page-Applications-Serverless
Overview
2
This lecture notes provides a high level overview
of single page applications in the context of web
application architecture changes
The context: web application architectures
What is SPA
Key principles and concepts
Enabling technologies
The Context
3
Rise of JavaScript/HTML5
JavaScript/HTML5 handle the user interface and
interaction functionalities
Changing of web application architectures
Backend and frontend is even more loosely coupled.
Rise of JavaScript
4
#1 in GitHub since 2014
https://octoverse.github.com/projects#languages
#1 in StackOverflow since 2013
https://insights.stackoverflow.com/survey/2018
Most in demand and salaries, 2015
https://gooroo.io/GoorooTHINK/Article/16300/Programming-languages--salaries-and-demand-May-
2015
http://www.techrepublic.com/article/here-are-the-3-most-in-demand-coding-languages-and-where-
you-can-find-a-developer-job/
Other rankings
#1 The RedMonk Programming Language Rankings since 2015
https://redmonk.com/sogrady/2018/08/10/language-rankings-6-18/
#2 in student programmers in hackathon (#1 is HTML/CSS)
http://studenthackers.devpost.com/2015.html
#2 in Developer Economics survey
https://dashboard.developereconomics.com/?survey=de15#mobile
SharePoint/WordPress is moving to JavaScript
https://arc.applause.com/2015/11/24/wordpress-javascript-calypso/
https://developer.wordpress.com/calypso/
https://developer.wordpress.com/2015/11/23/the-story-behind-the-new-wordpress-com/
Change of Web App Architecture
5
Wave 1: multi-layer/tier systems
Rich (multiple) servers
Wave 2: service oriented
Further separation of server side and client side
Services are more among servers
Wave 3: growing focus on the client side and widely
use of AJAX
Rich client development, SPA
More open serv