0% found this document useful (0 votes)
60 views3 pages

(SD-1023) TAP Coding Test

The document provides instructions for two coding assignments: 1) Create a one-page personal portfolio website using HTML and CSS only, following the provided design guidelines. The site must showcase skills and information, use semantic HTML elements and CSS variables/stylesheets, and be responsive on all screens. 2) Write a JavaScript function that takes a number array as a parameter and returns the missing number within the valid range based on the array length, according to examples provided.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
60 views3 pages

(SD-1023) TAP Coding Test

The document provides instructions for two coding assignments: 1) Create a one-page personal portfolio website using HTML and CSS only, following the provided design guidelines. The site must showcase skills and information, use semantic HTML elements and CSS variables/stylesheets, and be responsive on all screens. 2) Write a JavaScript function that takes a number array as a parameter and returns the missing number within the valid range based on the array length, according to examples provided.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Q1: HTML/CSS Question

Your task is to create a personal portfolio website using only HTML and CSS (one
page). The website should showcase your skills and any relevant information you
would like to include. The design and layout are as per the image below, but
change the text and image to reflect your own information and make sure the
website is responsive.

Requirements:
1. Design:
● The design should follow the same structure, layout, fonts and colors
of the provided image
2. HTML Structure:
● Use semantic HTML elements to structure your web page, such as
<header>, <nav>, <section>, <article>, <footer>, etc.
3. CSS Styling:
● Use CSS to style your web page.
● Use CSS variables to define colors [#D1884F, #008AAA, #3BBADB]
● Use the following font in the website.
Poppins (https://fonts.google.com/specimen/Poppins)
4. Responsive Design:
● Webpage should be responsive and fits well on all screen sizes.

Submission Guidelines:
● Create a new repository on GitHub and upload your project files
● Deploy to GitHub pages
● Share the GitHub repository link with us for evaluation.

Note: Evaluation will be conducted based on the above requirements and guidelines
to assess your HTML and CSS skills, so don’t use pre-built templates or
frameworks like Bootstrap, ReactJS, etc. Write your code from scratch to
showcase your abilities.

Q2: Javascript Question


Write a JavaScript function that takes an array of numbers as a parameter and
returns a number based on the following requirements.
Given an array nums containing n distinct numbers in the range [0, n], return the
only number in the range that is missing from the array.

Constraints:
● n === nums.length
● 0 <= nums[i] <= n
● All the numbers in nums are unique.

Example 1
Given nums = [3,0,1]
Your function should return 2 because it is the number missing from the range [0 - 3]
Because 3 is the number of elements in the array.

Example 2
Given nums = [9,6,4,2,3,5,7,0,1]
Your function should return 8 because it is the number missing from the range
[0 - 9] Because 9 is the number of elements in the array.

Example 3
Given nums = [0,1]
Your function should return 2 because it is the number missing from the range
[0 - 2] Because 2 is the number of elements in the array.

Submission Guidelines:
● Push your Javascript assignment file to the same repository you used for the
portfolio page question.

You might also like