If you are looking for a star front-end developer, here are
1. What Excites You About Coding?
There is no standard answer to this question. The right answer can be end-user satisfaction, ability to provide a solution to the problem, reduce the unwanted process, and quick results.
The objective is to identify how confident the candidate is about his/her skills
2. How Do You Optimize Website Assets/ Resources?
The answer is that you can optimize website assets by using different techniques like:
· Name the assets and split the assets among domains
· Place mains assets on a cookie-free domain
· Use CSS Sprites
· Use a content delivery network
· Disable etags
· hot assets on different domains but reduce DNS lookup
· Avoid using inline CSS
· Follow minimum markup and maximum content policy
· Enable compression
· Avoid landing page redirects
· Optimize images and CSS delivery
3. Describe Your Workflow When Creating a Webpage?
It is one of the important front-end web developer interview questions you must ask to learn about the standard methodology the candidate follows. The workflow can vary with each front-end developer. However, the answer must include things like:
· Figuring out the main purpose of the page
· Setting a goal/visualizing a design
· Checking if a common template exists and see if it fits the project
· If the template does not exist, design it and check whether it fits the project
· Improve the design
· Review the project in every aspect
· Search and fix bugs and improve everything
· Publish and ask some of your friends/colleagues to test and review page
Make sure the candidate mentions activities and elements in a particular order. This will help you identify if the candidate is well aware of orderly workflow that is needed for designing a webpage in the right manner and avoiding technical hiccups.
4. What Is Flash of Unstyled Content? How Do You Avoid/Minimize FOUC?
A Flash of unstyled content (FOUC) refers to an instance in which the webpage appears briefly with the browser’s default style before an external CSS style is loaded.
One of the simple ways to minimize FOUC is hiding all part of webpage until the external CSS style is loaded. You can use and apply a class name “js” as a selector that successfully hide the content placed with a container that has an id = “fouc”
5. What Does CORS Stand for and What Issue Does It Address?
CORS is short for Cross-origin resource sharing. It refers to a mechanism that allows restricted resources on a webpage to be requested by another domain. It is used to get around browsers same-origin policy.
For security reasons, browsers don’t allow requests for resources from other domains especially when these requests are initiated by scripts. CORs addresses this issue by offering a special header that mentions which domains can make XMLHttpRequests for its resources.
6. What Do You Know About ARIA?
ARIA is short for Accessible Rich Internet Applications. ARIA refers to a set of attributes that define different ways to make a web application and web content more accessible to people with disabilities.
7. Tell 3 Ways to Decrease Page Load
The right answer is
· Minimize images
· Minimize, combine, and prune CSS files
Though the above-mentioned ways are most used, the candidate might include other techniques in his/her answer like
· Minimize HTTP requests
The front-end web developer interview questions mentioned above are part of most interviews related to front-end development. Knowing the right answers to these questions increases your chances of hiring the right candidate. Do you know any other important questions asked in a front-end web developer interview? Please feel free to comment.