4-2File paths, images, fonts
Sep 16
📌 Complete before class
- 📌Unbranding
- 📚 Module 3.2 File Paths, Images, and Pseudo-Classes (99-111)
- 📚 Module 3.3 Web Fonts & JavaScript Events (112-117)
Warm Up
Section titled “Warm Up”Group — Relative Path Puzzle Given a folder structure diagram on the screen, pairs compete to write 5 correct relative file paths from different starting points. Pairs who finish first write the hardest possible path and challenge others.
Reflect (2 sentences): What is one thing about file paths or version control that was confusing at first but now makes sense? Post to Slack.
Image hover states demo
Section titled “Image hover states demo”- Pseudo classes
- Javascript listeners
Continue coding your projects
Related
Section titled “Related”HTML & CSS for Absolute Beginners: Images (12:35)
📌 Homework
- ❓Quiz 04 - JS-1
- Class held in Baxter-Davidson Room (Chambers)
- Codecademy: CSS 4-1 Display and Positioning (12)
- Codecademy: JS 1-2 Variables (6)