Build a website from scratch

Watch on Frontend Masters

Build a website from scratch

for Frontend Masters

author image
Kevin Powell
Embrace the Cascade
course icon
Watch on Frontend Masters

Table of Contents

  1. Welcome

    1. Introduction
    2. Before We Start
    3. What We Will Be Building
    4. It's All About the Journey
    5. Modern CSS

  2. Getting Started

    1. Creating our project
    2. Initiazing the Repo
    3. Getting a Few Things on the Page
    4. CSS Methodology

  3. Setting the Stage

    1. Resetting our CSS
    2. Custom Properties and the Design System
    3. Colors
    4. Typography
    5. Structured Variables
    6. Base Styles
    7. The Homepage Html
    8. Meaningful Links

  4. The big picture

    1. Plan of Attack
    2. Wrappers
    3. Landmark Regions
    4. Utilities
    5. Finding the Balance
    6. The Images

  5. Layouts

    1. Mobile First vs Desktop First
    2. The Header
    3. Creating Columns
    4. Creating Flow

  6. Getting More Specific

    1. The Hero
    2. The Cards
    3. The Buttons
    4. The Footer

  7. Getting Our Site Online

    1. Pushing Our Changes to Github
    2. Netlify

  8. Updating the Navigation

    1. Making a Branch
    2. Updating the Html
    3. Styling the Mobile Navigation
    4. Adding the Functionality
    5. Merging Our Branch
    6. Skipping the Navigation

  9. Wrap Up

    1. One Page Down