Pre-programming, co-coding

A small activity to help break problems down into English steps and describe each thing that’s happening in a interaction.

Go fullscreen: ⌃⌥F

Pre-programming,
co-coding

What & why

Writing out coding problems in basic English before code helps put our brains in the right mindset.

We then have a readable roadmap of what code needs to be written and where to write it.

Writing code and program flow in English is the first step to writing actual code.

Set up

  1. Form into pairs
  2. Download the HTML & CSS code snippets
  3. You’ll be shown a JavaScript interaction
  4. Write out the code you’d need—in English

Toggle nav

1

Carousel, with single buttons

2

Data filter

3

To-do list

4

Carousel, with next/previous buttons

5
Start

Pre-programming, co-coding

A small activity to help break problems down into English steps and describe each thing that’s happening in a interaction.