Course curriculum

  • 1

    Welcome To The Course! Let's Get Started.

    • Before you begin, watch this!
    • Code & Design Download
    • Setup Guide - Windows
    • Setup Guide - Linux
    • Setup Guide - Mac
  • 2

    What We'll Build & Installing Dependencies

    • What You'll Be Building
    • Basic HTML Structure & Installing Dependencies
  • 3

    Hero Unit: Introduction to Document Structure & CSS

    • Defining Document Structure for the Hero Unit
    • What are CSS Classes?
    • Styling the Hero Unit with SCSS
    • How to Keep SCSS Files Clean & Tidy
    • Making the Hero Unit Fully Responsive with Media Queries
  • 4

    Build The "My Portfolio" Section

    • Defining Document Structure for My Portfolio
    • Styling the My Portfolio Section
  • 5

    Build The "Who Am I" Section

    • Defining Document Structure for Who Am I
    • Styling the Who Am I Section
  • 6

    Build the Contact Form and the Footer

    • Defining the Document Structure for the Contact Form and Footer
    • Remember to Commit Your Code! (Unlike me...)
    • Styling the Contact Form and Footer
    • Fake Checkboxes with CSS Pseudo Selectors, Transitions and Positioning
  • 7

    Build the Skillset Modal

    • Installing Missing Libraries
    • How to Use Bootstrap Modals
    • Defining the Document Structure for the Skillset Modal
    • Styling the Skillset Modal
  • 8

    Introduction to JavaScript & jQuery: Making our page interactive

    • Using JavaScript & jQuery to Make Our Button Scroll the Page
    • Connect the Contact Form to Your Email
  • 9

    Going Live - Putting Your New Portfolio Out To The World!

    • How to put a Repository Live on GitHub.io