CSS3 Responsive Web Design Training

Level: Foundation
Rating: 4.8/5 4.77/5 Based on 79 Reviews

Attend this CSS3 Responsive Web Design course & learn how to build accessible and responsive web applications featuring a rich UI that adapts to the widest possible range of internet-capable devices. You will gain the design skills to create collapsible navigation, liquid layout content, accessible data tables and forms, all while adhering to WCAG level A, AA and AAA checkpoints. You will employ modern, mobile-first design techniques leveraging typography, flexbox, CSS3 functions and pseudo-selectors/elements, and explore CSS integration with modern JavaScript frameworks like Angular and jQuery.

Key Features of this CSS Training

  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included
  • After-course computing sandbox included

You Will Learn How To

  • Design Accessible Web Sites using industry standard Accessibility Guidelines
  • Create Responsive Layouts that adapt to any device size or operating system
  • Leverage Web Typography and modern, responsive units of measure
  • Capture user input with responsive and accessible forms and data tables
  • Implement SASS via Ruby CLI and create a Bootstrap 4 design template
  • Manage CSS within popular MVC and DOM frameworks like Angular and jQuery

Choose the Training Solution That Best Fits Your Individual Needs or Organizational Goals


In Class & Live, Online Training

  • 4-day instructor-led training course
  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included
View Course Details & Schedule

Standard $3285 CAD

Government $2890 CAD




Team Training

  • Bring this or any training to your organization
  • Full - scale program development
  • Delivered when, where, and how you want it
  • Blended learning models
  • Tailored content
  • Expert team coaching

Customize Your Team Training Experience


Save More On Training with FlexVouchers – A Unique Training Savings Account

Our FlexVouchers help you lock in your training budgets without having to commit to a traditional 1 voucher = 1 course classroom-only attendance. FlexVouchers expand your purchasing power to modern blended solutions and services that are completely customizable. For details, please call 888-843-8733 or chat live.

In Class & Live, Online Training

Time Zone Legend:
Eastern Time Zone Central Time Zone
Mountain Time Zone Pacific Time Zone

Note: This course runs for 4 Days

  • Jul 6 - 9 9:00 AM - 4:30 PM EDT New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

  • Oct 5 - 8 9:00 AM - 4:30 PM EDT Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

  • Jan 4 - 7 9:00 AM - 4:30 PM EST New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time — will run. Guaranteed.

CSS Course Information

  • Requirements

    • HTML experience
  • Software

    • All versions of CSS are covered in this course with careful attention to CSS3

CSS Course Outline

  • Introduction to Cascading Style Sheets

    • Formalize relationship between HTML, JavaScript and CSS
    • Define Modern Browser and Web Accessibility
    • Develop reusable classes
    • Leverage the CSS Inheritance Model
    • Optimize your code with Embedded and External CSS
    • Update your browser with development assets
  • Styling the CSS Box Model

    • Style HTML container box properties
    • Leverage differences between block and inline elements
    • Manipulate colour and transparency
    • Develop global and consistent style resets
  • Selecting DOM Elements and Attributes

    • Target DOM elements and attributes for style
    • Make selections based on DOM hierarchy
    • Select based on DOM element behavior
    • Chain selections and apply CSS functions
  • Positioning with Accuracy and Consistency

    • Manipulate static, absolute, relative and fixed position rules
    • Float and clear floated containers
    • Apply flexible box model techniques
    • Explore CSS columns and grids
  • Web Typography

    • Distinguish font from typeface and apply font properties
    • Apply text, letter and line properties
    • Employ web fonts
  • Accessible and Responsive Forms and Data Tables

    • Explore regional interpretations of Accessibility
    • Create accessible and responsive forms based on WCAG
    • Leverage and extend HTML5 for validation
    • Build accessible and responsive data tables based on WCAG
  • Templating with SASS, LESS and Bootstrap

    • Qualify strengths of CSS preprocessing frameworks
    • Install Ruby and SASS on Windows and create a SCSS document
    • Compile SCSS to CSS and investigate alternative pre-processing tools
    • Leverage Bootstrap 4 CSS library
  • Styling DOM and MVC JS Frameworks

    • Animate DOM content with pure CSS
    • Add menu toggles with JavaScript
    • Manage CSS selector syntax with jQuery and Angular
    • Implement responsive and infinite scrolling

Team Training

CSS Training FAQs

  • What is CSS3?

    CSS3 is the newest version of the Cascading Style Sheets (CSS) language, which increases the functionality, versatility, and performance of site content.

  • Is this course applicable to other versions of CSS?

    All versions of CSS are covered in this course with careful attention to CSS3.

  • Can I learn responsive web design with CSS3 online?

    Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.

Questions about which training is right for you?

call 888-843-8733
chat Live Chat

Why do we require your location?

It allows us to direct your request to the appropriate Customer Care team.

100% Satisfaction Guaranteed

Your Training Comes with a 100% Satisfaction Guarantee!*

*Partner-delivered courses may have different terms that apply. Ask for details.

New York / Online (AnyWare)
Herndon, VA / Online (AnyWare)
New York / Online (AnyWare)
Why do we require your location?

It allows us to direct your request to the appropriate Customer Care team.

Preferred method of contact:
Chat Now

Please Choose a Language

Canada - English

Canada - Français