Front-end Quiz

Last updated: 12/10/2017

HTML

1. This code was invalid with W3C principle, how?

2. What's wrong with this code?

3. What different between we placed <script> tag before end of head and body?

4. Tell me what different between ID(#) and class(.)

5. Write CSS for this code to show horizontal navigation

result

CSS

1. How this code affect to a tag?

2. Write a shorthand margin of this syntax

3. See this code

and tell me what color of "It's Me!" will show up on the screen

4. Write CSS to convert "It's Me!" (in the previous image) to uppercase.

5. With this code, if user open the website on iPad with horizontal view. What dimensions(width, height) of .site-logo will show up?

6. Write a media query for this HTML tag

• for the screen above 768px
• to perform text to show in white on black background

7. What is critical-CSS?

JavaScript

1. What different between window.load and document.ready?

2. What is Grunt, Gulp and Webpack?

3. Give me 3 pros and cons of AJAX

4. Synchronous VS Asynchronous VS Defer, what's different between them?

5. Above the fold.. what is that?