Day 1
The basics of HTML and CSS
Goals
- Become familiar with VS Code and some useful extensions
- Develop an understanding of proper semantic markup
- Develop an understanding of CSS Selectors and when to use each
- Become familiar with your browser developer tools in order to fine tune your front end code
Schedule
| Time | Activity |
|---|---|
| 9:00am | Checkin |
| 9:15am | Q & A |
| 9:30am | Setting up a front end environment in VS Code |
| 10:00am | Intro to HTML |
| 11:00am | Intro to CSS |
| 12:00pm | Lunch |
| 1:00pm | Career Services |
| 2:30pm | CSS Grid and Flexbox |
| 3:30pm | Afternoon activity |
Materials
Day 2
The basics of HTML and CSS
Goals
- Become familiar with VS Code and some useful extensions
- Develop an understanding of proper semantic markup
- Develop an understanding of CSS Selectors and when to use each
- Become familiar with your browser developer tools in order to fine tune your front end code
Schedule
| Time | Activity |
|---|---|
| 9:00am | Checkin |
| 9:15am | Q & A |
| 9:30am | Setting up a front end environment in VS Code |
| 10:00am | Breakout session: GitHub Pages |
| 11:00am | Moar HTML and CSS |
| 12:00pm | Lunch |
| 1:00pm | CSS Grid , Flexbox and Media Queries |
| 2:30pm | Breakout session: Template/Landing page creation |