<!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>