Mar 10: Grid Layout, Arrays
Learning Objectives
After today’s class, you should be able to:
- Access GitHub Pro features from within VS Code on your own laptop.
- Describe concepts of CSS grid layout: rows/columns, gaps, lines, etc.
- Use array functions:
forEach(),find(),filter(),map(),reduce().
Lesson Outline
Project [15 min]
- Final Project: Dynamic Application Prototype
- Finalize project team members (and numbers)
- Take the GitHub Survey on Gradescope
CSS [30 min]
- Chapter 7: Slides 16–27
- CSS Grid Layout (demo)
JavaScript [30 min]
- Chapter 10: Slides 1–10
- Mini Lab:
- Open the MDN documentation for Array objects in a new tab.
- Download arrays.html; open the file in VS Code and live server.
- Use array methods and callback functions to solve each exercise.