Login / Register

HTML5 Programming

This course is intended for entry-level developers for HTML who have a basic but limited understanding of HTML and who are interested in learning core HTML5, CSS, and JavaScript programming skills that are required to su... Show More
Course Prerequisites:
3-6 months development experience
Request a Quote

Instructor-Led Training (ILT)

Attend training in a classroom environment at a campus near you. Instructor-led training is still the number one delivery method of choice because it allows you to interact and discuss the training material, either individually or in a group setting, and you gain access to expert knowledge from certified instructors. This form of guided learning is impactful and produces positive learning outcomes. Day, evening and Saturday classes are offered.


3 Day

Course Content

Module 1: Introduction to HTML5 Development
This module introduces HTML development, presenting all the basics needed to build a web site or application. It also introduces CSS and JavaScript, which with HTML are the basis for web development. It also introduces the jQuery JavaScript library, the most popular JavaScript library at the time of writing.

Overview of HTML
What’s New in HTML5?
Introduction to CSS
Introduction to JavaScript
Introduction to jQuery

Lab : Building a Basic Web Page in the Visual Studio 2010 SP1 Environment
Writing the Home Page HTML
Styling the Homepage
Adding JavaScript and jQuery to Make a Dynamic Home Page

Module 2: Creating Page Structure and Navigation
This module explains the new HTML5 elements and their meaning, and how and when to use them. The module also discusses navigation and menus, which are the backbone of creating a website or application.

HTML5 Structural Elements
Navigation and Menus

Lab : Creating Page Structure and Navigation
Using Semantic Elements in the Home Page.
Creating the Game Details and Cart Pages.
Adding Navigation and Menus to the Home Page.

Module 3: Creating Form Input and Validation
This module introduces the new input types and attributes that were added in HTML5. It also discusses the Modernizr JavaScript library, which detects HTML5 features and supplies polyfills for the new HTML5 elements.

Working with Input Types
Using Form Attributes
Validation Using Browser Detection, Feature Detection, and Modernizr

Lab : Creating Form Input and Validation
Creating the Checkout and Game Review Forms
Adding Validation to the Checkout and Game Review Forms
Adding Modernizr Support

Module 4: Laying Out and Styling Webpages
This module explains important concepts about the layout and styling of webpages and applications. It also describes how to use the new features of Cascading Style Sheets 3 (CSS3), such as new selectors, text effects, and multi-column layouts, to improve the look and feel of your webpages.

Creating Layouts
Advanced CSS by Using CSS3

Lab : Laying Out and Styling Webpages
Add a CSS3 style to the store’s webpages

Module 5: Getting Started with Graphics and Multimedia Elements
This module explains the canvas element, which displays graphics, and the audio and video elements, which are used to play multimedia. These elements represent HTML5’s solution to add-on availability and cross-browser compatibility for multimedia and graphics.

Canvas Basics
Video/Audio Formats and Codecs
Controlling Multimedia with JavaScript

Lab : Getting Started with Graphics and Multimedia Elements
Adding Video to the Details Page
Create a Slideshow Using the Canvas

Module 6: Creating Advanced Graphics
This module discusses some of the differences between SVG and Canvas. It also describes how to choose one over the other.

Drawing with SVG
Choosing Between SVG and Canvas

Lab : Creating Advanced Graphics
Adding an SVG Chart with
Adding Animation to the Game Details Canvas-Based Slideshow

Module 7: Using Client-Side Storage
This module explains web storage and how to use its API to have a persistence mechanism on the client-side. It also introduces IndexedDB at a very high level because this specification is currently in development and might change in the future.

Web Storage vs. Cookies
Web Storage API
Lab : Using Client-Side Storage
Creating the Cart Behavior by Using the localStorage Object
Integrating the Cart with the Web Application

Module 8: Using Advanced HTML5 JavaScript APIs
This module explains how to use other HTML5 JavaScript APIs, such as the drag-and-drop API, the file API to work with files, and the geolocation API to find the user location.

Using the Drag-and-Drop API
File API
Geolocation API

Lab : Using Advanced HTML5 JavaScript APIs
Integrating Drag-and-Drop Behavior into the Home Page
Adding Geolocation Information to the Purchase Event
Adding Coupon-Reading Behavior

Module 9: Using WebMatrix and Other Developer Tools
This module explains other developer tools that you can use with HTML5. These tools include Microsoft WebMatrix, ASP.NET MVC3, and the Razor view engine.It also explains how to use these tools to create websites and applications.

ASP.NET MVC3 and Razor

Lab : Using WebMatrix and Other Developer Tools
Using WebMatrix to Create a Website
Using ASP.NET MVC 3 to Create a We

CTU Training Solutions , Updated: July 14th, 2017

Share with friends

Request a Quote

Your Name

Your Surname

Contact Number

Your Email


Which campus would you like to study at?

Your job title

Will your training be sponsored?


The course information above is subject to change without notification due to market trends in the industry, legislation and/or programme version updates. Terms and Conditions

Join the CTU community

Join the CTU Community Portal and gain access to superior resources.

Join for Free

Thank you for printing this page.
0861 100 395
[email protected]


Call me Back

Leave your details and we'll contact you back!

Your Name:

Your Email:

Contact Number:

Choose a campus