Preferred method of contact:

Building Responsive Web Applications with CSS3

COURSE TYPE

Foundation

Course Number

522

Duration

4 Days

PDF Add to WishList

Learn how to build accessible and responsive web applications featuring a rich UI that performs across the widest possible range of internet-capable devices. In this training course, you gain the skills to design WCAG-compliant and responsive content by creating collapsible navigation, content, data tables and forms. You will employ modern, mobile-first design techniques leveraging typography, flexbox, CSS3 functions and pseudo-selectors, and explore CSS integration with modern JavaScript frameworks like Angular and jQuery.

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

Important Course Information

Requirements:

  • HTML experience at the level of:

Software:

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

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 color 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
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

Hassle-Free Enrolment: No advance payment required to reserve your seat.
Tuition due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition — Standard: $3285   Government: $2890

Jan 30 - Feb 2 (4 Days)
9:00 AM - 4:30 PM EST
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Feb 20 - 23 (4 Days)
9:00 AM - 4:30 PM EST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Mar 26 - 29 (4 Days)
9:00 AM - 4:30 PM EDT
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

May 15 - 18 (4 Days)
9:00 AM - 4:30 PM EDT
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Jul 31 - Aug 3 (4 Days)
9:00 AM - 4:30 PM EDT
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Aug 21 - 24 (4 Days)
9:00 AM - 4:30 PM EDT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Sep 25 - 28 (4 Days)
9:00 AM - 4:30 PM EDT
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Oct 30 - Nov 2 (4 Days)
9:00 AM - 4:30 PM EDT
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Guaranteed to Run

Show all dates
Show fewer dates

Private Team Training

Enroling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 1-888-843-8733 or Click here »

Tuition

Standard

Government

In Classroom or
Online

Standard

$3285

Government

$2890

Private Team Training

Contact Us »

Course Tuition Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online at any time after class and receive a Certificate of Achievement with the designation "Awarded with Distinction."

Prev
Next

Training Hours

Standard Course Hours:9:00 am – 4:30 pm


FREE Online Course Exam (if applicable) – Last Day:3:30 pm – 4:30 pm


By successfully completing your FREE online course exam, you will:

  • Earn College Credit Units — Many Learning Tree courses are recommended for College Credits, which are accepted by over 2,000 colleges and universities, and may qualify you to receive Tuition Reimbursement.
  • Receive a Certificate of Achievement with the designation "Awarded with Distinction."

Each Course Day - Informal discussion with instructor about your projects or areas of special interest:4:30 pm – 5:30 pm

“For me, the Learning Tree AnyWare format was a great way to attend a Learning Tree Course from a remote location. I enjoyed it very much.”

- F. Brinadze, Lead Architect
ascwebsolutions.com

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français