Advanced CSS Concepts

Advanced CSS Concepts

Archived
Course
en
English
8 h
This content is rated 0 out of 5

You can't access an archived course

Conditions
  • Self-paced
  • Free Access
  • Fee-based Certificate
More info
  • 4 Sequences
  • Intermediate Level

You can't access an archived course

Their employees are learning daily with Edflex

  • Safran
  • Air France
  • TotalEnergies
  • Generali
Learn more

Course details

Syllabus

  • 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

Prerequisite

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

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

Editor

Microsoft Corporation is an American multinational technology company headquartered in Redmond, Washington, that develops, manufactures, licenses, supports and sells computer software, consumer electronics and personal computers and services. Its best known software products are the Microsoft Windows line of operating systems, Microsoft Office office suite, and Internet Explorer web browser.

Platform

Harvard University, the Massachusetts Institute of Technology, and the University of California, Berkeley, are just some of the schools that you have at your fingertips with EdX. Through massive open online courses (MOOCs) from the world's best universities, you can develop your knowledge in literature, math, history, food and nutrition, and more. These online classes are taught by highly-regarded experts in the field. If you take a class on computer science through Harvard, you may be taught by David J. Malan, a senior lecturer on computer science at Harvard University for the School of Engineering and Applied Sciences. But there's not just one professor - you have access to the entire teaching staff, allowing you to receive feedback on assignments straight from the experts. Pursue a Verified Certificate to document your achievements and use your coursework for job and school applications, promotions, and more. EdX also works with top universities to conduct research, allowing them to learn more about learning. Using their findings, edX is able to provide students with the best and most effective courses, constantly enhancing the student experience.

This content is rated 4.5 out of 5
(no review)
This content is rated 4.5 out of 5
(no review)
Complete this resource to write a review