Test Assignment Class14

This document provides instructions for a coding assessment for a web development bootcamp. Applicants must complete online exercises on Khan Academy to demonstrate their ability to learn new concepts quickly. They are then asked to recreate the layout of a sample website using HTML and CSS on Codepen. The bootcamp will select the best 15 candidates based on how well they implement concepts from the Khan Academy course in their Codepen project, such as using classes and IDs properly, creating a navigational menu, and employing HTML5 elements. The deadline to submit the Codepen URL is one week from the date listed in the document.

Uploaded by

Mijan Ahmed

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

40 views7 pages

Test Assignment Class14

Uploaded by

Mijan Ahmed

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 7

Dear applicant,

Thank you for wanting to be part of H ackYourFuture’s code school:

At the end of this application process we will select the best 15 candidates for our
course starting on March 29th, 2020. Read the following pages carefully to learn how
you can earn your spot.

What we are looking for
At H
ackYourFuture we’re looking for people who work very hard, are disciplined and
passionate about learning how to code and becoming a professional web developer in
the future.

For us motivation is key, as our program is difficult and you are expected to learn a lot
and very quickly. Moreover, we are looking for people who are self-motivated and
willing to support their fellow classmates. This is because HackYourFuture is a school
that is based on self-directed learning and peer-assisted learning.

In our program students will spend a lot of time solving problems and coding on their
own during the week (with online guidance from highly skilled mentors when needed)
and classes are only held on Sundays. You will spend quite some time trying to figure
concepts out on your own.

This is done on purpose: all these skills you have to develop during the program are
what ultimately make you a great web developer.

The test assignment
This is why we would like you to do a test assignment. This assignment consists of
some online exercises and a small website you will build. No worries, you will learn
how to make a basic website during this test. The test’s goal is that you can show us
that:

1 - You are able to familiarize yourself with new concepts quickly, by googling or doing
coding tutorials.
2 - You are willing to put in time, effort and are motivated to learn how to code.
3 – You show that you have potential to become a great web developer.

So let’s get started!
TEST ASSIGNMENT

STEP 1/6

Go to Khan Academy: https://www.khanacademy.org/signup. Create an account and log

in. (Join as Learner - it looks like the second picture below)

STEP 2/6

Choose “other” for your learning type and “Computer Programming” for your
specialisation. Your “Home” screen should look like this now:

STEP 3/6

Complete the exercises in “Intro to HTML/CSS: Making webpages”

(73 exercises in total). Make sure to choose the right exercises, sometimes you have to
click around to find the right ones.

We cannot provide you with any help for the content of these exercises. If you get
stuck with one exercise for a long time - just move on to the next. Sometimes Khan
Academy will not register when you finish a task - don’t worry, as long as you have
completed most of the exercises it will not affect your test result.

STEP 4/6 - IMPORTANT!

Once you are finished, navigate to your “Learner Home” screen and take a screenshot
that contains your name and also an image that you completed the entire “Intro to
HTML/CSS: Making webpages” course (sometimes in does not show 73/73 even though
you completed all). The screenshot should look like this:

STEP 5/6 - IMPORTANT!

Go to https://codepen.io/ and create an account. Click the “Sign Up” button in the top
right corner.

Make an account and then get started with your first “pen”. You will see an HTML, CSS
and JS field. Ignore the JS field for now, this exercise is about HTML and CSS only.

Below you find a live preview of your code. This is a simple example of how it looks
like:

Now it’s time to show (impress) us with the knowledge you acquired from the
KhanAcademy course!

STEP 6/6 - IMPORTANT!

Recreate a website in Codepen

The challenge is to recreate the webpage from the picture as good as you can. This
means that you have to make your website look like the picture, but it doesn’t have to
have any other functionality than hyperlinks.

Find the picture here:

https://i.imgur.com/4LAEqNA.jpg
Remember: It doesn’t have to be perfect. Your web page should show us that you have
the potential to become a great web developer: you’re able to understand the basic
layout of a generic website, you’re able to learn and apply new programming concepts
and that you can be a bit creative.

For the image in the website, you can use the following placeholder image creator:
https://placeholder.com/ Here is an example of how you write it in your website:
<img src="//via.placeholder.com/400x300">
EVALUATION:

What would we like to see in your webpage?

Show us that you understand most of the concepts taught by K han Academy.

● Write correct and clean code that is easy to read
● Comments in your code to show us your thought process
● Make a navigation bar that links to different parts of your Telmore website
● Use CSS classes and ID’s
● Use HTML5 tags like nav, footer, main and section.
● Try to impress us!

Here are some extra things you can impress us with:
● Responsive layout
● Pseudo elements
● Hover styling
● Animations and transitions

Don’t hand in before you have:

● Indented your code!
● Removed inline styles
● Added an alt attribute to ALL images
● Only used id’s where its necessary (which is rare, use classes instead)
● Used some of the structural html5 tags mentioned in this article

Note: don’t copy your code! Using a template for your code is also considered copying.

How we will evaluate your assignment:

● We will look at how you’ve implemented the concepts from the course. Most
importantly:
○ Do you use classes and Id’s (properly)?
○ Can you implement a menu that links to different parts of your page?
○ Can you work with different CSS selectors?
○ Do you make descriptive id’s and classnames?
○ Have you used html5 elements?
○ Do you include anything extra that you’ve learned about elsewhere than
the K hanAcademy course?
HANDING IN:
Once you are finished hand in your test assignment here:
https://cphhackyourfuture.wufoo.com/forms/zbko0gc12hguwb/

The deadline for handing in all the above is Sunday March 1st at 23:59.

If you hand in your webpage on CodePen after this date we will not accept your
assignment.

If you know already now that you will not have time to finish the test assignment on
time then let us know immediately.

If you have any questions please write us via [email protected]

If you are done early you can start working on exercises in “Intro to JS: Drawing and
Animation” in order to study ahead. This is not mandatory, but a good exercise to
prepare you for our program.

Good Luck!