-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcurriculum.html
179 lines (177 loc) · 7.8 KB
/
curriculum.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
<!DOCTYPE>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111375285-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111375285-1');
</script>
<title>Code The Block</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="img/ctb_logo_wo_text.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/build/reset.css">
<link rel="stylesheet" type="text/css" href="css/build/main.css">
</head>
<body>
<nav>
<a href="./index.html">
<img class="logo desktop" src="img/ctb-text-inline3.png" />
<img class="logo mobile" src="img/ctb_logo_wo_text.png" />
</a>
<ul class="main-menu">
<li>
<a href="./programs.html">About</a>
</li>
<li>
<a href="./curriculum.html">Curriculum</a>
</li>
<li>
<a class="focus" href="#cta-section">Support</a>
</li>
</ul>
<img class="menu-icon" src="img/menu-icon.png" style="cursor:pointer;">
</nav>
<section class="section primary-section" id="section-one">
<h2 class="title">Frontend Web Development</h2>
<p>Frontend Web Development is a good way for students to ease into coding. By the end of this program, you'll be able to build your own basic websites and have the skillset to contribute to larger projects. We believe that frontend web development is a great place to begin because it’s very visual.</p>
<div class="curriculum-points">
<div class="curriculum-sect">
<h3>Languages</h3>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>
<div class="curriculum-sect">
<h3>Concepts</h3>
<ul>
<li>Git</li>
<li>Task Runner</li>
<li>Terminal</li>
<li>Object Oriented Programming</li>
</ul>
</div>
</div>
</section>
<section class="section secondary-section">
<h2 class="title">App Development</h2>
<p>Our app development program is exclusively focused on React Native because we believe it is one of the most dynamic and cost effective ways to build native apps. React Native is JavaScript based, which makes it easier to learn but still has most of the functionality you'll ever need. In this program we start to get into some backend languages and technologies as well.</p>
<div class="curriculum-points">
<div class="curriculum-sect">
<h3>Languages</h3>
<ul>
<li>JavaScript</li>
<li>Node.js</li>
<li>SQL</li>
</ul>
</div>
<div class="curriculum-sect">
<h3>Concepts</h3>
<ul>
<li>React</li>
<li>Databases</li>
<li>Object Oriented Programming</li>
<li>API</li>
</ul>
</div>
</div>
</section>
<section class="section primary-section" id="section-two">
<h2 class="title">Introduction to Software Engineering</h2>
<p>Our Introduction to Software Engineering program is designed to teach students the basics of a programming language as efficiently as possible so that they can start building real projects early on in their learning. This allows students to get a better feel for how to work in a real team development environment and build a portfolio at the same time.</p>
<p>An area where a lot of programs leave students feeling unprepared is in ancillary development technologies. Most programs simply teach programming languages. We try to introduce as many supportive technologies as we can so that the transition into the workforce is as seemless as possible, reducing the stress and the feelings of being an imposter.</p>
<div class="curriculum-points">
<div class="curriculum-sect">
<h3>Languages</h3>
<ul>
<li>PHP</li>
<li>HTML</li>
<li>CSS</li>
</ul>
</div>
<div class="curriculum-sect">
<h3>Concepts</h3>
<ul>
<li>Object Oriented Programming</li>
<li>Version Control</li>
<li>Debugging</li>
<li>Testing</li>
</ul>
</div>
</div>
</section>
<section class="section secondary-section">
<h2 class="title">Big Data</h2>
<p class="coming-soon">Coming Soon</p>
<div class="curriculum-points">
<div class="curriculum-sect">
<h3>Languages</h3>
<ul>
<li>Python</li>
<li>R</li>
</ul>
</div>
<div class="curriculum-sect">
<h3>Concepts</h3>
<ul>
<li>NumPy</li>
<li>Statistics</li>
<li>Object Oriented Programming</li>
</ul>
</div>
</div>
</section>
<section class="section tertiary-section" id="cta-section">
<div class="paypal-container">
<h2 class="title no-top-margin">Support Our Cause</h2>
<form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="YJGDGKWBC3JUY">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<h2 class="title">Keep Up To Date</h2>
<div id="mc_embed_signup">
<form action="https://codetheblock.us16.list-manage.com/subscribe/post?u=6a9c127f3f453b3a3d00361ff&id=d9f2657acd" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> -->
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_6a9c127f3f453b3a3d00361ff_d9f2657acd" tabindex="-1" value="">
</div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" class="cta-button submit-button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='BIRTHDAY';ftypes[3]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</section>
<footer>
<ul>
<li>
<label>Phone:</label>
<a href="tel:+1-816-281-6662">(816)281-6662</a>
</li>
<li>
<label>Email:</label>
<a href="mailto:[email protected]?subject=Hello Code the Block!">[email protected]</a>
</li><br>
<li>Founded in <strong>Kansas City</strong></li>
<li>501(c)3 Nonprofit Organization</li>
</ul>
</footer>
<script src="js/build/app.min.js"></script>
</body>
</html>