Junior Front End Web Dev Interview Question List

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?