HTML5, CSS3, and JavaScript Development

Contact Us for Dates
5 days practical workshop for up to 12 people.

Contact us for Onsite Price

HTML5 and CSS3 are essential ingredients in modern-day web applications. Gone are the days of vendor-specific plugins and browser wars, and in their place we have the promise of truly open and powerful industry standards.

Layout

This course is a mixture of lectures and hands on exercises designed to reinforce the topics learnt

Training Course Objectives

  • Using HTML5 GUI elements
  • Implementing client-side behaviour using HTML5 APIs
  • Using CSS3 style features
  • Writing JavaScript code effectively

Training Course Prerequisites

  • Familiarity with HTML and CSS
  • Experience with JavaScript or other similar language

Chapters

Chapter 1 HTML and CSS Core Principles

  • HTML core concepts and syntax
  • CSS core concepts and syntax

Chapter 2 Creating HTML5 and CSS3 Web Pages

  • HTML5 semantic tags
  • Additional HTML5 layout features
  • CSS3 enhancements

Chapter 3 JavaScript Core Principles

  • JavaScript essential syntax
  • Accessing and updating HTML content by using DOM
  • Getting started with jQuery
  • Event handling

Chapter 4 Using Forms

  • Defining a form to gather user input
  • Using the new HTML5 input elements
  • Validating input
  • Implementing JavaScript validation

Chapter 5 Implementing Ajax-Enabled Web Pages

  • Overview of Ajax
  • Using Ajax manually
  • Using Ajax with jQuery
  • Using Ajax2 and Cross-Origin Requests (CORS)

Chapter 6 Going Further with CSS3

  • Textual styling
  • Using CSS3 selectors
  • Additional CSS3 techniques

Chapter 7 Object-Oriented Programming in JavaScript

  • Creating objects
  • Defining properties and methods
  • Defining constructors
  • Understanding prototypes
  • Implementing inheritance

Chapter 8 Platform Integration

  • Using the File API
  • Implementing drag-and-drop
  • Incorporating audio and video
  • Using the Geolocation API

Chapter 9 Offline Working

  • Using local storage
  • Offline working
  • Using the application cache

Chapter 10 Creating Adaptive User Interfaces

  • Media queries
  • Creating applications that look good in different form factors
  • Creating printer-friendly applications

Chapter 11 Graphics

  • Using the canvas API
  • Using SVG
  • Techniques and recommendations

Chapter 12 CSS3 Animations and Effects

  • Transitions
  • 2D and 3D transformations
  • Key-frame animations

Chapter 13 Web Sockets

  • The need for Web Sockets
  • Implementing a Web Sockets client
  • Implementing a Web Sockets server

Chapter 14 Web Workers

  • Overview of Web Workers
  • Implementing a Web Worker
  • Asynchronous programming techniques