Advanced CSS and Intro to JavaScript

Objects

Objectives

• use objects to store and access data
• learn to create methods on objects, and utilize the this keyword

Introduction

You've been contracted by a restaurant to start building out their website. Before you work on any of the styling, you need to organzine your data in JavaScript. In this challenge you will work with different objects, constructors, and arrays of objects to manipulate data.

Instructions

Task 1: Set up Project

Using VSCode and Command Line:

1. Fork the repo
2. Go into canvas and connect your reop to codegrade
3. Clone your forked version of the repo
4. DO NOT CREATE A BRANCH. You will be pushing your changes to the main/master today
5. cd into your repo
6. open the terminal in your vs code and type npm install
7. next type npm run test in your terminal
8. Complete your work making regular commits to main/ master your codegrade score will update each time you make a push.

Task 2: MVP

Find the file index.js and complete the tasks for MVP.

Testing & Debugging

Open a second terminal inside of your project by clicking on the split terminal icon

Inside of your second terminal type npm start

You will be running your tests in one terminal and debugging in the other. As you work on your code you should make use of console.log to check your progress and debug.

Task 3: Stretch

There are several stretch goals inside index.js. You may work on these once you have finished MVP requirements for the day!

FAQs

Why aren't my results showing up in the console?

Make sure you are invoking your function after defining it in order to view results in the console.

Resources

What the Beep is this in JavaScript?

Submission format

Please submit your project via codegrade by following these instructions See part 2, submitting an assignment with codegrade