- HTML
- HTML Tags
- HTML Attributes
- Parent/child sibling
- CSS
- CSS Selectors
- CSS Cascade
- DOM Manipulation
- On ____ callbacks
- A web framework (React, Angular, Backbone, etc)
- Phaser
- Physics
+
Covered by blockley
=
Can be covered by blockley challenges
-
Can't be covered easily by blockley
- Functions +
- Computational thinking (includes understanding programs run in order) +
- Loops +
- Conditionals =
- Variables =
- Objects -
- Arrays -
- Callbacks -
- Promises -
Daily
-
Explicitly show computational thinking (Idea --> Abstraction --> Algorithm --> Code) in examples
-
Demos everyday
-
NO ARRAYS?!
-
Fix blockley run in script tag properly
Provide CSS
Have cheatsheets of all fundamental concepts made and ready to teach before camp starts so that we can have impromptu mini lectures that seem more structured.
Idea:
w1: 2 projects, t-w, th-fri
-
day
- Intro stuff, energizers, getting to know people
- Hacking twitter
- Lunch
- Fundamentals of html (& css) through making a portfolio website
- PB&J, trust robot 4. computers can only do thing in order 5. computers can remember things 6. computers can do things over and over again 7. computers can choose to do one thing or another thing 8. computers can do something when something else happens
- Ship! MVP of portfolio website
-
day
- Review from day 1, finish up website
- Context for lessons of Hack Camp (center on JS)
- teach the fundamentals of computer science
- tech the students will learn at Hack Camp
- Lunch
- Blockley (funcs, comp thinking, loops, variables)
- Ship! Blockley project
-
day
- Blockley (focus on funcs and variables)
- Jump into phaser with examples (playing with samples on phasser's website)
-
day
- phaser game brainstorm (need a win condition to their game to go forward)
- Blockley (focus on conditionals and loops)
- building phaser game
- Ship! First Phaser game (from Wed and Thurs)
-
day
- Building phaser game + shipping
- Ship! own phaser game (mini-hackathon)
-
day 2. Revisit HTML/CSS and introduce javascript 3. formal introduction to details of html/css 3. Focus on functions, variables, callbacks 4. Events 4. Twilio text message/phone call
-
day 2. Focus on loops, conditionals, arrays 3. DOM manipulaion
-
day 2. Firebase or Dweet
-
day 2. Design mini-workshops (CSS) 3. Project Day
-
day 2. "hackathon" 3. Project Day