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