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