W30 // CAPSTONE: PLAN, SHELL, STYLE
APR 14 · Ch 13 Sec 1-3 · DUE: Capstone shell committed
This week's deckPPTX
// RUN OF SHOW (8:45-10:15)
8:45
Stand-up: last week's deliverable graded, questions answered
9:20
At the keyboard: guided type-along
9:45
Build time: assignment or project work
10:10
Close: commit, push, and preview next week's reading
// THE POINT THIS WEEK
Capstone begins: plan the app before the game. HTML shell. Styling.
// TALKING POINTS
Capstone: the plan
- Battleship in the browser: one state object, logic apart from paint
- Read the whole brief before the first line of code
- This week: page shell and board styling committed
Grids for game boards
- A 10x10 board is CSS Grid plus a loop making 100 cells
- Cell ids encode coordinates; the DOM is your ocean
- Style states with classes: water, ship, hit, miss
// LINKS