Skip to content
This repository was archived by the owner on Jun 25, 2023. It is now read-only.

Foundations Course Resources

Jump to bottom
Chinnell Davis edited this page May 16, 2017 · 12 revisions

Please provide links to resources you created based on the unit it is most relevant to

Unit 0: Introductions

Unit 1: HTML Content

Unit 2: CSS Tag Selectors

Unit 3: HTML Lists, IDs & Classes

  • Sunglass Central This project allows students to practice Unit 3 skills by creating an online sunglasses shop.

Unit 4: Positioning, Layout & Wireframing

Unit 5: jQuery

Unit 6: Cloud 9 & Multi-page sites

  • Intro to C9 Website very basic steps Includes slides, Paper copy Do Now, Repo to be forked&cloned, and step-by-step teacher notes, covers commenting in code, HTML, CSS styling, anchor tags, jQuery, linking local pages)
  • Jeopardy Review Game for HTML, CSS, and Jquery review before the Mid-Year Challenge

Unit 7: GitHub Collaboration

Mid-Year Review Unit

  • jQuery Review Project: A review of units 1-8 with a healthy dose of jQuery click event handling and show/hide functionality

Unit 8: JavaScript Introductions

Unit 9: Conditionals, Variables & Strings

  • For classes that use Chromebooks and can't access Developer Tools, use this Javascript Console
  • Jeopardy Question Bank A list of many questions that could be used for a custom jeopardy board.
  • Kim and Kayne MadLibs Lots of jQuery. Uses variables to store parts of speech
  • Values, Types, Operators Guided Notes or Worksheet
    • Part 1: Students differentiate between boolean, number, and string.
    • Part 2: Operators (+, *, /, !==, ===, <, <=)
    • Part 3: Variables
    • Part 4: Variables+Operators
  • Variables AND Operators Here's a slideshow that uses the Variables + Operators worksheet as the Guided Practice. This lesson could fit nicely after the Variable lesson and before the conditional lesson.
  • If/Else Code Modification Practice (scaffolds approach used in Hi/Lo project)
  • Logical Operators, AND + OR I couldn't find any material pertaining to AND + OR operators so I created a lesson around it. This also includes a Login Project where students construct a basic login page (example username/password: Jesse/123456).

Unit 10: Functions

Unit 11: Math & Arrays

Unit 12: Loops

Unit 13: Animations and Collisions

Mario Game--Use keydown events to make the character move right and left and to react to a collision with another character (students will have to add in another character to the game board). Extra challenges would include: using a keydown event to make Mario jump, add a counter and have it increase by 1 every time Mario jumps, make the coin disappear when Mario jumps up and reappear when he lands.

Unit 14: Capstone Project

  • Snake Game Potential alternative project that can be challenging yet rewarding. (includes lesson plans and solution code)

Non-Internet Activities

Games

  • Code Combat CodeCombat is a platform for students to learn computer science while playing through a real game.

  • Lightbot Program Lightbot to light up all of the blue squares!

  • Flexbox Froggy Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!

Other

  • Algorithms Use Scratch to practice creating an algorithm.

  • Vocabulary Posters Great resource to build vocabulary fluency. Print and hang in the classroom or use for flash cards/games. Useful for English Language Learners or visual learners.

  • Interactive jQuery Reference Table This interactive reference table demonstrates jQuery concepts and is a great way for beginners to see the reference table in action.

  • Bloom's Taxonomy Question Prompts These question prompts help you script out CFUs at a variety of difficulty levels so that you can ask targeted questions to specific students or encourage higher ordered thinking among all your students!

  • Random Cell Colors - Loop in jQuery, random numbers, and setInterval

Clone this wiki locally