Modern Web Application Development

Contact Us for Dates
2 days practical workshop for up to 12 people.
Only £790
This course is a comprehensive introduction to modern Web application development for experienced Web developers who wish to begin taking advantage of the move towards HTML5 clients working with REST based back end APIs. The course can be delivered using either Visual Studio, IntelliJ, or alternatively Eclipse, or indeed any other development environment used within your organisation.


The course combines lectures with practical exercises to consolidate the subjects taught

Who it is for

Experienced Web developers who wish to incorporate the latest approaches and capabilities into their applications.

Training Course Prerequisites

  • HTML knowledge


Chapter 1 Introduction to Internet Applications

  • Evolution of Client Side Applications
  • Desktop Applications
  • Web Applications
  • Rich Internet Applications
  • RIA Architectures
  • REST Based applications
  • Unit testing Javascript code

Chapter 2 Review of HTML5

  • What is HTML?
  • Format of HTML
  • HTML Tags
  • Images
  • Lists and Tables

Chapter 3 Introducing the JavaScript Language

  • Development of JavaScript
  • Types
  • Functions
  • Objects
  • Arrays

Chapter 4 JavaScript in the Web Browser

  • JavaScript and the Web
  • The W3C DOM
  • The Document object
  • Content Generation
  • Event Handlers

Chapter 5 Taking JavaScript Further

  • Debugging with Firebug
  • Functions, Scope and Closure
  • Function Invocation Options
  • Augmenting Types
  • JavaScript Module Pattern
  • Overloading
  • Encapsulation
  • A Few Interesting Gotchas

Chapter 6 Introduction to CSS

  • Separating Style From Content
  • Embedded and External Stylesheets
  • Inside a Stylesheet
  • Applying Styles -
  • Element Display, Spacing and Positioning
  • Scripting and CSS - Dynamic HTML

Chapter 7 Introduction to Ajax

  • What is Ajax?
  • Ajax in Action
  • The Ajax Web Application Model
  • Inside an Ajax Interaction
  • The XMLHttpRequest Object
  • The Ajax Interaction Step by Step
  • Different Request Types
  • Response Formatting
  • Handling Timeouts

Chapter 8 JSON

  • What is JSON?
  • Comparison with XML
  • JSON structures
  • Generating JavaScript objects from JSON
  • JSON support in other languages

Chapter 9 Introduction to jQuery

  • Background
  • Selecting page elements
  • Manipulating elements and content
  • Events
  • Using Ajax from jQuery
  • Different request types
  • Handling different response formats
  • Dealing with success and failure

Chapter 10 Implementation Issues

  • Client-Side Transformation
  • Cross Domain Operation
  • Browser Compatibility
  • Dealing with the Back Button
  • Ajax

Chapter 11 JavaScript Libraries

  • Introduction to NodeJS
  • Introduction to AngularJS
  • JavaScript architectural patterns

Chapter 12 Unit Testing JavaScript

  • What is unit testing
  • JavaScript testing frameworks
  • Automating JavaScript Tests