These notes are for Week of Code - Hardware (Arduino, Web, Games). Looking for Week of Code - Classic (Mobile, Web, Games)?

Overview

What you’ll do this week

• Understand basic Computer Science concepts
• Write code in C++, C#, HTML, CSS, and JavaScript
• Build Hardware Projects with Arduino
• Design and Publish your own Website
• Create your own Video Game with Unity 3D
• Receive 1-on-1 support from our instructional team
• Share a project presentation with peers & parents

Prerequisites

• The ability to type text on a computer (e.g. write an email, edit a Word document)
• Access to a computer with OSX/Windows (must have permission to install programs, including necessary passwords)
• Software: Google Chrome, Unity - personal edition, Codebender plugin for Chrome, FileZilla, and Sublime Text
• Email Account (Gmail, Yahoo Mail, etc) - used to sign into web services
• Experience using a variety of websites, games, and apps

Schedule Summary

Sun/Pre-work - Intro to programming concepts with Angry Birds, Flappy Bird, Codecademy, Scratch, Processing

Mon - Build Hardware Projects with Arduino and C++

Tues - Design and Publish your own Website with HTML, CSS, and JavaScript

Wed - Create your own Video Game with Unity 3D and C#

Thurs - Project day: go in-depth on a track (Hardware, Web, Game) of your choice

Detailed Schedule

Sunday - optional setup / prework day

3pm - 5pm

Install help time

• Hardware (Arduino): Codebender plugin for Chrome
• Web: Google Chrome, FileZilla, and Sublime Text
• Games: Unity - personal edition

Pre-work

• Watch video
• Do Angry Birds and Plants vs Zombies challenge
• Make your own Flappy Bird game
• Making Art with Code
  • Processing
  • Khan Academy
• Optional:
  • Light Bot
  • TouchDevelop
  • MIT Scratch
  • RoboZZle
• CS Topics - slides
• JavaScript basics
  • Codecademy Hour of Code
  • JSBin or JSFiddle
• HTML and CSS basics
  • Mozilla Thimble
  • Codecademy Web Track
• Homework challenges
  • Rock Paper Scissors in code
  • Sonic Pi - music from code

---

Monday - Hardware with Maker Board

1pm

• Introductions - students, instructors
  • Name, school, favorite thing to do (besides computer/video game)
• Why it’s important to learn to code
• What ground rules should we have?
• Text editor skills and vocabulary
  • Being precise with Capitalization, Spaces, Punctuation
  • Selecting with arrow keys, shift, Cmd (Mac) / Ctrl (PC)
  • Creating folders and saving files

1:15pm

• Controlling lights with code
  • Blink Multi-color LED
  • Fade random multicolor LED
  • Multicolor Glow Lamp

2:00pm

• Controlling Sound with Code
  • Press a Button to Play a Tone
  • Press a Button to Play a Random Tone
  • Four Note Piano
  • Four Note Piano with synced LED
  • Sound Samples

3pm

• Break / Game

3:30pm

• Sensor Kit - Triggering lights with your environment
  • Light-Activated Night Light
  • Dual-Threshold Night Light
  • Sleep-Friendly Night Light
  • Sound Triggered LED
  • LED Volume Indicator
  • Two Clap Light Switch
  • Sound Light Switch
  • Temperature Triggered LED

4:30pm

• Confirm Unity setup for Wednesday
• More Maker Board
  • Base Kit projects
  • Sensor Kit projects

5pm

---

Tuesday - Websites with HTML & CSS

1pm

• What is “The Web”?
• View Page Source, see HTML, CSS, JavaScript
• Chrome Developer Tools
  • Go to Twitter.com/awesome_inc
• Use Mozilla Thimble to make our first web page
  • HTML Elements
    • Headings
    • Paragraph
    • Links
    • Lists
    • Images
  • Styles with CSS
    • Text Colors
    • Background Colors
    • Fonts
  • HTML Cheatsheet
  • CSS Reference
• Create our own site - My Favorite Animal
  • Use Sublime Text (a “text editor”)
  • Website manual
  • COPY THIS CSS CODE

3pm

• Break / Game

3:15pm

• Special Content
  • Tables
  • YouTube embed
    • Share -> Embed
  • Google Form embed
    • Sample Form

    • Form embed code:

      <iframe src="https://docs.google.com/forms/d/1OXXXjfutX2pbjZwAuOmwzD_vVMmXVFOJgBX-8sXPTZU/viewform?embedded=true" width="760" height="500" style="border-width:0;" marginheight="0" marginwidth="0">Loading...</iframe>
      

4pm

• Deployment with FTP
  • FileZilla
    • Use SFTP
    • Host: projects.awesomeincu.com
    • Port: 22
    • Logon Type: Normal
    • User: (ask instructor)
    • Password: (ask instructor)
  • Server
  • Relative links
• How to register a Domain Name

4:30pm

If times remains:

• Weebly - beginner’s guide, sample Weebly site
• Wordpress.com - 19% of the Web uses this, Sample Wordpress.com site
• Codecademy web practice
• Bootstrap
• JavaScript

5pm

• At home: see web manual and sample code and sample page
• Mozilla HTML Reference
• Remind students to bring a mouse for Unity tomorrow

---

Wednesday - Games with Unity 3D

1pm

• Unity 3D interface
• Run a sample project

1:30pm

• Start Making Minecraft

3pm

• Break / Game

3:15pm

• More Making Minecraft

4:30pm

• If time:
  • Roll-a-Ball
  • Upload Roll-A-Ball
  • 2D Platformer from Unity Assets Store

5pm

• Homework: Finish Making Minecraft
• Remind students to bring headphones for Thursday tutorials

---

Thursday - Project Day

1pm

• Review what we’ve done so far
  • Hardware, Web, Games
• Pick a project:
  • Hardware
    • Maker Board - Base Kit projects
    • Maker Board - Sensor Kit projects
    • Build a Pebble watchface
    • Sonic Pi - Aerodynamic, make music with code
  • Web
    • RailsBridge
    • Learn Python The Hard Way
    • Bootstrap project
    • HTML Dog Tutorials
    • Learn Javascript on Codecademy
    • Coderbyte programming challenges
    • p5.js animation projects, see samples
  • Game
    • Flappy Bird tutorial
    • Other Project from official Unity 3D page, such as Space Shooter
    • Rock, Paper, Scissors…in code
    • Brackeys
    • Five Unity Game Examples
    • Walker Boys Unity Tutorials
    • Snake HTML5 Game
    • Pong Tutorial

Note: many projects here will take longer than 4 hours to complete. That’s OK! Our goal during project day is to help you get started on something significant that you can continue working on after the Week of Code.

2pm

• Work time

3pm

• Break - Minute to Win It

3:15pm

• Work time

4:00pm

• Show & Tell
  1. Show us one thing you made this week
  2. Tell us one interesting thing you learned
  3. What’s one thing you want to create next?
• Recap
• Next steps for learning
  1. Online resources: Codecademy, Awesome Inc U on Udemy
  2. Awesome Inc Academy
  3. Awesome Inc After-School Coding Club

5pm