blob is binary.
s='hashes'>
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>