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
How do you structure your CSS and JavaScript to make it easier for other developers to work with?
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
Previous Resource
3 Best SEO Rank Trackers in the IndustryNext Resource
101 Most Inspirational Steve Jobs QuotesFeatured Resources
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
Jameel has worked with us on many of our graphics needs. You will find no one better than Jameel as he makes sure that every (I) is dotted and every (T) is crossed before he will release any of his work for publication. He is the best of the best. C. J. Brown III President PeoplePower, LLC
Jameel was a student in my program that I had the pleasure of teaching in several graphic design courses. He is a very talent graphic artist and has a great work ethic. He is also very versatile when it comes exploring new tools to assist him in his creations. Jameel is friendly and easy to communicate with and a true professional.
I had the pleasure of teaching Jameel several advanced web classes. He is an excellent problem solver, detail oriented and life long learner. A specific strength Jameel possess is his ability to find and implement answers on his own. I highly recommend him as graphic and/or web designer, as well as an essential team player.
I worked with Jameel at the AHA-Health Research and Educational Trust for over a year. Jameel is an exceptional team member and played a key role in supporting our project. His expertise as Web Support Specialist provided us with the key essentials to meet our deliverables. He is very attentive to detail and always willing to answer any questions. He will be a great asset to any organization!
Jameel worked on my team at the Health Research and Educational Trust leading our web design and additionally supporting us in number of other technology platforms. Jameel is self-directed individual who has a unique ability to approach each challenge with a positive attitude and a willingness to learn. In addition, Jameel was a reliable and trusted team member whose contributions will be missed!
Jameel is awesome to work with, he is very supportive and a great team member. I was lucky to work and collaborate with him on creating, designing and editing multiple project’s SharePoint sites
