MPP On-Demand: Advanced CSS Concepts Course Outline
Special Note to New Hampshire ResidentsThis course has not yet been approved by the New Hampshire Department of Education. Please contact us for an update on when the class will be available in New Hampshire.
*** 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.
Overview
Gain a solid foundation in developing and testing device-friendly websites using the power of CSS.
Duration
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
DEV218x
View outline in Word
EV218X