Is your salary on par with others in your field? Learn more in Skillsoft's 2024 IT Skills and Salary Report. Click Here.

Checkout

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:

    $

Contact Sales

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

Design Flexible, Rich Web Applications using HTML5, CSS3 and Responsive Design

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.

GK# 2236 Vendor# TT4605
Vendor Credits:
No matching courses available.
Start learning as soon as today! Click Add To Cart to continue shopping or Buy Now to check out immediately.
Access Period:
Scheduling a custom training event for your team is fast and easy! Click here to get started.

Who Should Attend?

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

What You'll Learn

  • 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

Course Outline

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

Labs Outline

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.

Follow-On Courses