-
-
Notifications
You must be signed in to change notification settings - Fork 9
/
classes.html
219 lines (205 loc) · 14.8 KB
/
classes.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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="KidsCanCode - we teach kids to code">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KidsCanCode.org</title>
<link rel="stylesheet" href="/static/bootstrap.css" />
<link rel="stylesheet" href="/static/bootstrap-responsive.css" />
<link rel="stylesheet" href="/static/font-awesome.min.css" />
<link rel="stylesheet" href="/static/font-awesome-corp.css" />
<link rel="stylesheet" href="/static/font-awesome-social.css" />
<link rel="stylesheet" href="/static/custom.css" />
<link rel="stylesheet" href="/static/pygments.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<!-- NAVBAR
================================================ -->
<div class="navbar-wrapper">
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a href="/" class="brand"><i class="icon-cog"></i> KidsCanCode</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<!-- <li ><a href="/"><i class="icon-home icon-large"></i>Home</a></li>-->
<!-- <li class="active"><a href="/classes.html"><i class="icon-lightbulb icon-large"></i> Classes</a></li> -->
<!-- <li ><a href="/summer"><i class="icon-edit icon-large"></i> Sign Up</a></li> -->
<!-- <li ><a href="/blog/"><i class="icon-pencil icon-large"></i>News</a></li> -->
<li ><a href="/contact.html"><i class="icon-comments icon-large"></i> Contact</a></li>
<li ><a href="/resources.html"><i class="icon-book icon-large"></i> Resources</a></li>
<li ><a href="/lessons/"><i class="icon-film icon-large"></i> Lessons</a></li>
<!-- <li ><a href="/store.html"><i class="icon-shopping-cart icon-large"></i>Store</a></li> -->
<li ><a href="/about.html"><i class="icon-info-sign icon-large"></i> About</a></li>
<li class="socialist"><p>
<a href="http://facebook.com/Kidscancode" target="_blank"><i class="icon-facebook icon-2x"></i></a><a href="http://twitter.com/KidsCanCode" target="_blank"><i class="icon-twitter icon-2x"></i></a><a href="https://github.com/kidscancode/" target="_blank"><i class="icon-github-alt icon-2x"></i></a><a href="https://www.youtube.com/c/KidsCanCodeOrg" target="_blank"><i class="icon-youtube icon-2x"></i></a>
</p></li>
</ul>
</div>
</div>
</div> <!-- /.navbar-inner -->
</div> <!-- /.navbar -->
</div> <!-- /.container -->
</div> <!-- /.navbar-wrapper -->
<!-- END NAVBAR
================================================ -->
<!-- PAGE CONTENT
================================================ -->
<div class="container">
<div class="row">
<div class="span1"></div>
<div class="span10 class-list">
<h2>Overview</h2>
<!-- <div class="alert alert-success"><p class="lead">
<i class="icon-time icon-large"></i> <strong>Millikan Parents: </strong> Click <a href="/millikan">here</a> to sign up for after school classes.<br></p>
</div> -->
<p>At KidsCanCode we make computers fun! By looking "under the hood," kids learn that a computer is a powerful tool - one they can use to create amazing projects of their own. Imagine building your own website, creating a video game, or wow-ing your teacher with an amazing science project. Our classes lay the foundation for a positive relationship with technology.</p>
<p>Classes are available for a variety of ages and experience levels. Age ranges are a <em><b>suggestion</b></em> based on our experience with past students. Exceptions can be made for exceptional students - please contact us to discuss before signing up.</p>
<!-- <div class="alert alert-success"><p class="lead">
<i class="icon-star-empty icon-large"></i> <strong>Summer 2016 Camp Schedule: </strong> Click <a href="/summer">here</a> to see the complete schedule of classes.</p>
</div> -->
<!-- <div class="alert alert-success"><p class="lead">
<i class="icon-star-empty icon-large"></i> <strong>Fall 2015 Afterschool Schedule: </strong> Click <a href="/fall2015">here</a> to see the complete schedule of classes.</p>
</div> -->
<!--
<div class="alert alert-success"><strong>UPDATE</strong> - Summer sessions will be held at the Sherman Oaks Galleria community room (<a href="https://maps.google.com/maps?hl=en&q=Sherman+Oaks+Galleria+-+Community+Room" target="_blank">map</a>). See the <a href="#schedule">Schedule</a> for details.</div>
-->
<h2>Class Descriptions<!--<a href="signup.html"><span class="btn btn-success btn-2x">Sign Up Now!</span></a>--> </h2>
<!-- <center><i class="icon-time icon-large"></i> Class size is limited and is on a first-come, first-served basis, so act fast before the class is full!</center><br>-->
<dl class="dl-horizontal">
<a name="intro2prog"></a>
<dt><strong>Intro to<br>Programming<br><span class="badge badge-success">Beginner (08-10)</span><br><span class="badge badge-success">Beginner (11-16)</span>
</dt>
<dd><p>This is our core program, introducing the idea of a programming language and what it means to tell a computer what to do. We'll cover basic interaction with the Python console using statements to manipulate numbers and text. Next, we'll move on to Turtles - creating our own graphics and introducing loops and functions. Finally, we'll create some games and animations to round out the week.<br>
Throughout the class, students will learn not just the code, but the *why* behind the code, setting a strong foundation for future growth.
<!-- <strong>NOTE: </strong>Tuition includes the Raspberry Pi kit, which will be used for all class activities, and the child will take home at the end of the session!<br> -->
More information:
<ul>
<!-- <li><a href="aboutpi.html">What is the Raspberry Pi?</a></li> -->
<li><a href="whycode.html">What is Python?</a></li>
</ul>
<!-- <img src="img/rpi.jpg" class="img-rounded" width="250" alt=""><br>-->
<strong>Requirements:</strong> <em>No previous experience is required.</em><br>
<!-- <strong>Full outline:</strong> <a href="#"><span class="badge badge-success">Click here</span></a>--></p>
<hr>
</dd>
<!-- <a name="mcpi"></a>
<dt>Programming with<br> Minecraft<br><span class="badge badge-success">Beginner (11-16)</span>
</dt>
<dd><p>Minecraft is one of the hottest games on the market - and best of all, it's all about creativity. Whether your child is a complete newbie or a Minecrafting expert, this class will have something new to offer. Using the special educational <a href="http://pi.minecraft.net/">Minecraft: Pi Edition</a>, we'll explore how to control the Minecraft world through code. We'll brainstorm to ideas of things to build, and show off our own creations on the last day of class. And the fun doesn't stop there: after class ends, every student will have the opportunity to bring his/her Raspberry Pi home to continue the Minecraft adventure! Raspberry Pi kits will be available for $75.<br> -->
<!-- <ul>
<li>Create complex structures in only a few lines of code</li>
<li>Build objects that move!</li>
<li>Import 3d models from the web</li>
</ul> -->
<!-- <img src="img/mc_pi-clock.jpg" class="img-rounded" width="250" alt=""><br><br> -->
<!-- <strong>NOTE: </strong>Tuition includes the Raspberry Pi kit, which will be used for all class activities, and the child will take home at the end of the session! More information: -->
<!-- <ul>
<li><a href="aboutpi.html">What is the Raspberry Pi?</a></li>
<li><a href="whycode.html">What is Python?</a></li>
</ul>
<strong>Requirements:</strong> <em>No previous experience is required.</em> -->
<!-- <hr> -->
</dd>
<a name="python_intermediate"></a>
<dt>Intermediate<br>Python<br><span class="badge badge-info">Intermediate (11-16)</span>
</dt>
<dd>
Are you ready for the next level? We take what kids learned in "Intro to Programming" and build on it to strengthen skills. Through practical examples, students will gain a deeper understanding of programming and how it is applied in the real world. Example projects will reinforce understanding of fundamentals while encouraging experimentation and exploration.<br>
Programming is a lot like speaking a foreign language or playing a musical instrument. In order to become proficient, the student needs to practice - and the more practice the better, so our goal is to keep them coding.<br><br>
<strong>Requirements:</strong> <em>"Intro to Programming" or equivalent experience.</em><br>
<!-- <strong>Full outline:</strong> <span class="badge badge-success">Coming soon</span>--></p>
<hr>
</dd>
</dd>
<a name="gamedev"></a>
<dt>Game<br>Development<br>(Intensive)<br><span class="badge badge-info">Intermediate/<br>Advanced (11-16)</span>
</dt>
<dd>
Targeted at advanced and highly-motivated middle- and high-school students who have a passion for making games and want to learn how it's done at a professional level, using professional tools.
Using the free <a href="http://godotengine.org/">Godot</a> game engine, a professional game development tool similar to Unity, we'll explore the game development process from beginning to end. What makes a game fun? What about art and sound? How do you put your game on a phone or a website? Each student will be encouraged to get creative and make something truly their own.<br>
Building a game is a challenging project, incorporating problem solving, planning, math, art, and design. Taught by a game industry veteran, our class will show kids a real-world perspective on what it takes to bring their vision to life.<br><br>
<em>Note:</em> This class will be intensive and fast-paced - covering a lot of material in a short time. Come prepared to learn!<br><br>
<strong>Requirements:</strong> <em>"Intro to Programming" or equivalent experience (and a strong desire to learn!)</em><br>
<!-- <strong>Full outline:</strong> <span class="badge badge-success">Coming soon</span>--></p>
<hr>
</dd>
<dt><br>Learn to Program<br>with Scratch<br><span class="badge badge-success">Beginner (8-10)</span>
</dt>
<dd>
<a name="scratch"></a>
<p><button class="btn btn-primary"><i class="icon-star-empty"></i> For Younger Students <i class="icon-star-empty"></i></button><br>
This class was specifically created for younger students who aren't quite ready for all the typing that "regular" programming entails, but really want to get started learning to code! Using the Scratch language from MIT, students will drag-and-drop "program blocks" to build up instructions - allowing them to focus more on their goals than on hunting for the right key.<br>
Through the course of the week, they'll create animations, interactive stories, and games to challenge their friends (and parents). And best of all, every child will be able to bring his/her creations home to share (we'll help Mom & Dad with instructions for using Scratch at home).<br>
More information:
<ul>
<!-- <li><a href="aboutpi.html">What is the Raspberry Pi?</a></li> -->
<li><a href="scratch.html">What is Scratch?</a></li>
</ul>
<strong>Requirements:</strong> <em>No previous experience is required.</em><br>
<!-- <strong>Full outline:</strong> <span class="badge badge-success">Coming soon</span> --></p>
<hr>
</dd>
</dl>
<!-- <h2>Course Materials</h2>
<p>All of our course materials, including class handouts and code examples, are available for download from our <a href="http://github.com/kidscancode" target="_blank">Github site</a>.</p> -->
<a name="schedule"></a>
<!--
-->
<!-- <iframe src="https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showCalendars=0&showTz=0&height=600&wkst=1&bgcolor=%23ffffff&src=scribe.net_1e92s5sa2uiv2t6sqkppuncavk%40group.calendar.google.com&color=%232952A3&ctz=America%2FLos_Angeles" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe> -->
</div>
<div class="span1"></div>
</div>
</div>
<!-- END PAGE CONTENT
================================================ -->
<!-- FOOTER
============================================== -->
<div class="container footer">
<div class="row">
<div class="span1"></div>
<div class="span5"><p><br>
<a href="mailto: [email protected]"><i class="icon-envelope-alt"></i> [email protected]</a></p>
</div>
<div class="span3"></div>
<div class="span3"><p class="copyright"><br><small>© 2023 KidsCanCode LLC / All rights reserved.</small>
<!-- <p>
<a href="http://facebook.com/Kidscancode"><i class="icon-facebook icon-2x"></i></a>
<a href="http://twitter.com"><i class="icon-twitter icon-2x"></i></a>
<a href="http://github.com"><i class="icon-github-alt icon-2x"></i></a>
<a href="http://google.com/plus"><i class="icon-google-plus icon-2x"></i></a>
<a href="http://youtube.com"><i class="icon-youtube icon-2x"></i></a>
</p> -->
</div>
</div>
</div>
<!-- END FOOTER
=============================================== -->
<!-- Load scripts at end -->
<script src="/static/jquery-1.9.1.min.js"></script>
<script src="/static/bootstrap.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39851424-1']);
_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>
<script>
$(document).ready(function(){
$('.carousel').carousel();
});
</script>
</body>
</html>