Project Sally Says (Part 1 of 3)

User presses “play game” to start game

User is asked to memorize 3 colors and then repeat back on the next prompt screen

If user gets it right, then they have to memorize 4 colors; otherwise, the game ends and app tells user correct answer

User continues to play and color sequence continues to get longer until the user gets one wrong

Use “y” to represent the color yellow, “r” for red, “g” for green, and “b” for blue

Remember to use: while … loop, if () {} else {}, Math.floor(Math.random())

Project Sally Says (Part 2 of 3)

You are going to continue building this app now

This time you should add some style to your button and create a table with the four colors on it

Each of the colors in table should be a button

Now when user is prompted for answer, they press button color instead of typing in letter of color

Remember to use

• while … loop
• if () {} else {}
• Math.floor()
• Math.random()

Project Sally Says (Part 3 of 3)

To continue building on this app…app will now alert user which colors to memorize by pressing and lighting up each button and playing a unique sound when button is pressed

When user presses button in response, the button lights up and plays sound

Remember to use

• while … loop
• if () {} else {}
• Math.floor()
• Math.random()

Build your own Project

Time to get your creative juices flowing!

Using all of the concepts we have learnt so far (i.e. JavaScript, HTML, CSS, and JQuery), build and deploy your own website!

Acceptance Criteria to complete project:

• Create a multi-page website with at least 3 pages
• Use each one of the following at least once: If then statement, for loop, while loop
• Use pseudo code and comments to make your code clearly understandable
• Use at least one list and one dictionary
• Build at least 3 functions
• Use JQuery to activate at least one button and make formatting or content of website change in at least one place
• Make your website mobile friendly and dynamically change appearance based on screen size

Deploying your website

(Coming Soon)

There are many different services to deploy your website (e.g., AWS, Heroku, Google Cloud, GoDaddy, etc.)

Lets explore how to do this…

Other useful resources to keep in mind

There are many different front end design tools that can help you design and build websites quickly

These can be helpful to quickly create landing pages, a blog, an eCommerce website, or to simply add in components to your site

Many of these sites have drag and drop solutions and even connect with backend functionality

If you are simply trying to start a website for a very specific purpose, you might be better off just using one of these sites. For example, if you just want to sell snowboards online, you are probably best off just using an “out of the box” site from Shopify.com

If you found this course interesting though and enjoying building custom projects, then you should check out other Coding 100 level classes so that you can learn how to connect the front end to a database so that you can store and send data and have users create and login into their accounts!

Our advanced coding classes will also teach you about many other interesting topics (e.g., artificial intelligence, machine learning, python web scrapping, etc.)

Congratulations! You finished! You can code!!!