Programming is about taking an idea that you have in your head and explaining it in a way that computers can understand. Computers will do exactly what you tell them to do and you'll find that this means your instructions (or code) have to be very specific and detailed. Once you get the hang of it, you can figure out how to make just about anything you want. Even if you don't decide to study in computer science or become a career programmer, you're probably going to be able to use what you learn here. No matter what you study or where you work, computers are and will continue to be an integral part of nearly everything that we do today.

• Learn the building blocks of websites, games, and beyond
• Learn how to think like a programmer and build cool things
• Have fun!

• Setup

• HTML

• Choose-Your-Own-Adventure
• CSS

• Javascript Clicks
• Animations
• Codecademy Javascript Courses 1-4
• Codecademy jQuery Courses 1-2

• Dice Game
• Game Logic
• Khan Academy CS - start with the intro track

• Khan Academy CS - Intro to JS and Advanced JS: Games & Visualizations tracks

• Phaser - We'll walk through a basic project with the Phaser game development library
• Flappy - Start building our own Flappy Bird style game

• Flappy - Finish building our own Flappy Bird style game
• Game Design

• Pinterest office visit
• Game Design and planning

• Pocket Gems office visit
• Group Projects

• Optional: Sign up for Monday Dec 1 About.me field trip
• Group Projects
• Thanksgiving Holiday

• Optional: Monday Dec 1st - About.me field trip, 2601 Mission Street, Suite 900, on the corner of 22nd street
• Group Projects

• Finish Group Projects!
• Please fill this out: end of semester survey
• Demo Day, Saturday December 13th.

Important - fill out this survey http://bit.ly/mbit-trips-fall14

• Tuesday Nov 11th 4:00pm-6pm - Pinterest - 572 7th St at Brannan St

Important - Pocket Gems Visit survey http://bit.ly/gems-visit

• Tuesday Nov 18th 4:30pm-6pm - Pocket Gems - 220 Montgomery Street, Suite 750 at Bush St

• HTML Cheatsheet
• CSS Cheatsheet
• Eloquent JavaScript
• Phaser: website, documentation, examples, forum

If at any point you get stuck, confused, or just want to know how to do something, ask a classmate for help. If that doesn't work, ask one of the mentors and we'll try and get you back on track. Programmers spend a lot of time helping their peers, so this is no different than how it works in the real world. Be respectful of your classmates: there are no stupid questions here.

• http://bit.ly/mbit-fall-2014-mhs-intro

name

Bob Ippolito

email

[email protected]

cell

415-680-3741

Location:

• Room 306 at Mission High School (3750 18th St, San Francisco, CA 94114)

Time:

• 4pm-6pm on Tuesday and Thursday

Directions to Room:

• Enter Mission High School from the main entrance on 18th street (if security asks, tell them you are in the Mission Bit after school class in room 306).
• As you enter, the building walk straight ahead to the back staircase.
• Go up the staircase to the 3rd floor.
• When you arrive at the third floor walk straight ahead down the hallway.
• When you arrive at the end of the hall take a right and room 306 will be about rooms down on your left hand side.
• Enter room 306