Skip to main content

JS Exercises

Learning outcomes​

  1. Practice the use of Git and GitHub.
  2. Practice the use of JavaScript to select, traverse, manipulate, and create DOM elements.
  3. Practise the use of JavaScript to code solutions to techincal problems.

Goals​

This is a collection of JavaScript exercises and coding challenges. The focus in this assignment is to:

  • Practice problem solving.
  • Practice JavaScript fundamentals.
  • Practice using the official documentation. (We'll be using many documentations for many libraries so it's good to start here)

Guidelines​

  • This assignment utilized automated-tests to check for the correctness of your code. These tests can be a bit specific about what you name things, where do you place them, what HTML tag you use for them, ...etc.
    • Please Follow the instructions on this assignment for the best outcome.
  • Make a habit of committing and pusing your code frequently to github.
  • Make sure to meanignful commit messages that describe what you did.
  • Make sure the automated tests and checks continue to pass after you make changes.
  • To be able to run the automated grading checks, make sure you have installed Node.js, per the instructions posted on Canvas.
  • Don't forget to fill out the self assessment on the README file, and the feedback form at the end of the instructions.

Instructions​

  1. Accept the Assignment on Canvas.
  • This will create a repository for you with a few starting files. 
      .
      ├── .vscode
      │   └── settings.json
      ├── src
      │   ├── __tests__
      │   │   ├── 1.numbers.js
      │   │   ├── 2.strings.js
      │   │   ├── 3.arrays.js
      │   │   ├── 4.logicalOperators.js
      │   │   ├── 5.flowControl.js
      │   │   └── 6.equality.js
      │   ├── 1.numbers.js          ⬅️
      │   ├── 2.strings.js          ⬅️
      │   ├── 3.arrays.js           ⬅️
      │   ├── 4.logicalOperators.js ⬅️
      │   ├── 5.flowControl.js      ⬅️
      │   └── 6.equality.js         ⬅️
      ├── .eslintrc.json
      ├── .gitignore
      ├── package-lock.json
      ├── package.json
      └── README.md                 🔼: update this once done
  • you will only be working on the files marked with the arrows
  1. Clone down the repository to your local computer.
  2. Install the project dependencies using the npm install command.
  • make sure you're in the project directory in the terminal before you run this command.

  1. Run the project tests using npm test You should see all the tests failing like so: failing tests image

  2. Our task would be to implement the functions in the src files (marked with ⬅️ arrow above) until all the tests pass.

  3. at the end of each test, commit your code commit logo git commit -m "finished test xyz".

  4. DON'T FORGET to Update the README.md file with your self assessment

    • Your grade
    • Self Reflection
    • How long it took you to complete the assignment

  5. push your code.

Resources​