Convert To Code

Beat Box: A Code Along Workshop

---

What is Convert To Code?

Convert To Code is a community organization that strives to facilitate learning of computer science and programming. CTC provides free programming workshops to middle school and high school aged students, however adults are welcome.

Workshop Objective:

The Beat Box workshop is inspired by both Music Boxes Coder Projects and #Javascript30 Javascript drum kit. While learning the basics of HTML5, CSS and Javascript attendees will turn their browser into an interactive musical experience.

Description of skills required:

None. The workshop was designed assuming attendees have no prior knowledge of computing concepts before attending.

Skills learned:

Basic html, basic css, intro to jQuery, basic javascript, buttons, variables, and basic audio. We will be using JavaScript to learn how to create a drumkit. You'll use JavaScript to interact with HTML elements so that your page can react to click and keyboard events by playing different audio files.

Workshop Requirements:

Be sure to bring your laptop computer and install the Chrome or Firefox Browser. Also, you must have a codepen account created before arrival.

Useful Links:

• Check out presentation slides, click here
• Check out Codepen to review a completed sample project here
• Check out Audio Files and class notes here