Overview

In front-end web development, there are three key technologies that drive web pages. These are HTML, JavaScript and CSS. HTML controls the heart of the information to be expressed. CSS frames how that HTML is rendered on the page and JavaScript controls the logic of the page. In this course you will learn how to work with Cascading Style Sheets (CSS). You’ll learn how to control the layout and style of a web page with CSS.

Taught by front-end web developer and instructor Kevia Cloud, you’ll quickly be ready to get your hands dirty with this essential aspect of web development.

Course Instructor: Kevia Cloud

Course Outline

01. Environment setup

  • Terminal
  • Homebrew
  • Node
  • Npm
  • Parcel.js
  • HTML from previous project – demonstrate how to copy over the code

02. What is CSS?

  • Style sheet language to describe the presentation of a web page. Currently the standard is CSS3.
  • Cornerstone technology in web development. HTML = Structure, JavaScript = Behavior, interactivity, CSS = presentation
  • Demonstration of what CSS can do without getting too deep into code.

03. Part I

  • Style rules
  • How to add CSS
  • Inheritance of styles (aka Cascading)
  • Units: https://www.w3schools.com/cssref/css_units.asp

04. Part II

  • ID selectors
  • Class selectors
  • Descendent selectors
  • Grouping selectors
  • Specificity

05. Part III

  • The Box Model
  • Text formatting
  • Background images

06. Part IV

  • Code along lets style the example profile page from the HTML lesson.

Skills Learned

After completing this online training course, students will be able to:

  • Style rules
  • How to add CSS
  • Class and ID selectors
  • Descendent and Grouping selectors
  • Background images