3 Months Preparation Plan

All Practice Questions

• CounterWarm Up Question

  Build a simple counter which increments whenever a button is clicked

  Easy

  5 mins

  HTMLJS
• Array.prototype.mapFree

  Implement the Array.prototype.map() method

  Easy

  15 mins

  JS
• Contact FormFree

  Build a contact form which submits user feedback and contact details to a back end API

  Easy

  15 mins

  HTMLCSS
• Holy GrailFree

  Build the famous holy grail layout consisting of a header, 3 columns, and a footer

  Easy

  15 mins

  HTMLCSS
• CurryFree

  Implement a function which transforms a function which takes multiple arguments into a function that can be repeatedly called with only one argument at a time

  Medium

  15 mins

  JS
• DebounceFree

  Implement a function to limit how many times a function can be executed by delaying the execution of the function until after a specified time after its last execution attempt

  Medium

  15 mins

  JS
• FlattenFree

  Implement a function that recursively flattens an array into a single level deep

  Medium

  20 mins

  JS
• Promise.allFree

  Implement the Promise.all() function that resolves to an array of results if all the input elements are resolved or rejects otherwise

  Medium

  20 mins

  JS
• Text SearchFree

  Implement a function to highlight text if a searched term appears within it

  Medium

  20 mins

  HTMLJS
• Todo ListFree

  Build a Todo list that lets users add new tasks and delete existing tasks

  Medium

  20 mins

  HTMLJS
• Deep CloneFree

  Implement a function that performs a deep copy of a value

  Medium

  25 mins

  JS
• GetPremium

  Implement a function to safely access deeply-nested properties in JavaScript objects

  Easy

  10 mins

  JS
• Unique ArrayPremium

  Implement a function to remove all duplicate values from an array

  Easy

  10 mins

  JS
• Array.prototype.filterPremium

  Implement the Array.prototype.filter() method

  Easy

  15 mins

  JS
• Array.prototype.reducePremium

  Implement the Array.prototype.reduce() method

  Easy

  15 mins

  JS
• Function.prototype.bindPremium

  Implement the Function.prototype.bind() function that creates a new function with the this keyword set to a provided value

  Easy

  15 mins

  JS
• jQuery.cssPremium

  Implement a jQuery-like function that sets the style of a DOM element

  Easy

  15 mins

  HTMLCSSJS
• Progress BarPremium

  Build a progress bar component which shows the percentage completion of an operation

  Easy

  15 mins

  HTMLCSSJS
• SumPremium

  Implement a function that sums numbers by accepting a number and allows for repeated calling with more numbers until it is not called with any number

  Easy

  15 mins

  JS
• Temperature ConverterPremium

  Build a temperature converter widget that converts temperate values between Celsius and Fahrenheit

  Easy

  15 mins

  HTMLJS
• TweetPremium

  Build a component that resembles a Tweet from Twitter

  Easy

  20 mins

  HTMLCSS
• ThrottlePremium

  Implement a function to control the execution of a function by limiting how many times it can execute over time

  Medium

  15 mins

  JS
• Camel Case KeysPremium

  Implement a function to convert all the keys in an object to camel case

  Medium

  20 mins

  JS
• ClassnamesPremium

  Implement a function which conditionally joins CSS class names together

  Medium

  20 mins

  CSSJS
• Curry IIPremium

  Implement a function which transforms a function which takes multiple arguments into a function that can be repeatedly called with any number of arguments

  Medium

  20 mins

  JS
• getElementsByTagNamePremium

  Implement a function to get all DOM elements which match a tag

  Medium

  20 mins

  HTMLJS
• Identical DOM TreesPremium

  Implement a function to determine if two DOM trees are the same

  Medium

  20 mins

  HTMLJS
• jQuery Class ManipulationPremium

  Implement a set of jQuery-like functions that manipulates classes on a DOM element

  Medium

  20 mins

  HTMLCSSJS
• List FormatPremium

  Implement a function that formats a list of items into a single readable string

  Medium

  20 mins

  JS
• Promise.allSettledPremium

  Implement the Promise.allSettled() function that resolves to an array of outcomes when all the input elements are either resolved or rejected

  Medium

  20 mins

  JS
• Promise.anyPremium

  Implement the Promise.any() function that resolves when any of the input elements are resolved

  Medium

  20 mins

  JS
• Squash ObjectPremium

  Implement a function that returns a new object after squashing the input object into a single level of depth

  Medium

  20 mins

  JS
• Star RatingPremium

  Build a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating

  Medium

  20 mins

  HTMLCSSJS
• Deep EqualPremium

  Implement a function that determines if two values are equal

  Medium

  25 mins

  JS
• Digital ClockPremium

  Build a 7-segment digital clock which shows the current time

  Medium

  25 mins

  HTMLCSSJS
• getElementsByClassNamePremium

  Implement a function to get all DOM elements that contain the specified classes

  Medium

  25 mins

  HTMLCSSJS
• Text Search IIPremium

  Implement a function to highlight text if searched terms appear within it

  Medium

  25 mins

  HTMLJS
• Signup FormPremium

  Build a signup form that does validation on user details and submits to a back end API

  Medium

  30 mins

  HTMLJS
• Data SelectionPremium

  Implement a function to filter rows of data matching a specified requirement

  Hard

  30 mins

  JS
• Table of ContentsPremium

  Implement a function to construct a table of contents from a HTML document

  Hard

  30 mins

  HTMLJS
• JSON.stringifyPremium

  Implement a function that converts a JavaScript value into a JSON string

  Hard

  45 mins

  JS