Week of Code Register


Overview

What if you spent your summer learning to make your own apps instead of just playing them? This camp introduces the fundamentals of coding. Students will create websites, mobile apps, and video games all while having fun with our energetic team.

What you will do this week

  • Learn basic Computer Science concepts
  • Write code in blocks, HTML, CSS, and JavaScript
  • Build iOS and Android mobile apps with Thunkable
  • Design and Publish your own Website
  • Create your own Video Game with Construct 3
  • Receive 1-on-1 support from our instructional team
  • Share a project presentation with peers and parents

Prerequisites

  • The ability to type text on a computer (e.g. write an email, edit a Word document). We recommend 20 WPM or faster.
  • Experience using a variety of websites, games, and apps

Equipment and Account setup

  • Students each need to bring a computer with Windows, macOS, or ChromeOS (must have permission to install programs, including necessary passwords)
  • Software: Google Chrome web browser
  • Accounts: Google account from Gmail / school (used to log into Thunkable, CodeCombat, and Glitch), Construct (optional account - can use without signing in)

Schedule Summary

Pre-work - Intro to programming concepts with Angry Birds, Codecademy, Scratch, JavaScript

Mon - Making Mobile Apps with Thunkable

Tues - Making Websites with HTML, CSS, and JavaScript

Wed - Making Video Games with Construct 3

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

Detailed Schedule

Pre-work (self-guided prep session)

Computer Setup

Each student will need to provide his/her own laptop for the course. Microsoft Windows-based PC’s, Apple macOS computers, and Chromebooks will work, but iPads / Android tablets will not work for this course. We recommend a laptop made within the past 3-4 years. Computers should be free from viruses/malware. We have a limited number of rental laptops available for $25/day.

To be ready for Day 1 of camp, students should complete the following laptop setup steps:

  1. Install any available operating system updates for your computer (see Windows Update or macOS software update)
  2. Install the Google Chrome web browser
  3. Use your Google account (Gmail, Google Drive, etc) to sign into Thunkable

There are other setup steps (eg creating web accounts) that can be completed after Day 1 of camp.

Coding Basics

Prior to the Week of Code summer camp, it’s a good idea to try some basic coding exercises on your own. If you have not yet done an Hour of Code session on your own or in school, we recommend starting there:


Monday - Mobile Apps

Thunkable screenshot

1pm

  • Introductions - students, instructors
  • Why it’s important to learn to code
  • Awesome Inc Core Values
    • Be Good
    • Be Excellent
    • Be a Friend
    • Be You
  • What ground rules should we have?
    • When the instructor is talking, _____.
    • Keep your hands to _____.
    • Read, Try, _____, Coach.
    • Be positive and _____.
    • No _____ or _____ on the table.
    • Bring the _____.
  • Text editor skills and vocabulary
    • Copy, Cut, Paste, Switch windows
    • Arrow keys vs Mouse, Shift-to-select
    • Spaces and Capitalization matter

1:15pm

2:00pm

  • Break/Snack

2:15pm

  • Secret Identity App
    • Control Structures
    • Conditionals
  • Roll Dice App
    • Variables
    • Lists
    • Randomizer
    • Functions

3pm

  • Break / Game

3:30pm

  • My Search Engine App
    • Adding Screens
    • Data storage

4:30pm

5pm


Tuesday - Websites

Website about animals

1pm

  • What is “The Web”?
  • View Page Source, see HTML, CSS, JavaScript
  • Chrome Developer Tools
  • Design a wireframe for our site
    • Heading, Navigation, Images, Text Content
    • Two pages: home page, fun facts
  • Use Glitch to make our first web page
    • Create account and sign in
    • REMIX THIS PROJECT
    • Add HTML Elements
      • Headings
      • Paragraph
      • Images
      • Links
      • Lists

2pm

  • Styles with CSS
    • Go to style.css
    • Selectors and Properties
    • Background Colors
  • Embed YouTube video
    • Share -> Embed

3pm

  • Break / Game

3:15pm

  • Web Page 2: Animal Fun Facts
    • Go to facts.html
    • JavaScript
    • Add fun facts to Array
    • Can you count the number of clicks to your button?

4pm

  • Customize the URL for your website, share using glitch.me
  • Add your site to our list

References:

4:30pm

  • Confirm Construct setup for tomorrow.
    • Protip: bring a mouse!

5pm

Nick's favorite animal is the Wandering Albatross


Wednesday - Video Games

Block-Stacking Game made with Construct 3

1pm

  • Construct interface overview
  • Run a sample project

1:30pm

3pm

  • Break / Game

3:15pm

4:30pm

  • If time:
    • Pong with Construct
    • Cookie Clicker with Construct

5pm


Thursday - Project Day

Week of Code projects

1pm

Note: most 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

3:15pm

  • Work time

4:15pm

  • Show and 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: Code.org, Codecademy, Udacity
    2. Awesome Inc Fall/Spring weekly classes:

5pm