-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
565 lines (529 loc) · 33.2 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
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Computational Thinking Lessons</title>
<meta name="description" content="Free computational thinking lessons for use in K12 classrooms.">
<meta name="author" content="Eli Sheldon">
<meta property="og:title" content="Computational Thinking Lessons">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ctlessons.org/">
<meta property="og:description" content="Free computational thinking lessons for use in K12 classrooms.">
<meta property="og:image" content="https://ctlessons.org/images/basketball_dashboard.jpg">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link href="https://cdn.jsdelivr.net/npm/bootswatch@5.0.2/dist/litera/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<style>p{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NM0WRN8VNF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NM0WRN8VNF');
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.html">Computational Thinking Lessons</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Math</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="math/basketball-motion-analysis.html">Basketball Motion Analysis</a></li>
<li><a class="dropdown-item" href="math/drawing-with-coordinates.html">Drawing with Coordinates</a></li>
<li><a class="dropdown-item" href="math/guitars-and-string-vibrations.html">Guitars and String Vibrations</a></li>
<li><a class="dropdown-item" href="math/polygon-transformations.html">Polygon Transformations</a></li>
<li><a class="dropdown-item" href="math/racial-bias-in-traffic-stops.html">Racial Bias in Traffic Stops</a></li>
<li><a class="dropdown-item" href="math/rational-football-league.html">Rational Football League</a></li>
<li><a class="dropdown-item" href="math/superhero-transformations.html">Superhero Transformations</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Science</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="science/body-system-amusement-parks.html">Body System Amusement Parks</a></li>
<li><a class="dropdown-item" href="science/cell-analogies.html">Cell Analogies</a></li>
<li><a class="dropdown-item" href="science/cell-division-comics.html">Cell Division Comics</a></li>
<li><a class="dropdown-item" href="science/designing-a-solar-system.html">Designing a Solar System</a></li>
<li><a class="dropdown-item" href="science/the-evolution-of-zoe.html">The Evolution of Zoe the Protozoa</a></li>
<li><a class="dropdown-item" href="science/hanging-atom-models.html">Hanging Atom Models</a></li>
<li><a class="dropdown-item" href="science/making-babies.html">Making Babies with Punnett Squares</a></li>
<li><a class="dropdown-item" href="science/mapping-earthquakes.html">Mapping Earthquakes to Save the World</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Social Studies</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="social-studies/ancient-civilizations-paper.html">Ancient Civilizations - Paper</a></li>
<li><a class="dropdown-item" href="social-studies/ancient-civilizations.html">Ancient Civilizations</a></li>
<li><a class="dropdown-item" href="social-studies/criminal-justice-reform.html">Criminal Justice Reform</a></li>
<li><a class="dropdown-item" href="social-studies/designing-greek-monuments.html">Designing Greek Monuments</a></li>
<li><a class="dropdown-item" href="social-studies/the-enigma-machine.html">The Enigma Machine</a></li>
<li><a class="dropdown-item" href="social-studies/modernizing-myths.html">Modernizing Myths from Ancient Greece</a></li>
<li><a class="dropdown-item" href="social-studies/the-scramble-for-africa.html">The Scramble for Africa</a></li>
<li><a class="dropdown-item" href="social-studies/voting-rights.html">Voting Rights and Voter ID Laws</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">ELA</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="ela/creating-a-podcast.html">Creating a Podcast</a></li>
<li><a class="dropdown-item" href="ela/lord-of-the-flies-island-map.html">Lord of the Flies Island Map</a></li>
<li><a class="dropdown-item" href="ela/writing-historical-fiction.html">Writing Historical Fiction</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Apps</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="apps/ancientCivilizations/ancientciv.html">Ancient Civilizations</a></li>
<li><a class="dropdown-item" href="apps/babymaker.html">BabyMaker</a></li>
<li><a class="dropdown-item" href="apps/coordinateDrawer.html">Coordinate Drawer</a></li>
<li><a class="dropdown-item" href="apps/criminalJustice/criminalJustice.html">Criminal Justice</a></li>
<li><a class="dropdown-item" href="apps/stringVibrations/stringVibrations.html">Digital Guitar Simulator</a></li>
<li><a class="dropdown-item" href="apps/evolution/evolution.html">The Evolution of Zoe</a></li>
<li><a class="dropdown-item" href="apps/polygonTransformer.html">Polygon Transformer</a></li>
<li><a class="dropdown-item" href="apps/rationalFootballLeague.html">Rational Football League</a></li>
<li><a class="dropdown-item" href="apps/scrambleForAfrica/scramble.html">The Scramble for Africa</a></li>
<li><a class="dropdown-item" href="apps/solarSystems/solarSystems.html">Solar Systems</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<br>
<div class="container">
<h2>Welcome!</h2>
<p>Computational thinking means solving hard problems of all kinds using ideas from computer science. These include algorithmic thinking, decomposition, pattern recognition and abstraction, as well as confidence in the face of ambiguity and tenacity to persist through challenges requiring iteration and experimentation.</p>
<p>My computational thinking curriculum is freely provided here for you to incorporate within your own classrooms. You’ll find lessons divided into disciplines along the top of this and every other page. With these lessons and projects, I hope you will encourage your students to grow and flourish as computational thinkers, ready to face the real-world challenges of their generation!</p>
<br>
<h2>Lessons by subject</h2>
<div class="row">
<div class="col-1">
</div>
<div class="col-11">
<h3 id="math">Math</h3>
</div>
</div>
<div class="row">
<div class="col-1">
<div class="d-flex flex-column align-items-center mt-5">
<a href="#carouselMath" role="button" data-bs-target="#carouselMath" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true" style="filter: invert(1);"></span>
<span class="visually-hidden">Previous</span>
</a>
</div>
</div>
<div class="col-10">
<div id="carouselMath" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="math/basketball-motion-analysis.html"><img src="images/basketball_dashboard.jpg" class="card-img-top" alt="Screenshot of basketball dashboard showing player and ball movement during a play"></a>
<div class="card-body">
<h5 class="card-title">Basketball Motion Analysis</h5>
<p class="card-text">Use motion-tracking data to analyze a play</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="math/rational-football-league.html"><img src="images/rfl.png" class="card-img-top" alt="Screenshot of Rational Football League app"></a>
<div class="card-body">
<h5 class="card-title">Rational Football League</h5>
<p class="card-text">Recruit a team based on random statistics presented as ratios</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="math/racial-bias-in-traffic-stops.html"><img src="images/traffic_stops.png" class="card-img-top" alt="Frame from StoryCorps video, Traffic Stop"></a>
<div class="card-body">
<h5 class="card-title">Racial Bias in Traffic Stops</h5>
<p class="card-text">Evaluate evidence of racial bias in public traffic stop data</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="math/superhero-transformations.html"><img src="images/superhero_transformations.jpg" class="card-img-top" alt="Sample student work showing a four-panel superhero transformation comic"></a>
<div class="card-body">
<h5 class="card-title">Superhero Transformations</h5>
<p class="card-text">Design a superhero comic using geometric shapes and transformations</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="math/guitars-and-string-vibrations.html"><img src="images/guitar_sim.png" class="card-img-top" alt="Screenshot of digital guitar simulation app"></a>
<div class="card-body">
<h5 class="card-title">Guitars and String Vibrations</h5>
<p class="card-text">Apply direct and inverse variation to make music with guitar strings</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="math/polygon-transformations.html"><img src="images/polygon_transformer.png" class="card-img-top" alt="Screenshot of Polygon Transformer app"></a>
<div class="card-body">
<h5 class="card-title">Polygon Transformations</h5>
<p class="card-text">Explore reflections, translations, rotations and dilations</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="math/drawing-with-coordinates.html"><img src="images/coordinate_drawer.png" class="card-img-top" alt="Screenshot of Coordinate Drawer app"></a>
<div class="card-body">
<h5 class="card-title">Drawing With Coordinates</h5>
<p class="card-text">Create art by plotting coordinate pairs and connecting the dots</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1">
<div class="d-flex flex-column align-items-center mt-5">
<a href="#carouselMath" role="button" data-bs-target="#carouselMath" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true" style="filter: invert(1);"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-1">
</div>
<div class="col-11">
<h3 id="science">Science</h3>
</div>
</div>
<div class="row">
<div class="col-1">
<div class="d-flex flex-column align-items-center mt-5">
<a href="#carouselScience" role="button" data-bs-target="#carouselScience" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true" style="filter: invert(1);"></span>
<span class="visually-hidden">Previous</span>
</a>
</div>
</div>
<div class="col-10">
<div id="carouselScience" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/body-system-amusement-parks.html"><img src="images/body_systems.jpg" class="card-img-top" alt="Photo of one student's body system amusement park"></a>
<div class="card-body">
<h5 class="card-title">Body System Amusement Parks</h5>
<p class="card-text">Design amusement parks based on body systems and organs</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/making-babies.html"><img src="images/making_babies.jpg" class="card-img-top" alt="Photo of BabyMaker app being used in a classroom"></a>
<div class="card-body">
<h5 class="card-title">Making Babies with Punnett Squares</h5>
<p class="card-text">Practice Punnett Squares with a fun game</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/mapping-earthquakes.html"><img src="images/mapping_earthquakes.png" class="card-img-top" alt="First slide of the Mapping Earthquakes to Save the World presentation showing a fake breaking news stream"></a>
<div class="card-body">
<h5 class="card-title">Mapping Earthquakes to Save the World</h5>
<p class="card-text">Leverage real-time data to plot earthquakes on a map</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/designing-a-solar-system.html"><img src="images/solar_systems.png" class="card-img-top" alt="Screenshot of the Solar Systems web app showing a sample solar system"></a>
<div class="card-body">
<h5 class="card-title">Designing a Solar System</h5>
<p class="card-text">Experiment with a solar system simulator</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/hanging-atom-models.html"><img src="images/atom_models.jpg" class="card-img-top" alt="Photo of a student working on a wire atom model"></a>
<div class="card-body">
<h5 class="card-title">Hanging Atom Models</h5>
<p class="card-text">Create physical models of atoms</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/cell-analogies.html"><img src="images/cell_analogies.jpg" class="card-img-top" alt="A slide about ribosomes using a Lord of the Rings analogy"></a>
<div class="card-body">
<h5 class="card-title">Cell Analogies</h5>
<p class="card-text">Create a visual representation of an analogy for cells</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/cell-division-comics.html"><img src="images/cell_divison_comics.jpg" class="card-img-top" alt="A six-panel cell division comic"></a>
<div class="card-body">
<h5 class="card-title">Cell Division Comics</h5>
<p class="card-text">Draw a six-panel comic featuring cell division</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="science/the-evolution-of-zoe.html"><img src="images/the_evolution_of_zoe.jpg" class="card-img-top" alt="Photo of Evolution of Zoe app being used in a classroom"></a>
<div class="card-body">
<h5 class="card-title">The Evolution of Zoe the Protozoa</h5>
<p class="card-text">Play an evolution game to learn about genetic mutations</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1">
<div class="d-flex flex-column align-items-center mt-5">
<a href="#carouselScience" role="button" data-bs-target="#carouselScience" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true" style="filter: invert(1);"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-1">
</div>
<div class="col-11">
<h3 id="socialstudies">Social Studies</h3>
</div>
</div>
<div class="row">
<div class="col-1">
<div class="d-flex flex-column align-items-center mt-5">
<a href="#carouselSocialStudies" role="button" data-bs-target="#carouselSocialStudies" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true" style="filter: invert(1);"></span>
<span class="visually-hidden">Previous</span>
</a>
</div>
</div>
<div class="col-10">
<div id="carouselSocialStudies" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/designing-greek-monuments.html"><img src="images/greek_monuments.jpg" class="card-img-top" alt="Screenshot of a Greek monument being created in TinkerCad"></a>
<div class="card-body">
<h5 class="card-title">Designing Greek Monuments in 3D</h5>
<p class="card-text">Create a 3D model of your own Greek monument</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/ancient-civilizations.html"><img src="images/ancient_civilizations_app.png" class="card-img-top" alt="Screenshot of Ancient Civilizations app"></a>
<div class="card-body">
<h5 class="card-title">Ancient Civilizations</h5>
<p class="card-text">Create a civilization in a computer-based activity</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/the-scramble-for-africa.html"><img src="images/scramble.png" class="card-img-top" alt="Screenshot of Scramble for Africa web app"></a>
<div class="card-body">
<h5 class="card-title">The Scramble for Africa</h5>
<p class="card-text">Explore and discuss the tragedy of colonization in Africa</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/ancient-civilizations-paper.html"><img src="images/civilization_maps.jpg"" class=" card-img-top" alt="Photo of student-completed game boards"></a>
<div class="card-body">
<h5 class="card-title">Ancient Civilizations - Paper</h5>
<p class="card-text">Create a civilization in a paper-based activity</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/modernizing-myths.html"><img src="images/modernizing_myths.gif" class="card-img-top" alt="Illustration of Greek gods on Mount Olympus"></a>
<div class="card-body">
<h5 class="card-title">Modernizing Myths from Ancient Greece</h5>
<p class="card-text">Bring classic myths into the modern era</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/the-enigma-machine.html"><img src="images/enigma_machine.jpg" class="card-img-top" alt="Photo of the Enigma Machine"></a>
<div class="card-body">
<h5 class="card-title">The Enigma Machine</h5>
<p class="card-text">Discover how encryption was key to ending WWII</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/criminal-justice-reform.html"><img src="images/criminal_justice.png" class="card-img-top" alt="Screenshot of Criminal Justice flowchart showing the first half of the American criminal justice process"></a>
<div class="card-body">
<h5 class="card-title">Criminal Justice Reform</h5>
<p class="card-text">Critique and redesign the American criminal justice system</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="social-studies/voting-rights.html"><img src="images/voting_rights.jpg" class="card-img-top" alt="Student-created poster stating that every vote counts"></a>
<div class="card-body">
<h5 class="card-title">Voting Rights and Voter ID Laws</h5>
<p class="card-text">Discover the history of voting rights in the US</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1">
<div class="d-flex flex-column align-items-center mt-5">
<a href="#carouselSocialStudies" role="button" data-bs-target="#carouselSocialStudies" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true" style="filter: invert(1);"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-1">
</div>
<div class="col-11">
<h3 id="ela">ELA</h3>
</div>
</div>
<div class="row">
<div class="col-1">
</div>
<div class="col-10">
<div id="carouselELA" class="carousel slide" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<a href="ela/creating-a-podcast.html"><img src="images/soundtrap.png" class="card-img-top" alt="Screenshot of a multitrack Soundtrap project"></a>
<div class="card-body">
<h5 class="card-title">Creating a Podcast</h5>
<p class="card-text">Write and record a podcast about a novel</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="ela/lord-of-the-flies-island-map.html"><img src="images/lord_of_the_flies_map.jpg" class="card-img-top" alt="Photo of one student's completed map"></a>
<div class="card-body">
<h5 class="card-title">Lord of the Flies Island Map</h5>
<p class="card-text">Visually represent the central themes of Lord of the Flies</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<a href="ela/writing-historical-fiction.html"><img src="images/writing_historical_fiction.jpg" class="card-img-top" alt="Photo of students working on laptops"></a>
<div class="card-body">
<h5 class="card-title">Writing Historical Fiction</h5>
<p class="card-text">Interview a family member about historic moments</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-1">
</div>
</div>
<h3>What is computational thinking?</h3>
<p>Popularly defined <a href="https://www.cs.cmu.edu/~15110-s13/Wing06-ct.pdf" target="_blank">by Jeanette Wing in 2006</a>, computational thinking is a way of solving problems, designing systems and understanding human behavior by drawing on the concepts of computer science. It is the thought processes involved in formulating problems and their solutions so that the solutions are represented in a form that can be effectively carried out by an information-processing agent.</p>
<p>Gerald Sussman offered a strong analogy in <a href="https://www.nap.edu/read/12840/chapter/3" target="_blank">2010’s Report of a Workshop on the Scope and Nature of Computational Thinking</a>, saying, “Scientific thinking is about apples and oranges and how they may be different or the same. Mathematical thinking is about [apples and oranges as] spheres and where they have areas and volume and the fact that they may involve a particularly high number of dimensions. Computational thinking is about how a group of people can cut and share an apple so that each person feels he or she got a fair share of the apple.”</p>
<p>Computational thinking skills include:</p>
<ul>
<li><strong>Algorithmic thinking</strong> – using a well-defined series of steps to achieve a desired outcome</li>
<li><strong>Decomposition</strong> – tackling a complicated problem by breaking it down into its components and working on pieces one at a time</li>
<li><strong>Abstraction</strong> – stripping away the specifics of a set of problems to find the generic solution that can be used for them all, or representing a complicated system with a simple model or visualization</li>
<li><strong>Pattern recognition</strong> – analyzing trends in data and leveraging that information to inform solutions</li>
</ul>
<p>Solving problems as a computational thinker also requires some specific attitudes towards problem solving in general. We strive to empower our students with the confidence needed to tackle ambiguous problems, the tenacity to persist through challenges requiring iteration and experimentation, strong communication skills to facilitate collaboration and presentation, and a general curiosity across all disciplines that leads them to asking and answering big, scary questions.</p>
<h3>Press</h3>
<ul>
<li><a href="https://www.edutopia.org/blog/computational-thinking-across-the-curriculum-eli-sheldon" target="_blank"><strong>Edutopia</strong>: Computational Thinking Across the Curriculum</a></li>
<li><a href="https://www.edsurge.com/news/2018-07-25-how-data-science-adds-computational-thinking-and-fun-to-gym-class" target="_blank"><strong>EdSurge</strong>: How Data Science Adds Computational Thinking and Fun to Gym Class</a></li>
<li><a href="https://www.edutopia.org/article/flexibility-computational-thinking" target="_blank"><strong>Edutopia</strong>: The Flexibility of Computational Thinking</a></li>
<li><a href="https://www.scientificamerican.com/article/coding-for-all-is-it-a-smart-goal-for-schools/" target="_blank"><strong>Scientific American</strong>: “Coding for All”: Is It a Smart Goal for Schools?</a></li>
</ul>
<h3>Acknowledgements</h3>
<p>This work was funded by the <a href="https://pgafamilyfoundation.org/" target="_blank">Paul G. Allen Family Foundation</a> and <a href="https://greendot.org/" target="_blank">Green Dot Public Schools</a>.</p>
<h3>Contact</h3>
<p>Questions? Comments? You can reach me at <a href="mailto:eli@ctlessons.org" target="_blank">eli@ctlessons.org</a>.
<h3>Privacy</h3>
<p>Please find our privacy policy <a href="privacy.html">here</a>.</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>