The HTML5 Approach
The term "HTML5" might seem to relate most directly to HTML- a site's layout and user interface. But the most dramatic implications of HTML5 relate to web application architecture.
The HTML5 Web App
An HTML5 web app employs some or all of the following emerging technology standards:
- HTML5 tags- new browsers support more advanced layout and user interface controls
- Style Sheets- CSS3 allows powerful control and easier programatic access to layout, element positioning, and design styles
- Local Storage- A simple key value pair data store in the browser makes it possible to maintain user state on the client instead of the server
The PHP, ASP, .NET "dynamic web pages" architecture might seem limiting compared to today's highly interactive and responsive web apps. However, there are some major benefits for the programmer:
- Design follows a natural story board. Somewhat static pages take in user input to be processed when the user is ready.
- Story board design approach naturally organizes code. Each "page" (file) becomes analogous to a function.
- User state is managed on the server, which is fundamentally more secure and controllable than the client browser
An HTML5 architecture
Now, let's look at managing state in the browser using cookies and local storage.
For a full introduction and index to this blog: Node.js: One New Approach