HTML5 and CSS3 Web Development

Unlock the powerful capabilities of modern web development by mastering HTML5 and CSS3 with our comprehensive course designed for developers ready to elevate their skills to build responsive, multimedia-rich web applications across all platforms.

Course Thumbnail

Essential Skills Gained

Checkmark

Design modern web applications with HTML5 semantic tags.

Checkmark

Implement advanced graphics and multimedia using Canvas and CSS3.

Checkmark

Utilize HTML5 APIs for geolocation, video, and local storage.

Checkmark

Optimize applications using HTML5 Boilerplate and Modernizr.

Format

  • Instructor-led
  • 5 days with lectures and hands-on labs.

Audience

  • Web Developers
  • Front-End Developers
  • Software Engineers
  • IT Professionals

Description

HTML5 is taking the Web by storm and providing a rich set of features that can be used to build the next generation of Web applications! This new version of HTML provides developers with additional client-side power to enable them to build applications capable of running on desktops, laptops, tablets and mobile devices. The Web Development with HTML5 and CSS3 course provides students with a hands-on look at key HTML5 technologies that can be used in today’s modern browsers. Topics covered include integrating HTML semantic tags into your HTML pages to define headers, footers, sections, articles, figures and more, using the Canvas API to draw dynamic graphics with JavaScript, working with CSS3 features, detecting HTML5 features with Modernizr, using HTML5 Boilerplate as the foundation for new sites, playing audio and video content without relying on plugins, working with geolocation, storing data locally, plus more. If you’re looking to take advantage of different HTML5 features, this class will get you on the fast track!

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

Why HTML5 and CSS3?

  1. HTML4 and CSS works – why do we need HTML5 and CSS3?

  2. HTML5 Feature Overview

  3. Important Tools and Scripts

  4. Browser limitations

  5. Looking to the Future – Upcoming HTML5 Technologies

Getting Started with HTML5 Boilerplate

  1. What is HTML5 Boilerplate and why would I use it?

  2. HTML5 Boilerplate Features

  3. Getting Started with HTML5 Boilerplate

HTML5 Semantic Tags

  1. The need for semantic tags

  2. Defining headers and footers

  3. Defining sections

  4. Defining articles

  5. Defining figures

  6. Defining navigation

Styling HTML5 with CSS3

  1. Key CSS3 Features

  2. Are there Cross-Browser Limitations?

  3. CSS3 Selectors

  4. Working with shadows

  5. Defining Gradients

  6. Rounding Corners

  7. Using Transforms

Drawing with Canvas and SVG

  1. The Canvas is all about JavaScript!

  2. Canvas Drawing Functions

  3. Drawing lines

  4. Drawing shapes

  5. SVG Fundamentals

  6. JavaScript Libraries

Audio and Video

  1. Audio and Video without plugins?

  2. Playing audio files

  3. Playing video files

  4. Script libraries that will save you time!

Geolocation

  1. Integrating Geolocation into HTML5 applications

  2. Supported browsers

  3. Accessing Longitude, Latitude and other Settings

  4. Geolocation script libraries

Local Storage

  1. Building a Better Cookie

  2. Local Storage API

  3. Local Storage Events

Web Workers

  1. What are Web Workers?

  2. Creating a Web Worker script

  3. Posting Messages

Web Sockets

  1. The Role of Web Sockets

  2. Creating a Socket Server

  3. Connecting to a Socket Server from the Client

Detecting HTML5 Features with Modernizr

  1. What is Modernizr?

  2. Detecting features with Modernizr

  3. Modernizr CSS Classes

  4. Detecting HTML5 Features using JavaScript

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.