-
Notifications
You must be signed in to change notification settings - Fork 1
/
youth.html
86 lines (85 loc) · 3.58 KB
/
youth.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
---
layout: page
title: Programming Courses For Youth
permalink: /youth/
redirect_from:
- /register/
- /kids/
---
<div class="container">
<h1>{{ page.title }}</h1>
<hr>
<p>Learning to code is difficult, but so is learning salsa dancing or playing the guitar. Consistent practice, week after week, is how you become a great programmer. Our semester-long programs build upon basic skills learned in introductory classes like the Hour of Code and reinforce that new knowledge with hands-on experience. We have courses for students age 9+, from our Coding Club (age 9-12), to Coding League (age 11-14), and the Academy (age 13-17).</p>
<!-- Four columns of text -->
<div class="row panels" id="beginner"> <!-- BEGINNER -->
<div class="container">
<h2>Beginner Courses for Youth</h2>
<div class="col-md-6 right-padding">
<div class="panel panel-danger panel-custom">
<div class="panel-heading center">Coding Club</div>
<div class="panel-body">
<ul>
<li><strong>Ages</strong>: 9 - 12</li>
<li><strong>Topics</strong>: Computational Thinking, Block-Based Programming</li>
<li><strong>Technologies</strong>: MIT Scratch</li>
<li><strong>Schedule</strong>: Spring and Fall, Tuesdays, 5-6:30pm</li>
</ul>
</div>
<a href="/coding-club" class="btn button btn-primary btn-action center">Details and Class Dates »</a>
</div>
</div>
<div class="col-md-6 no-pad-col left-padding">
<div class="panel panel-danger panel-custom">
<div class="panel-heading center">Week of Code</div>
<div class="panel-body">
<ul>
<li><strong>Ages</strong>: 10 - 15</li>
<li><strong>Topics</strong>: Web, Mobile, Games</li>
<li><strong>Technologies</strong>: HTML, CSS, JavaScript, Android, C#, Unity 3D</li>
<li><strong>Schedule</strong>: Summers, Mon - Thurs, 1pm - 5pm</li>
</ul>
</div>
<a href="/weekofcode" class="btn button btn-primary btn-action center">Details and Class Dates »</a>
</div>
</div>
</div>
</div>
<div class="row panels" id="intermediate"> <!-- INTERMEDIATE -->
<div class="container">
<h2>Intermediate Courses for Youth</h2>
<div class="col-md-6 right-padding">
<div class="panel panel-danger panel-custom">
<div class="panel-heading center">Coding League</div>
<div class="panel-body">
<ul>
<li><strong>Ages</strong>: 11 - 14</li>
<li><strong>Topics</strong>: Web Development, Computer Science basics</li>
<li><strong>Technologies</strong>: HTML, CSS, JavaScript</li>
<li><strong>Schedule</strong>: Spring and Fall, Tuesdays 5:30-7pm OR Thursdays, 5-6:30pm</li>
</ul>
</div>
<a href="/coding-league" class="btn button btn-primary btn-action center">Details and Class Dates »</a>
</div>
</div>
</div>
</div>
<div class="row panels equal" id="advanced"> <!-- ADVANCED -->
<div class="container">
<h2>Advanced Courses for Youth</h2>
<div class="col-md-6 right-padding">
<div class="panel panel-danger panel-custom">
<div class="panel-heading center">Academy</div>
<div class="panel-body">
<ul>
<li><strong>Ages</strong>: 13 - 17</li>
<li><strong>Topics</strong>: Projects in Web, Mobile, Games</li>
<li><strong>Technologies</strong>: HTML, CSS, JavaScript, iOS, Android, C#, Unity 3D</li>
<li><strong>Schedule</strong>: Spring and Fall, Tuesdays & Thursdays, 6pm - 8pm</li>
</ul>
</div>
<a href="/academy" class="btn button btn-primary btn-action center">Details and Class Dates »</a>
</div>
</div>
</div>
</div>
</div>