• Length:
    4 Weeks
  • Effort:
    2–3 hours per week
  • Price:

    FREE
    Add a Verified Certificate for $99 USD

  • Institution
  • Subject:
  • Level:
    Intermediate
  • Language:
    English
  • Video Transcript:
    English

Prerequisites

  • Basic understanding of HTML
  • A working knowledge of basic CSS implementation
  • Basic understanding of JavaScript programming

About this course

In this computer science course, you will learn how to design, develop and test device-friendly websites using CSS, one of the core technologies used for building web pages. You’ll also learn how to use Flexbox, SVG images, linting and other web developer tools to enhance your web pages.

This course is intended for:

  • Anyone who wants to learn Advanced CSS, any junior-level developers, students, or anyone who already has some HTML, CSS, and JavaScript training or knowledge.
  • People who want to make a living (or side-income) from web page design/development.

What you'll learn

  • Evaluating designs and recognizing the underlying layout
  • Analyzing style guides to build your base CSS
  • Building a semantic HTML and CSS foundation
  • Using media queries to create a responsive grid system
  • Building a base button module and extending it to a button primary
  • Building a mobile header section that includes a logo and navigation
  • Building a mobile hero section and positioning an image as a background
  • Building a media object and including an icon font
  • Transpiling SCSS into CSS and setting up a file structure
  • Building a desktop header section with variables and media query mixins
  • Creating an image frame module and color mask module
  • Using Web developer tools and linting to help you find and fix issues
  • Using Flexbox on the header, logo, and navigation to maximize available space
  • Extending your Grid with Flexbox and reversing a row for medium and large device sizes
  • Using SVG images and how to add them to a page using the new tag

Meet your instructors

Josh Bezdek
Designer and Developer
Drake Boley
Senior UI Engineer
Custommayd
Brent Bonet
Senior Software Developer
Matt Dixon
Owner and Founder
Front Range Systems

Pursue a Verified Certificate to highlight the knowledge and skills you gain $99.00

View a PDF of a sample edX certificate
  • Official and Verified

    Receive an instructor-signed certificate with the institution's logo to verify your achievement and increase your job prospects

  • Easily Shareable

    Add the certificate to your CV or resume, or post it directly on LinkedIn

  • Proven Motivator

    Give yourself an additional incentive to complete the course

  • Support our Mission

    EdX, a non-profit, relies on verified certificates to help fund free education for everyone globally