Skip to content

Instantly share code, notes, and snippets.

@Aebrathia

Aebrathia/README.txt

Last active January 12, 2017 14:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Aebrathia/04c51dcd7100094ae809ec13ee7db36b to your computer and use it in GitHub Desktop.
Save Aebrathia/04c51dcd7100094ae809ec13ee7db36b to your computer and use it in GitHub Desktop.
Download ZIP
Interview test for frontend internships. Find the errors and suggest optimizations.
Raw
README.txt
In the test.html, you should find more than 10 errors/lack of optimization.
As a developer, have in mind that this project you're working on will grow a lot in the next few months. The project should be optimized for :
- Maintainability
- Loading speed
- HTML5 semantics
- Responsive
Find as many improvements as you can but don't worry if you can't find everything ! ;)
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta nzme="description" content="Description">
<script src="./path/to/my/framework.js"></script>
<script src="./path/to/my/script.js"></script>
<script src="./path/to/my/script_tease.js"></script>
<script src="./path/to/my/jquery.js"></script>
<style>
.title {
font-size: 30px
text-transform: uppercase;
}
#subtitle1 {
font-size: 24px;
color: blue;
margin-bottom: 15px;
}
#subtitle2 {
font-size: 24px;
color: blue;
margin-bottom: 15px;
}
#first-text > b:not(.bold) {
font-weight: normal;
}
</style>
</head>
<body>
<p class="title">Main title of the page</p>
<div class="section">
<p id="subtitle">Part. 1</p>
<p id="first-text">Lorem ipsum dolor sit <b>Ahmed.</b></p>
</div>
<br>
<div style="width:100%; height:2px; background-color:black; margin: 15px 0;"></div>
<br><br>
<div class="section">
<p id="subtitle2">Part. 2</p>
<button href="/contact">Contact</button>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment