===== WARNING =====
DON'T Copy and paste JS from sites into your project.
OWN YOUR OWN STUFF
You will spend your whole week debugging instead of learning. Feel free to dig into the examples to get an idea of what your code should look like. Ask questions instead!
Use vanilla JavaScript for this project, do not use jQuery or similar JavaScript frameworks.
===== WARNING =====
Overview
Time to get dynamic in the browser! We are going to make a tribute to one of the greatest browser based games of all time: Cookie Clicker!
Goal
Use the provided assignment template along with your own JS code to build elements in the browser including buttons, text fields, and event listeners to make a tribute to Cookie Clicker that a user can interact and play with.
Project
We are going to be assuming the role of a contract developer for a company that wants to release a game in one weeks time. They have provided us with a list of requirements and our project management team has provided us with a sprint guideline along with story cards to help with development.
Coo Coo Computing Challengers wants you to develop Donut Maker.
Assignment Link
Go here to accept the assignment
Tips
- Try to think of the JavaScript features as things that can be tested. If you need a click count write a test that asks for a click count.
-
Remember to look at Stack Overflow and Google problems when you have them.
- Check the date of your results on Stack Overflow and Google, if it is older than 2-3 years look for a newer answer.
- Same goes for YouTube videos, if it is older than 2-3 years it may be too old to be relevant.
- If the answer you find involves JQuery don't be dismayed, anything you can do with JQuery you can do with vanilla JavaScript.
Exercises
Resources
Reference Websites
- Mozilla Developer Network: JavaScript
- Story Cards
- Introduction to commonly used ES6 features
- ES6 Features
- Make Your Code Cleaner, Shorter and Easier to Read! ES6 Tips and Tricks.