/301-entrance-exam

201d3 exit assessment and 301 entrance exam

Primary LanguageCSSMIT LicenseMIT

301 entrance exam

​

Instructions:

Make sure before starting to:

  • turn off any means of communication (phone, slack, email)
  • start your screen recording
  • you are not allowed to use previous projects, notes or GitHub
  • you can use google search engine
  • use the console to debug ​

Before you start:

create a new repository on your github and name it '301-entrance-exam'. ​

Q1) solve the following problem.

Create a js file and name it 'q1.js' on 'q1-solution' branch then do the following: ​ Write a function named 'greaterThan' that will take an array of numbers and a number as parameters then return the number of numbers that are greater than that number in the array

example_1: greaterThan([4,2,3,1],3) => 1
example_2: greaterThan([2,8,-1],8) => 0

​

once you finish, do the following:

  • git push origin q1-solution
  • update your master branch with q1 solution code ​ ​

Q2) solve the following problem.

Create a js file and name it 'q2.js' on 'q2-solution' branch then do the following: ​ Write a function that will print out the following pattern in the console

*
**
***
****
*****

Please note your solution should be dynamic and not hardcoded using console logs ( Do NOT use five console logs in order to solve it )

once you finish, do the following:

  • git push origin q2-solution
  • update your master branch with q2 solution code ​ ​ ​

Q3) Convert the attached wireframe to html, css and js code.

You will be building a simple webpage "To-Do List" which contains all of the tasks that you need to complete on a given day. ​ As a user, I would like to add my daily tasks so I can manage my time and oraganize my randomness.

  • Create a form in order to add the task name and the date to the local storage. ​ As a user, I would like to view all of my tasks that I already added so that I can quickly view my To-Do List in order to do all of them.
  • Whenever you add a task using the form, you should use the local storage in order to get all the tasks from it and convert it to an ordered list using DOM. ​ Stretch Goal: As a user, I would like to delete any task after being done so that I can handle my daily done tasks.
  • When you press on the 'X' button, the task should be deleted from the DOM and the local storage ​ ​

Do this work on a branch called 'q3-solution'.

​

  1. Create an HTML file and convert the wireframe into HTML structure.
  2. Create a CSS file to apply the style.
  • The used font is "Roboto" -> google font.
  • The used colors are "#6d8adbc7" , "#dae4ff" and "#eee".
  1. Create a js file to handle the functionality.
  • Handle getting the current date.
  • Handle adding the tasks to the list and local storage.
  • Handle getting the tasks from the local storage and display them.
  • Handle removing tasks from the list (Stretch Goal). ​

P.S.: you MUST use constructor and local storage in order to solve this question PLUS when you refresh the page, all the data should be persistent.

After completion the exam, do NOT commit or push anything to your repo.

any commits after the exam ended your grade will not be calculated.

​ ​

Submission Instructions:

  • Link to your pull request on GitHub

  • Link to the deployed version of your website (LIVE URL)

  • upload your video/s using google drive and make it public , then send the link/s to your lead instructor using slack after you finish the exam.

  • Add a comment to this Canvas submission with answers to the following questions. How did this go, overall? What observations or questions do you have about the exam? How long did it take you to complete the exam? And, before you started, how long did you think it would take you to complete this assessment?