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
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The Beauty and Joy of Computing is an endorsed AP Computer Science Principles course that is a rigorous introduction to programming and that the ways we interact with and are affected by technology every day.">
<meta name="author" content="Dan Garcia, Brian Harvey, Tiffany Barnes, Michael Ball, Lauren Mock">
<meta name="keywords" contnet="AP CSP, advanced placement, computer scince principles, comp sci, snap, programming, computing, BJC, computer science, cs10, bjcx, bjc4nyc">
<title>BJC | The Beauty and Joy of Computing</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://people.eecs.berkeley.edu/assets/css/bootstrap.min.css">
<link href="https://people.eecs.berkeley.edu/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon" href="https://people.eecs.berkeley.edu/assets/img/bjcfav.png" type="image/png">
<!-- Custom CSS -->
<link href="https://people.eecs.berkeley.edu/assets/css/styles.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
<!-- Open graph, twitter tags, etc. -->
<!-- Begin Jekyll SEO tag v2.7.1 -->
<title>The Beauty and Joy of Computing | BJC</title>
<meta name="generator" content="Jekyll v3.9.1" />
<meta property="og:title" content="The Beauty and Joy of Computing" />
<meta name="author" content="Dan Garcia, Brian Harvey, Tiffany Barnes, Michael Ball, Lauren Mock" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="The Beauty and Joy of Computing is an endorsed AP Computer Science Principles course that is a rigorous introduction to programming and that the ways we interact with and are affected by technology every day." />
<meta property="og:description" content="The Beauty and Joy of Computing is an endorsed AP Computer Science Principles course that is a rigorous introduction to programming and that the ways we interact with and are affected by technology every day." />
<link rel="canonical" href="https://bjc.berkeley.edu/" />
<meta property="og:url" content="https://bjc.berkeley.edu/" />
<meta property="og:site_name" content="BJC" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="The Beauty and Joy of Computing" />
<meta name="twitter:site" content="@cspbjc" />
<meta name="twitter:creator" content="@Dan Garcia, Brian Harvey, Tiffany Barnes, Michael Ball, Lauren Mock" />
<meta name="google-site-verification" content="KuWL2ZXn4a2LNuAH4B-ghSObfCQ3tI6yXiSIRo6f05k"" />
<script type="application/ld+json">
{"@type":"WebSite","url":"https://bjc.berkeley.edu/","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://bjc.berkeley.edu/assets/img/bjc.png"},"name":"Dan Garcia, Brian Harvey, Tiffany Barnes, Michael Ball, Lauren Mock"},"headline":"The Beauty and Joy of Computing","sameAs":["https://twitter.com/cspbjc","https://www.facebook.com/cspbjc","https://github.com/beautyjoy","https://instagram.com/cspbjc"],"author":{"@type":"Person","name":"Dan Garcia, Brian Harvey, Tiffany Barnes, Michael Ball, Lauren Mock"},"description":"The Beauty and Joy of Computing is an endorsed AP Computer Science Principles course that is a rigorous introduction to programming and that the ways we interact with and are affected by technology every day.","name":"The Beauty and Joy of Computing","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->
</head>
<body>
<!--
This displays a red banner above the navbar on domains that aren't bjc.b.e
-->
<nav
class="navbar navbar-fixed-top navbar-inverse warning-nav-top"
role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
<a class="navbar-brand" href="https://people.eecs.berkeley.edu/" aria-label="home page">
<img alt="" src="https://people.eecs.berkeley.edu/assets/img/bjc.png" aria-hidden="true">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right list-unstyled">
<li class="dropdown">
<a href="index.html#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span class="hover-accent">About</span>
<span class="caret" aria-hidden="true"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="https://people.eecs.berkeley.edu/team/leadership">
<span class="hover-accent">Meet the team</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/partners">
<span class="hover-accent">Partners</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/contact">
<span class="hover-accent">Contact</span>
</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="index.html#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span class="hover-accent">Curriculum</span>
<span class="caret" aria-hidden="true"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="https://people.eecs.berkeley.edu/curriculum">
<span class="hover-accent">BJC CS Principles</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/sparks/">
<span class="hover-accent">BJC Sparks</span>
</a>
</li>
</ul>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/ap-cs-principles">
<span class="hover-accent">AP CS Principles</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/summer-pd/">
<span class="hover-accent">Summer PD</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/resources">
<span class="hover-accent">Resources</span>
</a>
</li>
<li class="dropdown">
<a href="index.html#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span class="hover-accent">News</span>
<span class="caret" aria-hidden="true"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="https://people.eecs.berkeley.edu/news">
<span class="hover-accent">All News</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/announcements">
<span class="hover-accent">Announcements</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/research">
<span class="hover-accent">Publications & Talks</span>
</a>
</li>
<li>
<a href="https://people.eecs.berkeley.edu/press">
<span class="hover-accent">Press Articles</span>
</a>
</li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
<div class="trapezoid"></div>
</nav>
<main>
<div class="jumbotron homepage">
<div class="background-overlay"></div>
<div class="container">
<h1>The Beauty and Joy of Computing</h1>
<p>An AP CS Principles Curriculum</p>
<a href="https://bjc.edc.org" target="_blank" class="btn">
Try the Curriculum
</a>
<a href="https://people.eecs.berkeley.edu/summer-pd/" class="btn">Join PD Summer 2022</a>
</div>
</div>
<section class="section">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1 text-center">
<img src="https://people.eecs.berkeley.edu/assets/img/bjc.png" class="bjc-logo">
<p class="lead">
<strong>The Beauty and Joy of Computing (BJC)</strong> is an introductory computer
science curriculum developed at the University of California, Berkeley,
intended for non-CS majors at the high school junior through undergraduate
freshman level. It was one of the five initial pilot programs for the
<a href="https://csprinciples.org">AP CS Principles</a> course being
developed by the College Board and the National Science Foundation.
We offer it as <a href="https://cs10.org/">CS10</a> at Berkeley.
</p>
<a href="https://people.eecs.berkeley.edu/curriculum" class="btn">
How is BJC Special?
</a>
</div>
</div>
</div>
<div class="trapezoid"></div>
</section> <!-- /. section -->
<div class="jumbotron headlines">
<div class="background-overlay"></div>
<div class="container">
<h3><a href="https://people.eecs.berkeley.edu/news/2015/01/01/bjc-for-new-york/">We're bringing BJC to New York City!</a></h3>
<a href="https://people.eecs.berkeley.edu/news/2015/01/01/bjc-for-new-york/" class="btn">Learn More</a>
</div>
</div>
<div class="section homepage">
<div class="container-fluid">
<div class="row">
<div class="col-sm-4">
<div class="circle-frame">
<img
src="https://people.eecs.berkeley.edu/assets/img/suit-and-tie-icon.png"
alt=""
aria-hidden="true"
/>
</div>
<h3 class="text-center">Professional Development</h3>
<h4 class="text-center">2022 PD</h4>
<!-- <p>If you are interested in attending Summer 2021 PD, please leave us your information on <a href="https://bjc.link/BJCinterest2020">our Summer 2020 PD interest form</a> so we can notify you when more details are available!</p> -->
<p>If you are ready to <em>apply</em> to BJC Summer 2022 PD, please apply on our <a href='https://bjc.berkeley.edu/summer-pd/'>Summer PD 2022 page</a>! Our summer PD is free for all public school teachers.</p>
<p>
<!--
<p>We are now accepting applications for our 2019 Summmer PD through May 15, 2019.</p>
<p>Learn about our PD and apply here: <a href="/summer-pd/">
2018 BJC and PD Informational Flyer</a></p>
</a>
<!-- <p>Thanks for a great summer 2018!
We'll have more updates about 2019 as we get closer to the summer.</p>
<p>Sign up on our interest list for summer 2019 PD here: <a href="http://bjc.link/pdinterest19">http://bjc.link/pdinterest19</a></p>
<!-- <h4 class="text-center">
<a href="/documents/2018/bjc-pd-2018-flyer.pdf">
2018 BJC and PD Informational Flyer
</a>
</h4>
<h4 class="small">Pathfinders Institute July 15-20, 2018</h4>
<p>
BJC will offer free computer science professional development at the Indiana University Bloomington campus July 15-20, 2018 for up to 80 high school teachers with generous support from Infosys Foundation. See the <a href="https://www.infosys.org/infosys-foundation-usa/media/press/Pages/free-cs-training-800-teachers-summer2018.aspx">Pathfinders Institute announcement</a> for more info.
</p> -->
</div>
<div class="col-sm-4">
<div class="circle-frame">
<span class="vcenter"></span>
<img
src="https://people.eecs.berkeley.edu/assets/img/partners/snap.png"
alt="snap! logo"
class="vcenter"
/>
</div>
<h3 class="text-center">Snap! Programming Language</h3>
<p><a href="https://snap.berkeley.edu/">Snap<em>!</em></a> (formerly BYOB) is a visual, drag-and-drop programming language. It is an extended reimplementation of <a href="https://scratch.mit.edu/" target="_blank">Scratch</a> (a project of the Lifelong Kindergarten Group at the MIT Media Lab) that allows you to Build Your Own Blocks. It also features first class lists, first class procedures, and continuations. These added capabilities make it suitable for a serious introduction to computer science for high school or college students.</p>
</div>
<div class="col-sm-4">
<div class="circle-frame">
<img src="https://people.eecs.berkeley.edu/assets/img/blown-to-bits.png"
alt="blown to bits book" class="shrink-height" />
</div>
<h3 class="text-center">Textbook on Social Implications</h3>
<p>In the non-programming part of our course we try to balance a fundamental optimism about the future of computer technology with an understanding of its limitations and potential for harm. Student readings are taken mainly from the excellent textbook <a href="http://www.bitsbook.com/" target="_blank"><i>Blown to Bits,</i></a> which is available for free online download.</p>
</div>
</div>
</div>
<div class="trapezoid"></div>
</div> <!-- /. section -->
</main>
<footer>
<div class="container">
<div class="row">
<div class="col-xs-12 social-icons">
<a href="https://twitter.com/cspbjc">
<i
class="fa fa-twitter-square fa-2x"
aria-label="Visit BJC Twitter"></i>
</a>
<a href="https://facebook.com/cspbjc">
<i
class="fa fa-facebook-square fa-2x"
aria-label="Visit BJC Facebook"></i>
</a>
<a href="https://instagram.com/cspbjc">
<i
class="fa fa-instagram fa-2x"
aria-label="Visit BJC Instagram"></i>
</a>
<a href="https://people.eecs.berkeley.edu/contact">
<i class="fa fa-envelope-o fa-2x"
aria-label="Send us an email"
style="position: relative; top -2px"
></i>
</a>
</div>
</div>
<div class="row footer-links">
<div class="col-xs-12">
<span class="footer--requiredNotice">
<span xmlns:dct="https://purl.org/dc/terms/" property="dct:title">
The Beauty and Joy of Computing
</span>
©
<span xmlns:cc="https://creativecommons.org/ns#" property="cc:attributionName">
University of California, Berkeley
</span>
is licensed under a
<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License
</a>.
<a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
<img alt="Creative Commons License" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" />
</a>
</span>
<br />
<br />
<span class="footer--requiredNotice">
The development of this site has been funded by the National Science Foundation under grant nos. 1138596, 1441075, and 1837280; the U.S. Department of Education under grant number S411C200074; and the Hopper-Dean FoundationAny opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation or our other funders. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation or our other funders.
</span>
<br />
<p>Last updated at: <time>2022-08-02 10:31:29 -0700</time></p>
</div>
</div>
</footer>
<!-- /container -->
<script src="https://people.eecs.berkeley.edu/assets/js/jquery.js"></script>
<script src="https://people.eecs.berkeley.edu/assets/js/bootstrap.min.js"></script>
<script src="https://people.eecs.berkeley.edu/assets/js/scripts.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110683264-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-110683264-1');
</script>
</body>
</html>
|