HTML5 and CSS3 Development

HTML5 and CSS3 Development

Audience

This course is for anyone who wants a detailed look at the new features in HTML5 and CSS3.

Prerequisites

You should have:

  • Familiarity with HTML and CSS
  • Good knowledge of JavaScript

Duration

4 days. Hands on.

Course Objectives

HTML5 has emerged as an exciting and powerful new platform for creating contemporary client-side Web content. The HTML5 standard also embraces techniques for sophisticated communications with the server, via Web sockets and enhancements to Ajax. We'll investigate all these features in depth during this course.

The course also investigates the wealth of new UI capabilities available in the CSS3 standard, such as transformations, animations, media queries, and more.

What you'll learn:

  • Creating UI content using graphics, video, and audio
  • Using platform features such as geolocation and file handling
  • Utilizing CSS3 techniques
  • Offline working
  • Multithreading using Web Workers
  • Communicating via Web Sockets and Ajax 2

Course Content

HTML and CSS Core Principles
HTML core concepts and syntax
CSS core concepts and syntax

Creating HTML5 and CSS3 Web Pages
HTML5 semantic tags
Additional HTML5 layout features
CSS3 enhancements

CSS3 Techniques
Controlling layout
Backgrounds, borders, colours, and text
CSS3 selectors
Media queries

CSS3 Transformations and Animations
Transitions
Transformations
Keyframe animations

Graphics with Canvas
Using the canvas API
Core drawing operations
Transformations and animations
Working with text

Graphics with SVG
Getting started with SVG
Drawing curves
Setting styles
Additional techniques

Video and Audio
Overview
Playing video
Playing audio

Geolocation
Overview of HTML5 geolocation
Sources of geolocation information
One-off position requests
Repeated position update

Web Storage
Overview of HTML5 Web Storage
Understanding the Web Storage API
Listening for storage events
Offline working

Files and Data
File handling
Drag-and-drop
IndexedDB databases
Web SQL databases

Communications API
Key principles
Cross-document messaging
Ajax XMLHttpRequest Level 2

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

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

Virtual Courses

ALL of our courses can be delivered virtually. And our Bath public schedule of courses are now available as live virtual sessions, using the popular Zoom Virtual Classroom and remote labs. Delegates can test their access at: www.zoom.us/test

Public Courses

On-Site Courses

Can't attend one of our public classes? Booking for multiple people?

All our courses are available on your site! Delivered for your staff, at your premises.

Contact us to find out more...