Going through the interview process can be super stressful. In most situations we’ll never know which question will be asked next. This post compiles 81 Front End Developer interview questions with tips and videos! So all you have to do is study these questions, then you’ll be ready for whatever the interviewer throws at you.
HTML Interview Questions
What are your favorite features of HTML5?
Why do u need doctype?
Consider HTML5 as an open web platform. What are the building blocks of HTML5?
Have you used different HTML templating languages before?
How do you change direction of html text?
What are the differences between div and span?
How would you differentiate div, section and article?
How to serve html in multiple languages?
What is the use of data-* attribute?
How can you highlight text in html?
Can you apply css to a part of html document only?
What is optional tag?
What are ARIA and screen readers used for?
How do you make a website accessible?
What are data- attributes good for?
What is semantic tag?
What’s the difference between an “attribute” and a “property”?
CSS Interview Questions
Where do you position CSS links? Are there any exceptions to this?
What is the difference between classes and ID’s in CSS?
What’s the difference between “resetting” and “normalizing” CSS? Which would you choose, and why?
What are Floats and how do they work?
How can you clear sides of a floating element?
What is the z-index?
What are the various clearing techniques and which is appropriate for what context?
How would you approach fixing browser-specific styling issues?
What are the different ways to visually hide content (and make it available only for screen readers)?
Have you ever used a grid system, and if so, what do you prefer?
Have you used or implemented media queries or mobile specific layouts/CSS?
Are you familiar with styling SVG?
How do you optimize your webpages for print?
What are some best practices for writing efficient CSS?
What are the advantages/disadvantages of using CSS preprocessors?
What does box-sizing: border-box do? What are its advantages?
What’s the difference between inline and inline-block?
What’s the difference between a relative, fixed, absolute and statically positioned element?
How is priority determined in assigning styles in CSS?
What existing CSS frameworks have you used?
Have you played around with the new CSS Flexbox or Grid specs?
How is responsive design different from adaptive design?
Does CSS properties are case sensitive?
Why CSS selectors mixed up with cases don’t apply the styles?
Does margin-top or margin-bottom has effect on inline element?
Does padding-top or padding-bottom has effect on inline element?
Does padding-left or padding-right or margin-left or margin-right has effect on inline element?
Which one would you prefer among px, em % or pt and why?
How absolute, relative, fixed and static position differ?
What are the differences between visibility hidden and display none?
What are the differences between inline, block and inline-block?
What are the some pseudo classed u have used?
How do you optimize css selectors?
What do you know about CSS transition?
What are the different CSS filter you can use?
What are the reasons to use CSS preprocessor?
How would you implement a web design comp that uses non-standard fonts?
What are the properties related to box model?
Other Web Development Interview Questions
Do you find that a certain browser is more challenging to work with than others?
What resources do you use to learn about the latest in front end development and design?
What are your favorite types of front end development projects to work on? What do you like about them?
What did you learn yesterday/this week?
What excites or interests you about coding?
What is a recent technical challenge you experienced and how did you solve it?
What is your preferred development environment?
Which version control systems are you familiar with?
Can you describe your workflow when you create a web page?
If you have 5 different stylesheets, how would you best integrate them into the site?
Can you describe the difference between progressive enhancement and graceful degradation?
How would you optimize a website’s assets/resources?
How many resources will a browser download from a given domain at a time?
What are 3 ways to decrease page load time?
If you jumped on a project and they used tabs and you used spaces, what would you do?
If you could master one technology this year, what would it be?
How do you serve a page with content in multiple languages?
What kind of things must you be wary of when design or developing for multilingual sites?
What is progressive rendering?
What are your favorite image replacement techniques and which do you use when?
What’s a single page app and how to make one SEO-friendly?
What’s a cool project that you’ve recently worked on?
What are some things you pke about the developer tools you use?
What’s your favorite feature of Internet Explorer?
Does the screen keyword apply to the device’s physical screen or the browser’s viewport?
Helpful Web Development interviewing videos
Wrapping Things Up
Hopefully this post was a useful tool in helping you land your Web Development gig. If there are any questions we missed that you believe should be added to this post, please drop them in the comments below. If you need some tech inspiration, swing on over to 101 Most Inspirational Steve Jobs Quotes
Blog posts authored by Jameel with easy-to-navigate table of content
Starters Guide to Git & GitHub in Web Development
The Definitive Guide to 508 and ADA Website Compliance
3 Easy Steps to Add a Dynamic Logo to Your WordPress Theme
Here's a couple of recommendations from Linkedn