Home
Courses
CSS3 Responsive Web Design Training

CSS3 Responsive Web Design Training

Course 522

Duration: 4 days
Labs: Yes
Language: English
17 NASBA CPE Credits (live, in-class training only)
Level: Foundation

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.

Responsive Web Design Training Delivery Methods

In-Person
Online

Responsive Web Design Training Information

In this CSS training, 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.

Prerequisites

HTML Experience

Responsive Web Design Training Outline

Module 1: 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

Module 2: Styling the CSS Box Model

Style HTML container box properties
Leverage differences between block and inline elements
Manipulate color and transparency
Develop global and consistent style resets

Module 3: 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

Module 4: 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

Module 5: Web Typography

Distinguish font from typeface and apply font properties
Apply text, letter and line properties
Employ web fonts

Module 6: 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

Module 7: 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

Module 8: 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

Get This Course $3,140

4-day instructor-led training course
After-course instructor coaching benefit
After-course computing sandbox included
Learning Tree end-of-course exam included

#522

Jul 8 - 11 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Sep 2 - 5 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Nov 4 - 7 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual
Feb 10 - 13 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual

4-day instructor-led training course
After-course instructor coaching benefit
After-course computing sandbox included
Learning Tree end-of-course exam included

#522

Jul 8 - 11 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Sep 2 - 5 9:00 AM - 4:30 PM EDT

Herndon, VA or Virtual
Nov 4 - 7 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual
Feb 10 - 13 9:00 AM - 4:30 PM EST

Herndon, VA or Virtual

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

#522

Questions about this course?

Customize Your Team Training Experience

Fill out the form below or call 888-843-8733

* Required Fields

Preferred method of contact:

Phone

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

Responsive Web Design Training FAQs

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

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

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.

CSS3 Responsive Web Design Training

Responsive Web Design Training Delivery Methods

Responsive Web Design Training Information

Responsive Web Design Training Outline

Module 1: Introduction to Cascading Style Sheets

Module 2: Styling the CSS Box Model

Module 3: Selecting DOM Elements and Attributes

Module 4: Positioning with Accuracy and Consistency

Module 5: Web Typography

Module 6: Accessible and Responsive Forms and Data Tables

Module 7: Templating with SASS, LESS and Bootstrap

Module 8: Styling DOM and MVC JS Frameworks

Responsive Web Design Training FAQs

What is CSS3?

Is this course applicable to other versions of CSS?

Can I learn responsive web design with CSS3 online?

Related Courses