Date

Sod the comic, we're making an app.

Presentation

• Lots of icons (it's another coded system)
• Principles of Programming
• HTML + CSS + JS (and separation of concerns)

APPtivity

• From comic to app
• From Thimble to CodePen
• Welcome JavaScript!

Carrot

Presentation

• Tell people at the beginning when they're going to have breaks
• Spot the difference(s) game
• Give people a brief: pick one starter between how to..., what is... and what is..., complete the sentence and then make a Web comic about it.

Hacktivity

• Added TO-DO list
• Get people used to id and class through repetition
• Introduce easy CSS properties, such as margin and padding before the tricky position concepts

Beetroot

Hacktivity
Split HTML and CSS: first people learn basic HTML by laying out all the content and structure of the comic, then we introduce CSS and they're free to experiment with both design and content.

Aubergine

Presentation

• What is code?
• Who is a coder?
• How do you learn to code?
• What is the Web and how does it work?
• What is a Web comic and what can you do with it?
• Become Web-literate

Hacktivity

• Make a Web comic on Mozilla Thimble, starting from this template.
• HTML and CSS are introduced side by side
• Participants are encouraged to add their own content as they build the Web comic