This presentation is intended for absolute beginners. The ultimate goal is for the audience to come away with:
- basic understanding of what Javascript is and why it's important
- how data is stored in JS (vars, strings, Arrays, etc.)
- basics of Loops, Conditionals, and Functions
- how to use jQuery to make an interactive webpage
The workshop should take about 2 hours in total:
15 mins - Intros and Icebreaker
15 mins - Part 1: Overview of Why JS matters, examples, and tools we're using
15 minutes - Part 2: Coding basics walkthrough
20 minutes - Breakout to code in pairs and general break
15 mins - Part 2: Loops, functions, conditionals
15 mins - Part 3: jQuery and interactive web page
20 minutes - Breakout on jQuery in pairs
5 mins - Outro and feedback
- Everyone cirles up
- First person has a ball, says their name then tosses the ball to someone else. That person then says thank you "name", then say their name and repeat until everyone has said their name and touched the ball.
- redo in same order
- redo without thank you and just names
- redo with no names and cut time in half
- redo cut time in half again and aim to get under 6 seconds for group of 20
-
When presenting, press 's' on the keyboard to show speaker notes (for questions, asides, etc).
-
Make sure to show how to use each tool when going over the tool section (especially the console).
-
Get to the breakouts as fast as possible, and constantly bring up the console and sublime to showcase concepts. Students learn best when they're the ones typing or seeing live coding, and not just listening to us lecture.
-
add ?print-pdf to print slides to PDF. (e.g. index.html?print-pdf#/)