-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathindex.html
356 lines (347 loc) · 17.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
---
layout: default
title: Bradley Code U
---
<!-- <div class="container"> -->
<div id="gdad" class="hero-image mt-4 bg-image-2" data-image-src="images/gdad2.jpg">
<div class="container">
<h1 class="display-1 hero-text text-light" >GAME DESIGN</h1>
</div>
</div>
<!-- </div> -->
<section class=" ">
<div class="card">
<div class="card-header bg-secondary text-white">
<center>
<h3 class="text-white">What Will You Learn in Game Design?</h3>
</center>
</div>
<div class="card-body bg-dark text-white">
<p>
<i>Intro to Game Design and App Development</i> is an entry level course and no previous programming experience
is necessary. In this course you will learn HTML, CSS, Javascript,
Bootstrap, P5.js, and more. Students will learn the dynamics of the
web environment while pursuing an in-depth study of both Hypertext Markup
Language (HTML) and Cascading Style Sheets (CSS). Students will explore
visual applications and creating
drag and drop applications for computer and mobile devices. They will code programs using
classes, objects, and methods in a
game environment. Students will
learn about animation, collision
detection, and game physics as
they create playable games.
</p>
</div>
<div class="card-footer bg-secondary text-white">
<span class="font-italic">
Grades 9 - 12. Possible credentialing available in HTML through Oracle Academy.
<span class="font-weight-bold">
Prerequisite: None
</span>
</span>
</div>
</div>
<div class="container">
<div class="row">
<h2 class="text-white pt-4 mt-4">Game Design Projects</h2>
<div class="d-flex justify-content-around flex-wrap mt-3 mb-5 pt-3 pb-5">
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://greengoblin.glitch.me">Christian's Spiderman Platformer</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://ssgkingalex.github.io/Terrain/">Alex's Terrain game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://gravityplat.glitch.me/">Zander's Sonic Platformer</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://platforming-game.glitch.me/">Nick's Zelda Platformer</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://vigilantewolfms.github.io/supersoyboy">Marine's Super Soy Boy</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://markov-chain02.glitch.me/">Nick's Markov Chain</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://bubbleproject2.glitch.me/">Marcus's Minecraft Clicker game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://spiderman.glitch.me/">Christian's Spiderman Tower Defense</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://bubbles2-xardonix.glitch.me/">Zander's Bubble Pop game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="http://cats2thepizzawars.glitch.me">Katie's Pusheen Platformer</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://kirbyplatformer.glitch.me/">Marcus's Kirby Platformer</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://bradleycodeu.github.io/exampleunityprojects/spaceshooterpaul">Paul's Space Shooter</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://bradleycodeu.github.io/exampleunityprojects/terrainmike">Mike's Terrain game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://vigilantewolfms.github.io">Marine and Kyle's Java Quiz game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://bradleycodeu.github.io/exampleunityprojects/terrainkai">Kai's Terrain game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://jungle-linen.glitch.me">Tim and Sujay's Java Quiz game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://bradleycodeu.github.io/exampleunityprojects/roboboys3">Kyle's Robo Boys Platformer</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://interact-club-v2.glitch.me">interact-club-v2.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://sound-piano.glitch.me">sound-piano.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://pweble-ghost.glitch.me">pweble-ghost.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://abalone-broker.glitch.me">abalone-broker.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://crazy-piano-keys.glitch.me">crazy-piano-keys.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://totally-cool-stuff.glitch.me">totally-cool-stuff.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://thicccheese.glitch.me">thicccheese.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://strategy-game-club-2.glitch.me">strategy-game-club-2.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://piano-snake.glitch.me">piano-snake.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://jags-of-clay-2.glitch.me">jags-of-clay-2.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="http://scissorspaperrock.glitch.me">scissorspaperrock.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://macaronicafe.glitch.me">macaronicafe.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://foobargame.glitch.me">foobargame.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://minesweep.glitch.me">minesweep.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://snakeio-v2.glitch.me">snakeio-v2.glitch.me</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="http://rps-game.glitch.me">rps-game.glitch.me</a>
</div>
</div>
</div>
</div>
</section>
<!-- <div class="container">
<div class="container"> -->
<div id="apcsp" class="hero-image mt-4 p-4 bg-image-1" data-image-src="images/apcsp2.jpg" width="100%">
<div class="container">
<h1 class="display-1 hero-text text-light">
AP CS PRINCIPLES
</h1>
</div>
</div>
<!-- </div> -->
<section class=" ">
<div class="card">
<div class="card-header bg-secondary text-white">
<center>
<h3 class="text-white">What Will You Learn in AP Computer Science Principles?</h3>
</center>
</div>
<div class="card-body bg-dark text-white">
<p><i>AP Computer Science Principles</i> is an entry level course and no previous
programming experience is necessary. Students will learn the fundamentals
of computer science and design thinking, and will study the societal
impact of computing innovations in preparation for the AP Comp Science
Principles Exam offered by The College Board. A broad range of topics
will be addressed such as hardware, programming, robotics, algorithms,
the Internet, big data, and digital privacy and security.
This course will use Scratch, Python, Javascript, and Java.
We will cover primitive data types, lists/arrays, dictionaries, user input, functions, conditionals, loops, reading/writing to files, and handling errors.
</p>
</div>
<div class="card-footer bg-secondary text-white">
<span class="font-italic">
Grades 9 - 12. This course fulfills the Digital Connections gradation requirement.
<span class="font-weight-bold">
Prerequisites: None
</span>
</span>
</div>
</div>
<div class="container">
<div class="row">
<h2 class="text-white pt-4 mt-4">AP CS Principles Projects</h2>
<div class="d-flex justify-content-around flex-wrap mt-3 mb-5 pt-3 pb-5">
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://youtu.be/tNiluPccRMY">Python Turtle games</a></div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://invaders-of-spac.glitch.me">Nick's Invaders of Space game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://will-meyers-hilliardschools-org.trinket.io/sites/world-war-12">World War 12 text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://andrea-munroe-hilliardschools-org.trinket.io/sites/descent-into-cornworld">Descent into Cornworld game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://youtu.be/ceZ3xELcZFQ">BBC Microbit projects</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://justin_riley_hilliardschools_org.trinket.io/sites/alyssa-and-david-s-game">Alyssa & David's text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://youtu.be/vTinkgmyNYw">Bradley + Britton Coding Project</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://andrea-munroe-hilliardschools-org.trinket.io/sites/pupper-house">Andrea's Pupper House text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://justin_riley_hilliardschools_org.trinket.io/sites/hong-and-ryan-s-game">Hong & Ryan's text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://marisabel-aguilar-hilliardschools-org.trinket.io/sites/castles-and-creatures-treasure-teachers">Marisabel's Treasure Teachers text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://youtu.be/kPjRB5N6E-o">Bradley + Brown Coding Project</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://valerie-rastatter-hilliardschools-org.trinket.io/sites/hogwarts-havoc">Val's Hogwarts Havoc text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://cdixon513.trinket.io/sites/hangman">Corinne's Hangman game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://ankit-kumar-hilliardschools-org.trinket.io/sites/land-of-the-potato-gremlins">Ankit's Land of the Potato Gremlins text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://justin_riley_hilliardschools_org.trinket.io/sites/escape-the-ship">Nicky's Escape the Ship text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://cdixon513.trinket.io/sites/mash">Corinne's MASH game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://justin_riley_hilliardschools_org.trinket.io/sites/dungeon-of-doom">Evan's Dungeon of Doom text game</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://scratch.mit.edu/projects/187239163?outputOnly=true">Kianni's Zelda Game for Ahmed</a>
</div>
</div>
</div>
</div>
</section>
<!-- <div class="container"> -->
<!-- <div id="gd" class="hero-image mt-4 bg-image-3" data-image-src="images/gamed.jpg" width="100%">
<div class="container">
<h1 class="display-1 hero-text text-light">
GAME DESIGN
</h1>
</div>
</div> -->
<!-- </div> -->
<!-- <section class=" ">
<div class="card">
<div class="card-header bg-secondary text-white">
<center>
<h3 class="text-white">What Will You Learn in Game Design?</h3>
</center>
</div>
<div class="card-body bg-dark text-white">
<p>Game Design is an advanced course with a prerequisite of AP CS Principles (or Programming, our previous intro-level course). In this course you will learn Object-oriented Programming using Python, P5.js, Node.js, and Unity with C#.
Students will learn to code in C#
using visual and robotic
environments.
</p>
</div>
<div class="card-footer bg-secondary text-white">
<span class="font-italic font-weight-bold">Prerequisites: AP CS Principles or Programming</span>
</div>
</div>
<div class="container">
<div class="row">
</div>
</div>
</section> -->
<!-- <div class="container"> -->
<div id="apcsa" class="hero-image mt-4 bg-image-4" data-image-src="images/apcsa2.jpg" width="100%">
<div class="container">
<h1 class="display-1 hero-text text-light" >
AP COMPUTER SCIENCE A
</h1>
</div>
</div>
<!-- </div> -->
<section class=" ">
<div class="card">
<div class="card-header bg-secondary text-white">
<center>
<h3 class="text-white">What Will You Learn in AP Computer Science A?</h3>
</center>
</div>
<div class="card-body bg-dark text-white">
<p><i>AP Computer Science A</i> is an advanced course with a prerequisite of AP CS Principles (or Programming, our previous intro-level course).
This course is the study of computer
science using the Java language.
Students will study object-oriented
programming in depth as they learn
to create classes, objects, and
methods. Topics are compatible with
the material normally taught in a first
year college computer programming
course.
</p>
</div>
<div class="card-footer bg-secondary text-white">
<span class="font-italic">Possible credentialing available in Java through Oracle Academy. <span class="font-weight-bold">Prerequisites: AP CS Principles or Programming</span></span></p>
</div>
</div>
<div class="container">
<div class="row">
<h2 class="text-white pt-4 mt-4">APCSA Projects</h2>
<div class="d-flex justify-content-around flex-wrap mt-3 mb-5 pt-3 pb-5">
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://trinket.io/java/97ba820c0b?outputOnly=true">Guess the MLB Team</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://trinket.io/java/057799e5a7">Plagiarism Checker</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="https://trinket.io/java/925dc155bd?outputOnly=true">Amino Acid Weight Calculator</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="#">Some Project Placeholder</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="#">Some Project Placeholder</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="#">Some Project Placeholder</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="#">Some Project Placeholder</a>
</div>
<div class="p-2 m-2 flex-fill bg-dark text-white text-center">
<a class="text-light text-center" href="#">Some Project Placeholder</a>
</div>
</div>
</div>
</div>
</section>
</div>