forked from gdisf/teaching-materials
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (84 loc) · 4.19 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="google-site-verification" content="y2qSQ8u5dyqCclUC_LogrgqihF-6ow-gDaktJTOovc4" />
<title>Teach the Web</title>
<link href="common/bootstrap.css" rel="stylesheet">
<link href="common/bootstrap-responsive.css" rel="stylesheet">
<link href="common/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<h1 class="page-header">Teaching Materials</h1>
<p>We need more web developers in the world.</p>
<p>There are many people out there that want to be web developers but don't know how.
Fortunately, <a href="http://blog.pamelafox.org/2012/04/learning-to-code-online.html">many universities, startups, and non-profits</a> are experimenting with ways
to learn web development online, but there is another way: good old hands-on
teaching. That's what we want to make easier.
</p>
<p>
If you're a web developer already, you already have the knowledge you need to
be able to teach others - so all you need next is curriculum, logistics, and students.
Here's a guide to putting together those pieces and teaching the web to budding developers near you.
</p>
<ol>
<li><h3>Curriculum</h3>
<p>A good curriculum includes both slides and exercises, giving you the opportunity to teach
conceptually and giving students the opportunity to practice what you've taught.
Here are some curriculum sets that you can use:
</p>
<table class="table">
<thead>
<tr><th>Topic <th>Prereqs <th>Slides? <th>Exercises? <th>Duration <th>Last Updated
<tbody>
<tr><td><a href="/htmlcss-1day/">HTML & CSS</a>
<td>None
<td>✓
<td>✓
<td>10hrs
<td>4/16/2012
<tr>
<td><a href="/javascript/">Intro to JavaScript</a>
<td>None
<td>✓
<td>✓
<td>8-10hrs
<td>5/17/2012
</table>
<li><h3>Venue</h3>
<p>The ideal venue will have a projector, a whiteboard, tables & chairs, WiFi, and enough power outlets.
It doesn't need to be huge - you can start with just a handful of folks in a conference room - and
in fact, you probably should keep it to around 30-40 students, to make sure students still get individual attention.
Some ideas for venues are: your workplace, local web companies/startups, co-working spaces, libraries, universities.</p>
<li><h3>Date</h3>
<p>Since most people that want to learn web development already have a day job, a good date for a class would be on a weekend (like all-day on a Saturday) or a series of weekday evenings (e.g. every Monday for a month).
Try not to do it on holidays, and give yourself atleast a few weeks to advertise.
</p>
<!-- laptops, number of days? -->
<li><h3>Students</h3>
<p>You can use skillshare.com to advertise your event (and hey, you should charge a bit of money too — if it's sustainable, then you can do more of them). Then start spreading the word - your friends may already be developers, but they probably have relatives, friends, or coworkers that aren't -
remind them of that. You can also tell your own relatives, friends, and coworkers, of course.
</ol>
<p>...And if you've done all that, then congrats, there are now more web developers in the world because of you.
Be sure to <a href="http://www.google.com/profiles/pamela.fox/contactme">let me know</a> about what you taught where. :)
</p>
<!--
<br><br>
<blockquote>
Tell me and I forget. Teach me and I remember. Involve me and I learn.
<small>Benjamin Franklin</small>
</blockquote>
-->
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-964209-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>