Junior Front End Web Dev Interview Question List

03/20/20182 Min Read — In Career, Hiring, Office, Development

My favorite bad-ass TPM Steph Datu shared this with the team today, it's a little old but a good walk through of junior front end web dev trivia that might come up in interviews.

  • What is the level of the HTML draft?
  • What’s the difference between an ordered and unordered list?
  • When is it not OK to use tables? And to use them?
  • What are CSS3 selectors? (give examples)
  • What are CSS3 vendor prefixes? (give examples)
  • How would you create rounded corners in CSS3?
  • Where should the CSS3 spec standard go (before or after vendor prefixes) and why?
  • Is it good to use the hover pseudo class for touch devices? Why/why not?
  • Where in your HTML should your JavaScript <script> tags go?
  • Is it a good idea to use inline JavaScript? Why/why not?
  • Is it good practice to use onclick in JavaScript? Why/why not?
  • Why is it a bad idea to use pixels for font sizes?
  • What’s the difference between ems and rems?
  • If you have 150 links that you wish to assign onclick events to and alert or console.log that they’re clicked, how would you do this?
  • Do you know about event delegation in JavaScript?
  • If the deal boxes on your promo pages had overflow:hidden on them, and the user increased their font size, what would happen to the text inside the boxes?
  • What does overflow: auto do?
  • How would you fade opacity on an element using CSS?
  • In CSS, how do you use a custom font?
  • In HTML, how would you apply strikethrough to an element?
  • Is there SEO impact to using multiple H1 tags on a page?
  • What is document outline?
  • What’s your preferred browser?
  • Are you on a Mac or PC? how would you test on other platforms?
  • What is CSS3? What is the new CSS versioning standard?
  • How would you use CSS shorthand to apply the same margin to all sides of an element?
  • How would you use CSS shorthand to apply one margin to the top/bottom, and a different one to the left/right sides?
  • In the background-position property, which value is x and which is y?
  • Can you use negative values for background-position? What are some reasons for doing this?
  • Can you use negative values for padding?
  • List the four pseudo classes for HTML anchor tags.
  • In CSS, what’s a pseudo element?
  • How would you make text smaller using an HTML element?
  • In HTML, how would you make an element bold or more important?
  • What are the HTML elements for superscript and subscript? If you didn’t use those tags, how would you make an element superscript or subscript in CSS?
  • In responsive design, what’s the syntax for changing a layout based on viewport?
  • Why is it a bad idea to use hover for touch screen devices?
  • In CSS, instead of hex colors, can you use color names like “red”?
  • Name 3 types of CSS borders
  • What is the purpose of vendor prefixes?
  • Is there a specific order for the prefixes vs. the spec?
  • Is there a text input type for email in HTML forms? What is it?
  • In forms, what is the standard type for the input element?
  • What form element would you use for a list of items?
  • If you’re marking up a button type in a form, what action do you use for submit?
  • What form element would you use to make a big text box?