Technology for your Component

< List the technologies you will use to build your component. Do this even if you are working with a partner on your component. For example, you might list: JavaScript, JavaScript Canvass, JavaScript DOM, HTML, CSS. It may be helpful to go back and review the Resources I provided in UNIT B-1 CHAPTER 4 SOFTWARE ARCHITECTURE 3. If you are working on the database, be sure to review MDN Client-Side Data Storage article : https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage as one possibility. – please delete this text and brackets when finished>

Technology for your Game

< List the technologies you will use to build your game. – please delete this text and brackets when finished>

Game Code 

Paste at least 25 lines of JavaScript code that you have written for your game

Component Code

Paste at least 25 lines of JavaScript code that you have written for your component Game Tips

Not sure what game to create?? Create a game that relates to the Astronaut Training theme and matches one of the game categories (agility, problem solving, knowledge). It can be based on an existing game as long as you credit the original game, provide the original code, and write the required number of original lines of code.  The required lines of original code are specified in the individual assignments.

Be sure to review the Astronaut Training: Preliminary Design document. You can find it in Course Documents right at the top – it should answer any questions you have.

Also, just a reminder that I provided lots of resources on Javascript, HTML, and CSS and lots of game samples – many of which include the source code. These resources are listed in: UNIT B-1 CHAPTER 4 SOFTWARE ARCHITECTURE 3Resourses

• MDN Client-Side Data Storage: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage
• 5 Embedded Database Options: https://blog.bitsrc.io/top-5-embedded-databases-for-javascript-applications-1c68496aebac
• WEB LINKS1) HTML
  • HTML Reference: https://www.w3schools.com/html/default.asp
    • Beginners start with “HTML Introduction” and go through at least “HTML Comments”
  • HTML Basics: This is a pretty good “learn by doing series
    • Part 1: https://youtu.be/BvJYXl2ywUE
    • Part 2: https://youtu.be/PypMN-yui4Y
    • Part 3: https://youtu.be/1rbo_HHt5nw
    • Part 4: https://youtu.be/bFvjE4ZRtSE
  • 2) HTML Canvas: 
  • MDN Reference: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API
    • Great intro and examples
  • W3Schools: https://www.w3schools.com/graphics/canvas_intro.asp
    • Great intro and examples
    • Allows you to try out working examples
    • Read ALL of the sections: Tutorial, Canvas Clock, HTML Game
  • YouTube Videos
    • Canvas Crash Course: https://youtu.be/gm1QtePAYTM
  • 3) JavaScript
  • JavaScript in 12 minutes: https://youtu.be/Ukg_U3CnJWI
    • The perfect video for beginners
  • JavaScript in 5 minutes: https://youtu.be/c-I5S_zTwAc
    • No coding but a good overview for everyone to watch
  • W3Schools: https://www.w3schools.com/js/default.asp
    • Simply the greatest JavaScript resource
      • Beginners start with “JS Introduction” and go through at least “JS Arrays”
      • Non-beginners go to any topic you need
  • 4) JavaScript Document Object Model:
  • MDN Reference: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
    • Great intro and examples
  • W3Schools: https://www.w3schools.com/js/js_htmldom.asp
  • Allows you to try out working examples
  • Read ALL of the sections, the application sections in particular
  • 5) Game Examples
  • Dinosaur Game (without dinosaur): https://youtu.be/bG2BmmYr9NQ
  • Dinosaur Game (with dinosaur): https://youtu.be/47eXVRJKdkU
  • Web Dev Simplified – Game Playlist
    • Great resource – lots of game examples
  • Reaction Time Game: https://www.youtube.com/watch?v=j6GZWHcumrI