Giter Club home page Giter Club logo

301-entrance-exam's Introduction

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?

301-entrance-exam's People

Contributors

rehamwael avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.