Cheney Middle School

Skip to main content
Mobile Menu
Please Create A Marquee

JavaScript Projects & Info.

Introduction to JavaScript / JavaScript Projects

Introduction to JavaScript

1 Quarter                                  Prerequisite: Intermediate Programming (bench mark programming completed)

This class starts with the student using Khan Academy for about 4 weeks learning the change of the drag and drop programming in intermediate to the text scripting using a text editor eventually. The second half of the quarter will be using Tynker JavaScript 101. Most students are expected to learn the conditional logic, variables, patterns, expressions and get into using the canvas. (HTML/CSS) will be a great help to add some flair to their projects, but is not needed. The Tynker series will have the student text scripting without any background command support from hidden files making it easier to program. The projects they will create will be done in sublime text editor. The expectation of this class is to get them to start game projects assigned to the student through both my staff page and Tynker. Most students will only make it to a couple of the projects in one quarter. Not finishing all of the bench marks in one quarter will not affect grade.

JavaScript Projects

1 Quarter                                  Prerequisite: Intro to JavaScript

This class starts where the student left of in Intro to JavaScript. They will continue through the more advance projects in design with other students in the class working as a group to complete the assignments. The projects are very detailed and will take a lot of focus and work. At the end of these projects students will so a general mastery of programming skills, group work skills, and a good syntax control of JavaScript. Students will have to complete all of the bench mark projects before continuing on to the next course. Not finishing all of the bench marks in one quarter will not affect grade.

 

At middle school level my classes are what we call an exploratory class. All of my classes as an exploratory class will be a “NO” fail class. I only ask that students are always trying to work at the best of their abilities. All though your student can not fail my class, a lack of effort or trying can result in a “NG” No Grade in my class. Which over the course of the year if the student does not complete the minimum course work will turn into a "U" grade. (If it is 4th qtr it will be an automatic "U") I reserve this for students that after many communications and tries to get them to participate in the class, that they do not give work effort.

Grading: Introduction to JavaScript

Lowest possible grade in this class is a “B” the grade of a “B” is for students that were not able to complete the benchmarks and course in the term. As with any of my computer programming classes they will just pick up where they left off in the next quarter, upon completion of the class I will grade replace previous quarter in the same year for the “A”. Then the student will progress to the next class in the series JavaScript Projects

Grading: JavaScript Projects

Lowest possible grade in this class is a “B” the grade of a “B” is for students that were not able to complete the benchmarks and course in the term. As with any of my computer programming classes they will just pick up where they left off in the next quarter, upon completion of the class I will grade replace previous quarter in the same year for the “A”. Then the student will progress to the next class in the series Introduction to Python

Tynker JavaScript 101 Lesson Videos:
Videos for Introduction to JavaScript:
Tynker Lesson Videos:
Using the Canvas (you must do all the projects below in addition the credit project to move on for each section) -> all credit projects should be done in groups of 2 or more
Sprites for bench mark are below
snowman
 
Java Script projects -> All sprites for required projects are below
For all Benchmarks ask to see a final video or ask Mr. Horvath to Demo
Video lessons:
User Interactions(you must do all the projects below in addition the credit project to move on for each section) -> all credit projects should be done in groups of 2 or more
Sample of project:
Aquarium
Must have at least 5 sprites plus their reverse copy (which are listed below for download)

Aquarium requirements (Aquarium Final Project Video

  • Fish need to bounce of all the sides with sprite change facing correct direction 
  • Fish need both x-axis and y-axis changes
 
Game Design(you must do all the projects below in addition the credit project to move on for each section) -> all credit projects should be done in groups of 2 or more
Frogga
 
Frogga requirements (Frogga Project Final Video)
  • Objects that move by A.I. can not bounce off sides
  • The goal object must randomly re-spawn after capture 
  • Need some sort of score system for every time player captures goal
  • Need to create a win or loose situation either based on score or # of lives
 
 
Snake Game (There are no sprites for this project)
But you must add the features to the Game below
snake
 

Add more features (Snake Project Final Video)

  • Keep score of food consumed and show it on the screen.
  • Display the Length of the snake as the segments grow.
  • When player loses, show a game over screen before restarting the game.
 
Break it Game (You must add the features to the Game below)
Breakit

Add more features (Breakout Final Project Video)

  • Add 2nd row of bricks and have them re-spawn when all are hit. 
  • Make game difficulty increase as score gets higher (increase ball speed)
  • Make a situation that is Game Over if misses paddle.
  • Make the game playable using the mouse (Look to follow the mouse project)
Ping Pong (There are no sprites for this project)
pong
 
 
Space Invaders (sprites Below)
Invader Game
Geometry Dash
 
Flappy Bird
 
This game has a lot of useful information in game building other games
The sprites for Snowman project
The sprites for Aquarium project
The sprites for Frogga project
The sprites for Break it project
The sprites for Invader project