Welcome to ONLC Training Centers

MPP On-Demand: Advanced CSS Concepts Course Outline

 (2 days)

*** Note: This is an On-Demand Self Study Class ***
You can take this class at any time; there are no set dates. It features hands-on labs so you can practice new skills at your workstation. Other parts of the course include video lectures that you can view on-the-go from your phone or tablet. In all cases, customers must call us directly to register this class at 800-288-8221.

MPP On-Demand Series
This course is part of the Microsoft Professional Program Series, MPP: Front-End Web Development Track. It can be taken individually or as part of the 12-course series, plus a capstone project. You will need to purchase a validated certificate to get credit for this class as part of the MPP. Request the certificate at time of registration.

On-Demand Learner Profiles
MPP On-Demand is a self-study training solution that was designed for two types of learners. First, MPP On-Demand is a great fit for experienced IT professionals who don't need traditional 5-day classes to upgrade their existing skills. They can pick and choose topics to make the most effective use of their time. Second, MPP On-Demand is perfect for highly-motivated individuals who are new to a technology and need to space their learning over a period of weeks or months. These learners can take their time and repeat sections as needed until they master the new concepts.

Verified Certificate Included!
If you plan to use your course for job applications, promotions, or school applications, an MPP certificate will help you get recognized. The certificate is verifiable and is included in all MPP purchases. Itís also a great way to give yourself an incentive to complete the course and celebrate your success. For more information regarding Verified Certificates, go to
MPP Verified Certificates

Gain a solid foundation in developing and testing device-friendly websites using the power of CSS.

This Microsoft authorized class is an online elearning course that should take between 8 to 12 hours of effort, depending on your background.

Course Outline

Responsive Layout Using Media Queries
Resource Content: Building a Responsive Layout
Module Labs: Overview and Required Configuration Steps
Tutorial Lab: Planning and Designing a Layout
Tutorial Lab: Building a Semantic HTML and CSS Foundation
Tutorial Lab: Analyzing Style Guides to Build Your Base CSS
Tutorial Lab: Using Media Queries to Create a Responsive Grid System
Self-Assessment Lab: Build a Fluid Layout from a Wireframe

CSS Modules and High Fidelity Designs
Resource Content: Building the Base and CSS Modules
Module Labs: Overview and Required Configuration Steps
Tutorial Lab: Build the Base Button Module
Tutorial Lab: Build the Mobile Header, Logo, and Navigation
Tutorial Lab: Build the Hero Section and Background Image
Tutorial Lab: Build a Media Object that Includes an Icon Font
Self-Assessment Lab: Enhancing Your CSS Modules

Sass/Less and Preprocessing
Resource Content: CSS Preprocessing Tools
Module Labs: Overview and Required Configuration Steps
Tutorial Lab: Getting Started Transpiling SCSS into CSS
Tutorial Lab: Build Desktop Header Section with Variables and Media Query Mixins
Tutorial Lab: Create the Circle Image Frame Module and Color Mask Module
Self-Assessment Lab: Updating Your CSS with Sass

Web App Testing and Support for Browsers and Devices
Resource Content: Tools for Testing and Supporting Web Apps
Module Labs: Overview and Required Configuration Steps
Tutorial Lab: Finding and Fixing Issues in Web Pages
Tutorial Lab: Using Flexbox to Maximize Available Space
Tutorial Lab: Extending Grid Styles with Flexbox
Tutorial Lab: Adding SVG Images Using the Tag
Self-Assessment Lab: Flexbox and SVG Images

View outline in Word


Attend hands-on, instructor-led MPP On-Demand: Advanced CSS Concepts training classes at ONLC's more than 300 locations. Not near one of our locations? Attend these same live classes from your home/office PC via our Remote Classroom Instruction (RCI) technology.

For additional training options, check out our list of Courses and select the one that's right for you.

Microsoft Gold Partner
Need a price quote?

Follow the link to our self-service price quote form to generate an email with a price quote.

Attend computer classes from ONLC Training Centers Request a copy via mail


Class Format
Class Policies
Student Reviews

Bookmark and Share

First Name

Last Name