Table of Content [WIP]

  1. What is a Front End Engineer?
    1. Why should I care?
    2. A little bit of history of the web
  2. User Interface Design
  3. Getting the basics done
    1. HTML
    2. CSS
    3. JavaScript
    4. Project 1 – Personal portfolio site
  4. Diving into HTML
    1. Basics refresher
    2. HTML Head
      1. Embedding CSS
      2. Embedding JS
      3. Embedding Fonts
      4. What else can be done with the Head
    3. Project 2 – Portfolio update with custom fonts
  5. Diving into CSS
    1. Basics refresher
    2. CSS Box model
    3. CSS Flexbox
    4. CSS Grid
    5. Project 3 – Portfolio update with newer layout
  6. Diving into JS
    1. Basics refresher
    2. What is a DOM
    3. Selecting nodes on the DOM
    4. Project 4 – Updating portfolio background based on time of day
  7. Diving into SVG
  8. User Interface Basics
  9. User Experience