-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·700 lines (618 loc) · 33.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Girl Develop It ~ Teacher Training</title>
<meta name="description" content="This is a teacher training, an opportunity to share information about Girl Develop It with new teachers, as well as an opportunity to improve our public speaking skills through several exercises. Original curriculum developed by Laura Eagin for the Detroit chapter of GDI">
<meta name="author" content="Girl Develop It">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/gdiaa.css" id="theme">
<link rel="stylesheet" href="lib/css/light.css">
<link rel="stylesheet" href="css/print/pdf.css" media="print">
<script src="lib/js/head.min.js"></script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<!-- INTRO -->
<section>
<!-- Title -->
<section>
<img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
<div class="box--small">
<h3><span class="blue">Teacher Training</span></h3>
<p class="copy--xsmall">Julie Cameron | @jewlofthelotus | @gdiannarbor | #gdia2</p>
</div>
</section>
<!-- The Plan -->
<section>
<h3>The Plan.</h3>
<ul class="list--tall box--small">
<li>We'll talk about <span class="green">GDI Ann Arbor</span></li>
<li>We'll practice <span class="blue">public speaking</span></li>
<li>We'll talk <span class="yellow">next steps and tips</span><br/>for teaching with us</li>
</ul>
<p class="copy--small"><strong>Grab some snacks!</strong></p>
</section>
<!-- Why are we here? -->
<section>
<h3>Why are we here?</h3>
<ul class="box--small list--tall">
<li>To ask & answer questions</li>
<li>To learn and share some teaching tips</li>
<li>To improve our public speaking skills</li>
<li>To give and receive feedback</li>
<li>To become more self-aware</li>
<li>Build our awesome community!</li>
</ul>
</section>
</section>
<!-- ABOUT GDI -->
<section>
<section>
<img src="images/gdi-logo.png" class="img--bare" height="450px" />
<div class="box--small">
<h3 class="blue">About Girl Develop It</h3>
</div>
</section>
<!-- What is GDI? -->
<section>
<h3>What is Girl Develop It?</h3>
<p class="box copy--small"><strong>Girl Develop It</strong> is here to empower and assist women<br/>interested in getting into and advancing in the tech industry<br/>through affordable and accessible programs.</p>
<!-- <p>Girl Develop It is here to provide affordable and accessible programs to learn software through mentorship and hands-on instruction.</p> -->
<ul class="list--tall copy--small">
<li class="fragment">Started in 2010 in New York City</li>
<li class="fragment">Now in > 45 cities</li>
<li class="fragment">> 29,000 members nationwide</li>
<li class="fragment">> 1,000 members educated each month</li>
</ul>
</section>
<!-- GDI Brand -->
<section>
<h3>Our GDI Brand</h3>
<div class="box">
<img src="images/gdi-logo.png" width="200" style="border: none; box-shadow: none;"/>
<ul class="list--tall copy--small">
<li class="fragment">Friendly & Approachable</li>
<li class="fragment">Consistent & Trusted</li>
<li class="fragment">Maintaining a judgement-free zone</li>
<li class="fragment">Generous with our time & knowledge</li>
<li class="fragment">Helping connect people</li>
</ul>
</div>
</section>
<!-- About GDI -->
<section>
<img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
<div class="box--small">
<h3 class="blue">About GDI Ann Arbor</h3>
</div>
</section>
<!-- About GDI AA -->
<section>
<h3>About GDI Ann Arbor</h3>
<div class="box left" style="width: 40%">
<ul class="copy--xsmall list--xtall box--small">
<li class="fragment">Launched in <strong>June 2014</strong></li>
<li class="fragment"><strong>> 600</strong> members as of 1/1/15</li>
<li class="fragment">Aiming for <strong>5 events / month</strong> in 2015</li>
<li class="fragment">Events organized across <strong>4 tracks</strong></li>
<li class="fragment">Workshops, Presentations, Panels, Code & Coffee, Parties</li>
</ul>
</div>
<div class="box right" style="width: 58%">
<img src="images/launch.jpg" style="border: none; box-shadow: none;"/>
</div>
</section>
<!-- A2 Leadership -->
<section>
<h3>Leadership</h3>
<p class="copy--small box--small">Julie Cameron</p>
<p class="copy--small box--small">Ronda Bergman</p>
<div class="box">
<h4 class="blue">Volunteers</h4>
<p class="copy--small box--small">Marisa Nicole Ring</p>
<p class="copy--small box--small">Kristi Smythe</p>
</div>
<p class="green copy--xsmall">We Hangout twice a month to plan out our calendar, provide event status updates,<br/>evaluate partnerships & opportunities, and make sure we're sticking to the GDI mission.</p>
</section>
<!-- Event Types -->
<section>
<h3>Event Types</h3>
<ul class="copy--xsmall box--small">
<li class="fragment">
<strong>Workshops</strong>
<ul>
<li>2, 3, 4, 6, 8+ hours</li>
<li>Weeknights Mon-Thurs; Weekends</li>
<li>6p-9p; 10a-3p</li>
<li>Paid, if 3+ hours.</li>
</ul>
</li>
<li class="fragment box--small">
<strong>Presentations</strong>
<ul>
<li>45-90 minutes</li>
<li>Weeknights Mon-Thurs</li>
<li>6:30p-8:30p</li>
<li>Free</li>
</ul>
</li>
<li class="fragment">
<strong>Panels</strong>
<ul>
<li>60-90 minutes</li>
<li>Weeknights Mon-Thurs</li>
<li>6:30p-8:30p</li>
<li>Free</li>
</ul>
</ul>
</section>
<!-- Event Structure -->
<section>
<h3>Event Structure</h3>
<ol class="copy--xsmall list--tall box--small">
<li class="fragment"><span class="blue">Organizer</span> and <span class="green">Facilitators</span> arrive early</li>
<li class="fragment"><span class="blue">Organizer</span> handles food / logistical Q's</li>
<li class="fragment"><span class="green">Facilitators</span> help set up chairs, tables, refreshments</li>
<li class="fragment"><span class="yellow">Instructor</span> arrives, <span class="blue">Organizer</span> assists with set up</li>
<li class="fragment"><span class="green">Facilitators</span> (<em>et al</em>) greet students, help <span class="pink">TAs</span> get set up</li>
<li class="fragment"><span class="red">Leader</span> / <span class="blue">Organizer</span> gives intro spiel</li>
<li class="fragment"><span class="yellow">Instructor</span> includes a break every two hours</li>
<li class="fragment"><span class="yellow">Instructor</span> wraps up on time, or a bit early to allow for questions.</li>
<li class="fragment"><span class="blue">Organizer</span> leads clean up with <span class="green">Facilitators</span> and is last to leave</li>
</ol>
<p class="copy--small"><small>* An individual may have more than one role.</small></p>
</section>
<!-- Paid Workshops -->
<section>
<h3>Paid Workshops</h3>
<ul class="list--xtall box--small copy--small">
<li>Girl Develop It is proud to generously compensate its leaders and instructors for all of the time, expertise, and thoughtful planning that goes into prepping for classes and maintaining community outreach.</li>
<li class="copy--small">Some leaders and instructors use this as <strong>bonus income</strong></li>
<li class="copy--small">Some leaders and instructors <strong>donate their portion back</strong> to the chapter</li>
</ul>
</section>
<!-- Income Distribution -->
<section>
<h3>Where Do Workshop Fees Go?</h3>
<ul class="list--tall copy--small box">
<li>50% of class fees go to instructor, paid once a month via check</li>
<li>25% goes to the chapter leaders</li>
<li>15% goes to Girl Develop It HQ, which supports all chapters</li>
<li>10% goes back into to our chapter fund</li>
</ul>
<p class="copy--xsmall">You will receive a 1099 form to fill out so that GDI can pay you,<br/>and you'll be responsible for paying taxes on this income.</p>
</section>
</section>
<!-- PUBLIC SPEAKING -->
<section>
<section>
<h3>Fun with Public Speaking</h3>
</section>
<section>
<h4><span class="blue">Qualities of a good speaker?</span></h4>
</section>
<!-- Exercise 1 -->
<section>
<h3>Exercise: <span class="yellow">Introductions</span></h3>
<br/>
<p>One person stands up in front of the group, introduces themselves and shares a few things about themselves.</p>
<br/>
<p><strong>We give secret, written feedback:</strong></p>
<br/>
<ul>
<li class="blue">1 thing the speaker does really well</li>
<li class="green">1 thing the speaker could improve on</li>
</ul>
</section>
<!-- Exercise 1 Presentation -->
<section>
<h3>Introduce Yourself</h3>
<ul class="box--small list--tall">
<li><strong>Your Name</strong></li>
<li><strong>3 Facts About You</strong></li>
<li><strong>How did you get to Logic Solutions today?</strong></li>
<small>Use any teaching tools you'd like. Projector, white board, paper, etc.</small>
</ul>
<p class="copy--xsmall">
<strong>Feedback:</strong>
<span class="blue">You do {this} well. </span>
<span class="green">You could improve on {this}.</span>
</p>
</section>
<!-- Exercise 1 Feedback -->
<section>
<h3>Collect Feedback</h3>
<ul class="list--tall box--small">
<li>Look at your feedback cards.</li>
<li>Set 1 or 2 goals for yourself.</li>
</ul>
</section>
</section>
<!-- TEACHING -->
<section>
<section>
<h3>Fun with Teaching</h3>
</section>
<section>
<h4><span class="blue">Qualities of a good teacher?</span></h4>
</section>
<!-- Exercise 2 -->
<section>
<h3>Exercise: <span class="yellow">Pairs & Shapes</span></h3>
<p class="box">We're going to practice giving instructions.</p>
<h5 class="blue">Why we're doing this exercise</h5>
<ul class="copy--small box--small list--tall">
<li>It mimicks what we do when we teach</li>
<li>Forces us to communicate with words, not visuals</li>
<li>We can see if our communication was successful</li>
</ul>
</section>
<section>
<h3>Breakout Into Pairs</h3>
<p class="box copy--small">Perhaps with someone you haven't met before today.</p>
</section>
<section>
<h3>Exercise : <span class="yellow">How to Play</span></h3>
<div class="box--small left" style="width: 46%;">
<h4 class="blue">Teacher</h4>
<ul class="copy--small list--tall box--small">
<li>Pick up the first printout.</li>
<li>Instruct the students to assemble the pieces to match what you see on the printout.</li>
<li>No peeking!</li>
<li>Ask questions.</li>
<li>Decide when to stop the "lesson".</li>
</ul>
</div>
<div class="box--small right" style="width: 46%;">
<h4 class="green">Student</h4>
<ul class="copy--small list--tall box--small">
<li>Listen to the instructor and assemble the shapes.</li>
<li>No peeking!</li>
<li>Do not show the teacher what you are working on.</li>
<li>Ask questions.</li>
</ul>
</div>
</section>
<!-- Exercise 2 Takeaways -->
<section>
<h3>Exercise : <span class="yellow">Takeaways</span></h3>
<ul class="list--tall box--small copy--small">
<li>What were the challenges?</li>
<li>How could you tell if the student "got it"?</li>
<li>What did you do when the student didn't get it?</li>
<li>Who asked the most questions, student or teacher?</li>
</ul>
</section>
</section>
<!-- TEACHING WITH GDI -->
<section>
<section>
<h3>Teaching with GDI</h3>
</section>
<section>
<h3>Step 1</h3>
<h4 class="box"><span class="blue">Reach out and let us know you're interested.</span><br/><small class="grey">If we don't reach out to you first!</small></h4>
<ul class="list--tall copy--small">
<li>What topic(s) would you like to cover?</li>
<li>Do you have existing slides or workshop material?</li>
<li>Do you have any previous teaching or speaking experience?</li>
</ul>
</section>
<section>
<h3>Don't have slides? <span class="blue">No worries!</span></h3>
<p class="box--small copy--small">GDI has an extensive, existing "core" curriculum.</p>
<img src="images/curriculum.png" class="img--bare" height="300px" />
<div class="copy--xsmall box--small">
<p>You may use GDI slides <strong>"as is"</strong></p>
<p>You may <strong>fork & modify</strong> them <span class="copy--small">(review required)</span></p>
<p>You may <strong>create a whole new slide set</strong> <span class="copy--small">(review required)</span></p>
</div>
</section>
<section>
<h4>No previous experience? <span class="blue">No problem!</span></h4>
<p class="box--small copy--small">We've got a few options...</p>
<ul class="copy--xsmall list--tall">
<li>GDI Ann Arbor & Detroit host occasional <strong>"Teacher Training"</strong> workshops - oh hi!</li>
<li>We use <strong>TAing</strong> as a way to get familiar with the environment and teaching styles.</li>
<li>Prior to your workshop, we'll arrange for a <strong>mock-teaching session</strong>.<br/><span class="copy--small">This will give you the opportunity to present 3-5 slides and receive some feedback and teaching tips.</span></li>
</ul>
</section>
<section>
<h3>Step 2</h3>
<h4 class="box blue">Complete the GDI teacher pre-reqs.</h4>
</section>
<section>
<h3><span class="blue">New</span> Instructor Requirements</h3>
<ul class="copy--small list--tall box--small">
<li>All instructors need to <strong>TA a class at least 2 times</strong> before they can become an instructor. <a href="http://bit.ly/gdiaa-ta" target="_blank">Sign Up Here!</a></li>
<li>The exception is if you've worked closely with a leader, have strong referrals, and/or have in some way already <strong>demonstrated your teaching or speaking skills</strong>.</li>
<li>Complete a <strong>mock-teaching session</strong>. Present 3-5 slides to the chapter leader. Receive feedback.</li>
</ul>
</section>
<section>
<h3>Step 3</h3>
<h4 class="box blue">Get on the GDI event schedule!</h4>
</section>
<section>
<h3>How We Decide <br/><small class="blue">Who Teaches & When</small></h3>
<div class="right"><img src="images/mgc.gif" alt="it's magic" class='box'></div>
<div class="left box--small list--tall copy--xsmall" style="width: 60%;">
<ul>
<li>We do our best to <strong>schedule the right classes at the best time for our community's needs.</strong></li>
<li><strong>~2 paid workshops</strong> per month. <strong>~2 free</strong> presentation or panel events per month. <em>These #s are changing.</em></li>
<li>We re-evaluate community needs and <strong>set a rough schedule every 6 months</strong>.<br/><small>Including ideal dates, locations, formats, topics, and even speakers.</small></li>
<li>We try to <strong>confirm</strong> each event's location and speaker <strong>3 months in advance</strong>.</li>
<li><span class="green">If you express interest in teaching with us, we will try to get you in the line up within 6 months.</span><br/><small class="blue">It may be further out, depending on the existing event lineup and resource availability.</small></li>
</ul>
</div>
</section>
<section>
<h3>Step 4</h3>
<h4 class="box blue"><span class="green">I'm on the schedule!</span> What now?</h4>
</section>
<section>
<h3><span class="blue">New</span> Instructor Requirements</h3>
<p class="box--small copy--small">New instructors will need to submit the following:</p>
<ul class="copy--xsmall list--tall">
<li>New Teacher Form (online)</li>
<li>W9 form</li>
<li>A ~1 paragraph bio</li>
<li>A headshot photo</li>
<li>Any social / contact info you'd like to share with event attendees</li>
</ul>
</section>
<section>
<h3><span class="blue">All</span> Instructors</h3>
<p class="box--small copy--small">Will need to complete the following:</p>
<ul class="copy--xsmall list--tall">
<li>Submit a <strong>title and abstract</strong> for the class<br/><small>unless utilizing core curriculum</small></li>
<li>Read and understand our <strong>Instructor Expectations</strong></li>
<li>Read and understand our <strong>Code of Conduct</strong></li>
</ul>
</section>
<section>
<h3><span class="green">Good</span> News!</h3>
<p class="box copy--xsmall">All of these requirements are outlined in our <strong>Event Planner Trello Board</strong>,<br/>which you will receive access to.</p>
<img src="images/trello.png" alt="trello event planner screenshot" />
</section>
<section>
<h3>Trello Event Planning</h3>
<p class="box--small copy--xsmall"><strong>Every event has a card</strong>, prepopulated with checklists for all aspects of event<br/>planning, broken up on a timeline leading up to the event date.</p>
<p class="box--small copy--xsmall">You only need to worry about the <strong>"Teacher Setup"</strong> list and<br/><strong>respond to any questions</strong> from the event organizer.</p>
<img src="images/trello-card.png" alt="trello event planner screenshot" width="500" />
</section>
<section>
<h3>Instructor Expectations</h3>
<ul class="list--tall copy--xsmall box--small">
<li>Empower students with new skills. They should have a firm grasp of the content when they leave.</li>
<li>Make yourself an available resource to students before, during, and after the class.</li>
<li>Keep an eye on the Meetup event and be prepared to answer questions that come up in the comments. </li>
<li>Arrive to class 30-45 minutes early - get setup, greet your students!</li>
<li>During introductions, have students introduce themselves, and introduce TAs - making students aware that they are there to help.</li>
<li>Stick around after class to answer questions, or if you can't stay, communicate that to students ahead of time.</li>
</ul>
</section>
<section>
<h3>Code of Conduct</h3>
<p class="box copy--xsmall left-align">Girl Develop It is dedicated to providing a harassment-free community and learning experience for everyone. We welcome and celebrate all adult/18+ participants, regardless of gender identity and expression, sexual orientation, age, disability, physical appearance, body size, race, religion, or identity. We expect all attendees to show respect and courtesy to other attendees throughout Girl Develop It classes and events. Male-identified individuals are welcome at our events, and it is expected that all participants be treated with equal respect....</p>
<p class="copy--xsmall">... <a href="http://www.girldevelopit.com/codeofconduct">girldevelopit.com/codeofconduct</a></p>
</section>
<section>
<h3>Step 5</h3>
<h4 class="box blue">Slide prep!</h4>
</section>
<section>
<h3>Core Slides</h3>
<p class="copy--small box--small">We like to use <strong>Reveal.js</strong> to present slides</p>
<pre><code class="html">
<body>
<div class="reveal">
<!-- Any section element inside of this container is a slide -->
<div class="slides">
<section>
<h3>Welcome!</h3>
<p>(Psssst. We have snacks in the back)</p>
</section>
</div> <!-- end slides -->
</div> <!-- end reveal -->
</body>
</code></pre>
</section>
<section>
<h3>Dividing Slides</h3>
<p class="copy--xsmall box--small">Just pay attention to the sections and you'll be fine.</p>
<pre><code class="html">
<section>
<h3>Welcome!</h3>
<p>(Psssst. We have snacks in the back)</p>
</section>
<section>
<h3>I'm the second slide!</h3>
<p>Really important information on this slide.</p>
</section>
<section>
<h3>Let's learn HTMl & CSS!</h3>
<p>Yes, Let's!</p>
</section>
</code></pre>
<img src="images/slides.png" alt="slide setup" />
</section>
<section>
<h3>Organizing Slides</h3>
<p class="copy--xsmall box--small">You can create columns/sections of content by nesting sections.</p>
<pre><code class="html">
<section>
<section>
<h3>I'm the second slide!</h3>
<p>Really important information on this slide.</p>
</section>
<section>
<h3>Let's learn HTMl & CSS!</h3>
<p>Yes, Let's!</p>
</section>
</section>
</code></pre>
<img src="images/slide-sections.png" alt="slide section setup" />
</section>
<section>
<h3>Setting Up Slides</h3>
<ul class="list--tall box--small copy--small">
<li><strong>If you are starting from scratch</strong>, we can provide you with a <strong>GDI themed reveal.js template</strong>.</li>
<li><strong>If you are working from core curriculum</strong>, we will provide you with a <strong>Github branch appropriate for forking</strong>.</li>
</ul>
</ul>
</section>
<section>
<h3>Submitting Your Slides</h3>
<ul class="box--small copy--small list--tall">
<li>At least <span class="green">1 week before class</span>, provide a link in the event Trello card to one of the following :
<ul class="copy--small">
<li><span class="blue">GitHub repo</span></li>
<li>Dropbox zipped folder</li>
<li>Self-hosted website</li>
</ul>
</li>
<li><span class="green">If you're a new instructor</span>, we will schedule a quick <strong>mock-teaching session</strong> (likely via Google Hangouts) upon receipt.</li>
</ul>
</section>
<section>
<h3>Teaching Recap</h3>
</section>
<section>
<h3>Let's do this!</h3>
<ol class="copy--small list--tall box--small">
<li><span class="blue">Let us know</span> you're interested<br/><small>[email protected]</small></li>
<li>Complete the <span class="blue">pre-reqs</span>.</li>
<li>Get <span class="blue">scheduled</span>.</li>
<li>Get <span class="blue">set up</span>.</li>
<li>Prep the <span class="blue">slides</span>.</li>
<li><span class="blue">Teach</span> the class!</li>
</ol>
</section>
</section>
<!-- FINAL NOTES -->
<section>
<section>
<h3>Final Notes & Tips</h3>
</section>
<section>
<h3>Prep Tips</h3>
<ul class="copy--small box--small list--tall">
<li><strong>Give yourself a deadline.</strong><br/><small>Finish slides well in advance.</small></li>
<li><strong>Prepare resource links.</strong><br/><small>Or a handout or two.</small></li>
<li><strong>Pack up your supplies.</strong><br/><small>Video adapters, presenter remote, rabbit's foot.<br/>Whatever you need, and let us know if you don't have something.</small></li>
<li><strong>Arrive early</strong>.<br/><small>Put your best foot forward.</small></li>
<li><strong>Don't rely on Wifi</strong> working.<br/><small>Bring slides/exercises on a backup thumb drive.</small></li>
<li><strong>PRACTICE.</strong> PRACTICE. PRACTICE.<br/><small>Know the content like the back of your hand.<br/> Keep an eye on flow and timing.</small></li>
</ul>
</section>
<section>
<h3>Teaching Tips</h3>
<ul class="copy--small box--small list--tall">
<li>Teach for the <strong>middle</strong>.</li>
<li>Emphasize <strong>hands-on</strong> learning.</li>
<li><strong>Welcome questions</strong> and participation.</li>
<li>Be <strong>humble</strong> and <strong>eliminate fear.</strong><br/><small>You don't know everything, and that's ok.<br/>You're level of expertise should feel obtainable with a bit of hard work.</small></li>
<li><strong>Avoid making assumptions</strong> and <strong>feigning surprise</strong>.<br/><small>Coding is HARD, but it is learnable.<br/>Use careful language. Follow <a href="https://www.hackerschool.com/manual#sub-sec-social-rules">Hacker School's Social Rules</a></small></li>
<li><strong>It's ok</strong> not to have an answer.<br/><small>Talk through your process, Google stuff.</small></li>
<li>Leave <strong>time for questions</strong>.</li>
</ul>
</section>
<section>
<h3>What To Expect During Class</h3>
<ul class="copy--small box--small list--tall">
<li><strong>Frequent and repetitive</strong> questions.</li>
<li><strong>Varying levels</strong> of understanding, education, and learning styles.</li>
<li>Space limitations, noise, weather <strong>issues</strong>.</li>
<li><strong>Tech limitations</strong> - Wifi, projector, laptop.</li>
<li><strong>Unique issues with student technology</strong> - laptops, OSs, & software.</li>
<li><strong>Expectation management.</strong></li>
</ul>
</section>
<section>
<h3>Setting the Tone</h3>
<ul class="copy--small box--small list--tall">
<li>What is an <strong>inclusive, accessible environment</strong> to you?</li>
<li>What makes you <strong>feel welcome</strong>, not welcome?</li>
<li>How can you make the experience <strong>fun and memorable</strong>?</li>
</ul>
</section>
<!-- Upcoming GDI Events -->
<section>
<h3>Upcoming Events</h3>
<p class='box--small'>Sign up to TA!! <a href="http://bit.ly/gdiaa-ta" target="_blank">bit.ly/gdiaa-ta</a></p>
<ul class="list--tall copy--small">
<li><strong><span class="green">Tues 2/17:</span></strong> <a href="http://www.meetup.com/Girl-Develop-It-Ann-Arbor/events/219185131/">Intro to UX</a> at Pillar</li>
<li><strong><span class="green">March:</span></strong> Intro to Angular.js</li>
<li><strong><span class="green">March:</span></strong> Intro to Ruby</li>
<li><strong><span class="green">April:</span></strong> Intro to Java</li>
<li><strong><span class="green">April:</span></strong> Intro to JavaScript</li>
<li><strong><span class="green">June - August: </span></strong>Possibly Your Workshop??? :-)<br/>We have open spots after Q2. Who's ready to give it a try?</li>
</ul>
</section>
</section>
<!-- OUTRO -->
<section>
<section>
<h3>That's it!</h3>
</section>
<!-- Sponsors -->
<section>
<h3>Sponsors!</h3>
<img src="images/sponsors-logic.png" class="img--bare box--small" />
</section>
<!-- Sponsor Spotlight -->
<section>
<h3>Sponsor Spotlight!</h3>
<img src="images/logic.png" class="img--bare box--small" style="" />
</section>
<!-- Title -->
<section>
<img src="images/gdi_logo_badge.png" class="img--bare" height="450px" />
<div class="box--small">
<h3><span class="blue">Teacher Training</span></h3>
<p class="copy--xsmall">Julie Cameron | @jewlofthelotus | @gdiannarbor | #gdia2</p>
</div>
</section>
</section>
</div>
<footer>
<div class="copyright">
Teacher Training ~ GDI Ann Arbor ~
<a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /></a>
</div>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
rollingLinks: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/none
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>