Web Development with HTML5, CSS3, and JavaScript (TT4003)


Web Development with HTML5, CSS3, and JavaScript (TT4003)

This course is geared for software developers who need to understand what the latest in web technologies, performance, optimization, user interface design patterns, and best practices. This comprehensive course provides a balanced mixture of theory and practical labs designed to take you through HTML5, CSS3 and related technologies. You will leave this course armed with the new skills to design, implement, and deploy robust, flexible, and safe web applications.

  • HTML5, what is new, and how it is used within the context of web applications
  • CSS3, what is new, and how it is used within the context of web applications
  • Options, tools, and approaches that can be used in conjunction with the web design and implementation
  • JavaScript, how it relates to other programming languages, and how to script your web pages with it
  • Traverse and manipulate the DOM and handle events in ways that work in all browsers
  • Ajax and how JavaScript makes it possible
  • Closures and prototypes and other exotic features of JavaScript

Experienced web developers who need to extend their knowledge of web design and development using the latest technologies and skills


1. HTML5

  • HTML5
    • HTML5 Design Principles
    • HTML5 - New Features
    • HTML5 Semantic Tags
    • HTML5 Forms - New Features
    • HTML5 Media
    • Media API Methods and Events
  • HTML5 JavaScript API
    • Drag and Drop API
    • Messaging API
    • Web Storage API

2. CSS3

  • CSS3 Overview
    • CSS3 New Features
    • CSS3 Browser Support
    • CSS3 Selectors Support
    • CSS3 Properties Support
  • CSS3 Advanced Selectors
    • Attribute Selectors
    • Combinators
    • Pseudo-Class Selectors
    • UI Selectors
  • CSS3 Visual Effects
    • 2D Transformations
    • Transitions
    • Font and Color in CSS3
    • Border and Other Effects

3. Exploring JavaScript

  • JavaScript Basics
    • Identifiers and literals
    • Loop Structures
    • Iteration
    • Conditional Structures
  • JavaScript Functions
    • Functions in JavaScript
    • Invoking Functions
    • Function Constructor
    • Function Scope and Closures
  • JavaScript Objects
    • JavaScript Literals
    • JavaScriptArrays
    • String Objects
    • JavaScript and Regular Expressions
  • JavaScript Classes
    • Classes as Functions or Functions as Classes
    • Prototypes
    • Extending Classes With Prototype
    • Reusable, Flexible Classes
  • JavaScript Event Handling
    • Basic Event Handling
    • Handling HTML Events
    • DOM 2 Event Propagation: Three Phases
    • InnerHTML


Hands-On Learning: As a programming class, this course provides multiple challenges labs for students to work through during the class. This workshop is about 50% hands-on lab and 50% lecture.Throughout the course students will be led through a series of progressively advanced topics, where each topic consists of lecture, group discussion, comprehensive hands-on lab exercises, and lab review. Multiple detailed lab exercises are laced throughout the course, designed to reinforce fundamental skills and concepts learned in the lessons. At the end of each lesson, developers will be tested with a set of review questions to ensure that he/she has fully understands that topic.

Upcoming Classes

Dates Location GTR  
Oct 16-18 (10am-6pm) EDT
Dec 18-20 (10am-6pm) EST
Jan 29-31 (10am-6pm) EST
Mar 25-27 (10am-6pm) EST
May 13-15 (10am-6pm) EST


Whether you need assistance scheduling a class for yourself or for your group, GCA's Education Account Manager's will craft a customized training solution to meet the needs of your organization.