Schedule A One-on-One With An Instructor
Day 1
Topics
- Career Services
- Intro to HTML
- Semantic HTML
Activities
- Workshop - Career Services
- Workshop - HTML
- Exercise - Semantic HTML
- Weekly Graded Exercise - Personal Professional Portfolio
References
- HTML - Workshop Slides
- Mozilla Developer Network HTML Tutorials
- W3 Schools HTML Tutorials
- Semantic HTML
- Semantic HTML Flowchart
Evening Reading - Articles
| Topic |
|---|
| Semantic HTML |
Workshop Videos - PENDING
Day 2 - Pending
Topics
- Intro to CSS
Activities
- Workshop - Cascading Style Sheets and You, Part 1- Style
- Exercise - Intro to CSS Exercise
- Workshop - Cascading Style Sheets and You, Part 2- Layout
References
- Workshop Slides - CSS Styling
- Workshop Slides - CSS Layout
- MDN CSS Tutorials/Reference
- W3 Schools CSS Tutorials/Reference
- Coolors - Color Scheme Generator
- Adobe Color Wheel
- Google Fonts
- Bring it all together at Codepen.io
Workshop Videos - PENDING
- Workshop - Cascading Style Sheets and You- Styling Part 1
- Workshop - Cascading Style Sheets and You- Styling Part 2
- Workshop - Cascading Style Sheets and You- Layout
Day 3
Topics
- Media Queries
- Feature Queries
- CSS Flexbox
Activities
- Workshop - Progressive Enhancement
- Workship - CSS Flexbox
- Exercise - Flexbox Practice
References
- Workshop Slides - Progressive Enhancement
- Workshop Slides - CSS Flexbox
- MDN Using Media Queries
- W3 Schools Media Queries Documentation
- A Visual Reference for CSS Flexbox
Evening Practice
| Topic |
|---|
| CSS Flexbox Zombies |
| - OR - |
| The Ultimate Guide to Flexbox - Learning Through Examples |
Workshop Videos - PENDING
- Review Workshop - File System and Semantic HTML & Media Queries
- Workshop - Progressive Enhancement, Media Queries
- Workshop - CSS Flexbox Part 1
- Workshop - CSS Flexbox Part 2
Day 4
Topics
- CSS Grid
Activities
- Workshop - CSS Grid
- Exercise - Static Grid Exercise
- Workshop - CSS Flexible Grids
- Exercise - Flexible Grid Exercise
References
Evening Practice
| Topic |
|---|
| CSS Grid Garden |
| - OR - |
| MDN Playground CSS Grid |