Web Essentials: Introduction to HTML5, CSS3 and Responsive Design (TT4605)


Web Essentials: Introduction to HTML5, CSS3 and Responsive Design (TT4605)

In this course, you will learn how to use the latest web technologies and responsive design practices that are central to targeting the entire spectrum of user platforms and browsers. This course provides you with an in-depth introduction to and exploration of a variety of key cutting-edge technologies being used in modern web design. Working in a highly engaging hands-on format, you will learn the foundational technologies and skills needed necessary to design highly interactive, feature-rich and user-friendly websites and webpages. Topics and skills covered in this course are fast-changing and on the cutting edge of web development.

  • Use the full range of HTML5 semantic and structural elements
  • Work with technologies such as web storage, application caching, and cross-domain messaging to improve performance and the user experience
  • Which features that CSS3 supports and how they can be effectively used with HTML5 and other technologies
  • Adapt to varying degrees of browser support for HTML5 and CSS3
  • Responsive web design (RWD) for effectively adapting to varying screen sizes and delivery channels

Experienced developers who need to extend their knowledge of web design and development or reinforce sound HTML and CSS coding practices


1. Introduction to HTML5

  • Essential HTML5
    • HTML5: Status and Support
    • Semantic Structure and Tags
    • Forms, Input Types, and Data Qualification
    • Handling Complex Media Options
    • Working with Legacy Browsers
  • HTML5 JavaScript API
    • Cross-Domain Messaging
    • Working with Web Storage
    • Offline with Application Cache
    • Geolocation: What, Why, and How

2. Introduction to CSS3

  • CSS3 Overview
    • CSS3: Status and Support
    • CSS3 Features
    • Reasons to Use CSS3
  • CSS3 Advanced Selectors
    • Selecting Using Attributes
    • Selecting Using DOM Structure
    • Complex Selecting using Pseudo-Classes
    • Selecting Using UI Components and State
  • CSS3 Visual Effects
    • Font Options, Opacity, and Color
    • Distributing Content Across Columns
    • Working with Borders and Boxes
    • Working with Vendor Prefixes
    • Functional Techniques

3. Advanced Topics

  • Responsive Web Design (RWD)
    • Adapting to Varying Screen Sizes
    • Scaling Page and Text Content
    • Scaling and Adapting for Media
    • Options for Adjusting Media

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 30-31 (10am-6pm) EST
Dec 11-12 (10am-6pm) EST Guaranteed to Run
Jan 29-30 (10am-6pm) EST
Mar 25-26 (10am-6pm) EST
May 13-14 (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.