150 Interview Questions for Front End Developers

by Kelsey Arrington on Feb 11, 2022

Are you a front-end developer? Is your company looking to hire one? Either way, it is extremely important to be prepared for the interview process. And, let’s be honest – knowing a few sample interview questions simply won’t cut it. If you want to ace the interview, it is imperative that you are thoroughly prepared. So, to help, we’ve compiled 150 of the most common interview questions you are likely to encounter during your interview as a Front End Developer.

In this post you’ll find:

1. General Interview Questions
2. Interview Questions about HTML
3. Interview Questions about CSS
4. Interview Questions about JavaScript
5. Interview Questions about WordPress
6. Interview Questions about Accessibility

General Interview Questions (#1-25)

1. Can you tell me a little bit about yourself?
2. How did you learn about this position?
3. Can you walk me through your resume?
4. Why do you want to work for this company?
5. How did your career begin?
6. What are your strengths and weaknesses as a developer?
7. Can you tell me about a recent development project  that you’re proud of?
8. What are your long-term career goals?
9. Where do you see yourself in five years?
10. Can you tell me about a time when you had a failed project and what you would do differently to ensure its success?
11. What excites you about the tech industry?
12. What are your go-to SEO techniques?
13. What do you like about coding?
14. What programming languages are you familiar with?
15. What is your general workflow when it comes to creating and coding a web page?
16. What operating systems do you have experience working with?
17. What’s your favorite part about working on web development?
18. How well do you collaborate with other developers?
19. What skills do you want to hone as a web developer?
20. Can you explain your experience with front end security?
21. Can you tell me about your typical day in your most recent position as a developer?
22. What are your favorite types of front-end development projects to work and why do you enjoy them?
23. Are you inspired by anyone in the front-end community?
24. Do you have any passion projects?
25. Why should we hire you over other developers?

Interview Questions about HTML (#26-50)

26. Can you explain what a tag is in regards to HTML?
27. What is a hyperlink?
28. Can you explain the advantages of using HTML versus a programming language?
29. What video formats can you embed on HTML5 web pages?
30. What is the difference between HTML and CSS?
31. Can you explain the difference between HTML and Javascript?
32. How have you implemented HTML5 in your projects?
33. What are some of the new features that have been introduced in HTML5?
34. Can you explain what a semantic element is in regards to HTML5?
35. What is the difference between semantic and non-semantic elements?
36. Can you explain what Geolocation API is used for?
37. What HTML5 Graphics are you familiar with?
38. Can you list some of the formatting tags in HTML5?
39. What is a <figure> in HTML5?
40. What does SVG stand for?
41. Are you familiar with <meta> tags?
42. What techniques would you use to optimize website assets?
43. Can you explain the differences between SVG and Canvas?
44. What is the difference between session storage and cookies?
45. Can you explain what local storage is?
46. How would you use a manifest file?
47. What are some of the attributes of Audio Tag in HTML5?
48. What are the essential elements in every HTML file?
49. What happens when the HTML document does not contain a valid <!DOCTYPE>?
50. Can you explain if HTML5 is backward compatible with older browsers? Why or why not?

Interview Questions about CSS (#51-75)

51. What does CSS stand for?
52. Tell us, what is the box model in CSS? 
53. What CSS properties are a part of the box model?
54. Can you explain what a CSS framework is?
55. What is a CSS float?
56. Are you familiar with CSS Grid?
57. Do you know the difference between CSS Grid and Flexbox?
58. What techniques would you use to implement a web design that use non-standard fonts?
59. Can you explain how you would troubleshoot browser-specific styling issues?
60. How could you visually hide content, while making it accessible for screen readers?
61. Can you explain what a keyword driven framework is? 
62. What are pseudo elements used for?
63. What is px in relation to typography?
64. What is the unit em used for?
65. What is the difference between coding a responsive website and using a mobile-centric strategy?
66. Can you explain the difference between inline and inline-block?
67. When it comes to CSS, what does “important” mean?
68. Can you explain what CSS Sprites are?
69. Tell us, which property is used to strikethrough and underline text?
70. Can you explain what the different types of selectors are in CSS?
71. What does VH/VW refer to?
72. What is the font-family property used for?
73. What is adaptive design?
74. What is responsive design?
75. What is a content-box and how does it differ from a border-box?

Interview Questions about JavaScript (#76-100)

76. What is JavaScript in a nutshell?
77. Can you explain how a developer would access HTML elements with JavaScript?
78. How is data stored with JavaScript?
79. What does functional programming mean in the context of JavaScript?
80. What does negative infinity mean?
81. Is ASP script faster than JavaScript?
82. How do you declare variables in JavaScript?
83. What are undeclared variables?
84. What are undefined variables?
85. When it comes to JavaScript, what are global variables?
86. What is the function of a prompt box?
87. Can you explain the difference between a viewstate and a session state?
88. How would you change the style/class of an element?
89. How do you read and write a file using JavaScript?
90. What is the function of the delete operator when it comes to JavaScript?
91. How do developers use Void (0)?
92. What is a confirmation box?
93. What is an alert box?
94. Can you explain what escape characters are?
95. What are cookies?
96. How can you use the blur function?
97. Can you explain what variable typing is?
98. What is indexOf?
99. How does try catch work?
100. What is the difference between Java and JavaScript?

Interview Questions about WordPress(#101-125)

101. Do you know when WordPress was released?
102. Can you talk about the current version of WordPress and what makes it different?
103. Can you name the two types of hooks in WordPress?
104. How do hooks function?
105. Can you explain what you need to run WordPress?
106. Can you list some of the features of WordPress?
107. What are plugins?
108. How is content stored in WordPress?
109. What is the difference between posts and pages?
110. What are hooks and how are they used in WordPress?
111. Can you explain WordPress Taxonomies?
112. What are the SEO benefits of using WordPress?
113. How would you develop a WordPress plugin?
114. Can you explain what a template tag is?
115. How would you handle a hacked WP website?
116. What is the definition of a meta-tag?
117. Can you host WordPress sites using Amazon Web Services?
118. Tell us, what is your experience with developing WordPress websites?
119. What are must-have skills for a WordPress developer?
120. How can you optimize your WP site for SEO?
121. Do WP sites require that you have a blog?
122. What is a custom field?
123. What are the benefits of developing with WordPress?
124. What is the default prefix of WordPress tables?
125. Can you explain what a WordPress loop is?

Accessibility Interview Questions for Developers (#126-150)

126. What is your definition of inclusive design?
127. Can you provide an example of inclusive/universal design?
128. Are you familiar with assistive technologies? If so, can you list them?
129. Has your approach to accessibility changed over the course of your career? If so, how?
130. How are header elements useful for web applications?
131. What are the benefits and limitations of skip links?
132. Have you ever performed or participated in an accessibility audit?
133. Can you name an instance where an automated test would not flag an accessibility error?
134. Why is modifying a user’s normal scrolling behavior problematic?
135. What does scrolljacking mean?
136. How would you educate coworkers about the importance of inclusive design?
137. What are some ways mobile first design strategies can affect accessibility?
138. Can you explain what an accessibility tree is?
139. What does focus trapping mean?
140. Does focus trapping hinder accessibility?
141. Do you know if screen readers can understand CSS pseudo content?
142. What is an alt image tag and why is it important?
143. How can you make vector illustrations accessible to users with screen readers?
144. Can you describe methods to hide content from sighted users, but not screen reader users?
145. Can you discuss the pros and cons of skeuomorphic as it relates to accessibility?
146. What steps can you take to make infographics accessible for screen reader users?
147. How can you make vector illustrations accessible to users with screen readers?
148. Can you explain the importance of color contrast when creating inclusive designs?
149. Does the use of animation in an interface affect the user experience? If so, how?
150. How do you implement inclusivity into your personal design process?