An example meetup description for this workshop is here.
Create the doc to share with students, like this one.
Make (4*num_students/2) printouts of Pairing Time doc.
Make num_students printouts of HTML/CSS documentation.
Make num_students printouts of Welcome doc.
Collect other supplies: extra headphones, extra laptops, red/green colored cups. (Students put red cup on top when they need help.)
Invite students and TAs to the Slack workshops channel.
Try out the Khan Academy webpage environment, one of the HTML challenges (like Apples and Bananas) and an HTML project (like Travel Webpage).
|
11:15 |
Setup tables, name tags |
|
11:30 |
Students start arriving, eating lunch, setting up their laptops |
|
12:00 |
Start round of introductions, with an intro quick question |
|
12:15 |
Sponsor welcome Present “What is GDI?” Logistics: Bathroom, WIFI |
|
12:25 |
Introduce yourself to the person next to you, with an intro question |
|
12:30 |
|
|
12:40 |
Watch HTML basics talk-through together
|
|
12:50 |
|
|
12:55 |
Add our GDI KA chapter account as a coach Point out where TAs are Remind about chat room |
|
1:00 |
Start self-paced learning |
|
2:50 |
|
|
2:50 |
|
|
3:45 |
Project show & tell |
|
3:55 |
Re-start self-paced learning |
|
5:10 |
|
|
5:20 |
|
|
5:55 |
Project show & tell |
|
6:15 |
Go home! |
|
11:20 |
Setup tables, name tags |
|
11:30 |
Students start arriving, eating lunch, setting up |
|
12:10 |
Demo: Google Fonts Demo: Dev Tools Use FF and Chrome Dev Tools to inspect people’s favorite websites Show common CSS errors (missing semi-colon) |
|
12:20 |
Start self-paced learning |
|
2:15 |
Discussion: Blogs Who has a blog? What blogs do you like? |
|
2:20 |
(Pair advanced students with less advanced) |
|
3:15 |
Project show & Tell |
|
3:30 |
Demo: Blogging engines |
|
3:35 |
Self-paced starts again |
|
5:15 |
Demo: UI prototyping tools (Balsamiq, Invision, etc) |
|
5:20 |
|
|
6:00 |
Present a TLDR of web hosting providers and domains |
|
6:10 |
Next steps |