Finding a capable and talented developer isn’t an easy task. The right engineer isn’t simply somebody who knows all algorithms; it’s somebody who interacts effectively and knows what it takes to be part of an efficient team. So prior to you send them an offer letter, ask them some non-technical questions too.
This file contains a number of front-end interview questions that can be made use of when vetting potential candidates. It is by no means advised to make use of every single question here on the same candidate. Choosing a few products from this list should assist you veterinarian the designated abilities you require. Many of these questions are open-ended and could cause interesting discussions that inform you more about the person’s capabilities than a straight response would.
General Questions
- What did you learn yesterday/this week?
- What thrills or interests you about coding?
- What is a current technical difficulty you experienced and how did you address it?
- What UI, Security, Performance, SEO, Maintainability or Technology considerations do you make while developing a web application or website?
- Talk about your favored development environment.
- Which version control systems are you acquainted with?
- Can you describe your workflow when you develop a web page?
- If you have 5 various stylesheets, how would you finest integrate them into the site?
- Can you explain the distinction in between progressive enhancement and elegant destruction?
- How would you optimize a web site’s assets/resources?
- How many resources will a browser download from an offered domain at a time?
- What are the exceptions?
- Name 3 ways to lower page load (perceived or real load time).
- If you jumped on a project and they made use of tabs and you made use of areas, what would you do?
- Describe how you would develop a simple slideshow page.
- If you could master one innovation this year, what would it be?
- Explain the importance of levels and standards bodies.
- What is Flash of Unstyled Material? How do you avoid FOUC?
- Describe what ARIA and screenreaders are, and how to make a website easily accessible.
- Discuss some of the advantages and disadvantages for CSS animations versus JavaScript animations.
- What does CORS mean and what issue does it deal with?
HTML Questions
- What does a doctype do?
- What’s the distinction in between levels mode and quirks mode?
- What’s the distinction in between HTML and XHTML?
- Are there any problems with serving pages as application/xhtml+xml?
- How do you serve a page with content in several languages?
- What example must you watch out for when design or developing for multilingual sites?
- What are data- characteristics great for?
- Consider HTML5 as an open web platform. What are the building blocks of HTML5?
- Describe the difference in between a cookie, sessionStorage and localStorage.
- Describe the difference in between <script>, <script async> and <script defer>.
- Why is it generally a great idea to position CSS <link>s in between <head></head> and JS <script>s prior to </body>? Do you know any exceptions?
- What is progressive rendering?
- Have you utilized different HTML templating languages before?
CSS Questions
- What is the distinction between classes and ID’s in CSS?
- What’s the distinction between “resetting” and “normalizing” CSS? Which would you select, and why?
- Explain Floats and how they work.
- Describe z-index and how stacking context is formed.
- Describe BFC(Block Formatting Context) and how it works.
- What are the various cleaning methods and which is appropriate for what context?
- Describe CSS sprites, and how you would implement them on a page or website.
- What are your favourite image replacement strategies and which do you utilize when?
- How would you approach repairing browser-specific designing problems?
- How do you serve your pages for feature-constrained browsers?
- What techniques/processes do you utilize?
- What are the various ways to aesthetically hide content (and make it offered only for screen readers)?
- Have you ever utilized a grid system, and if so, what do you choose?
- Have you utilized or executed media questions or mobile particular layouts/CSS?
- Are you familiar with styling SVG?
- How do you enhance your web pages for print?
- What are some of the “gotchas” for composing reliable CSS?
- What are the advantages/disadvantages of using CSS preprocessors?
- Describe what you like and do not like about the CSS preprocessors you have made use of.
- How would you carry out a web design comp that uses non-standard font styles?
- Describe how a browser determines what elements match a CSS selector.
- Describe pseudo-elements and discuss what they are utilized for.
- Discuss your understanding of the box model and how you would tell the browser in CSS to render your design in various box designs.
- What does * box-sizing: border-box; do? What are its benefits?
- List as numerous values for the screen property that you can keep in mind.
- What’s the difference between inline and inline-block?
- What’s the distinction in between a relative, repaired, outright and statically positioned aspect?
- The ‘C’ in CSS stands for Cascading. How is priority identified in appointing styles (a couple of examples)? How can you utilize this system to your benefit?
- What current CSS frameworks have you used in your area, or in production? How would you change/improve them.
- Have you experimented with the new CSS Flexbox or Grid specs?
- How is responsive design various from adaptive design?
- Have you ever worked with retina graphics? If so, when and what techniques did you utilize?
- Is there any factor you ‘d want to use translate() instead of absolute positioning, or vice-versa? And why?
JS Questions
- Discuss event delegation
- Describe how this works in JavaScript
- Describe how prototypal inheritance works
- What do you consider AMD vs CommonJS?
- Discuss why the following doesn’t work as an IIFE: function foo.
- What needs to be altered to correctly make it an IIFE?
- What’s the difference in between a variable that is: null, undefined or undeclared?
- How would you go about looking for any of these states?
- What is a closure, and how/why would you utilize one?
- What’s a typical use case for confidential functions?
- How do you organize your code? (module pattern, timeless inheritance?
- What’s the distinction between host things and native things?
- Distinction between: function Individual() , var person = Individual(), and var person = beginner()?
- What’s the difference between.call and.apply?
- Describe Function.prototype.bind.
- When would you make use of document.write()?
- What’s the distinction between function detection, feature reasoning, and making use of the UA string?
- Discuss AJAX in as much information as possible.
- Describe how JSONP works (and how it’s not truly AJAX).
- Have you ever utilized JavaScript templating.
- If so, what libraries have you used?
- Discuss “hoisting”
- Describe event bubbling.
- What’s the distinction in between an “attribute” and a “property”?
- Why is extending integrated JavaScript items not a smart idea?
- Distinction between file load occasion and document prepared occasion?
- What is the difference in between == and ===?
- Discuss the same-origin policy with regards to JavaScript.
- Why is it called a Ternary expression, what does the word “Ternary” show?
- What is “utilize rigorous”;? what are the advantages and disadvantages to using it?
- Create a for loop that iterates up to 100 while outputting “fizz” at multiples of 3, “buzz” at multiples of 5 and “fizzbuzz” at multiples of 3 and 5.
- Why is it, in general, a smart idea to leave the international scope of a website as-is and never touch it?
- Why would you use something like the load occasion? Does this event have disadvantages? Do you know any alternatives, and why would you use those?
- Describe what a single page app is and the best ways to make one SEO-friendly.
- What is the degree of your experience with Promises and/or their polyfills?
- What are the advantages and disadvantages of using Promises instead of callbacks?
- What are some of the advantages/disadvantages of writing JavaScript code in a language that assembles to JavaScript?
- What devices and strategies do you utilize debugging JavaScript code?
- What language constructions do you use for iterating over object properties and selection products?
- Explain the difference in between mutable and immutable items.
- What is an example of an immutable object in JavaScript?
- What are the benefits and drawbacks of immutability?
- How can you attain immutability in your very own code?
Testing Questions
- What are some advantages/disadvantages to testing your code?
- What tools would you make use of to test your code’s functionality?
- What is the distinction between an unit test and a functional/integration test?
- What is the purpose of a code style linting tool?
Performance Questions
- What devices would you utilize to discover a performance bug in your code?
- What are some ways you may enhance your website’s scrolling performance?
- Describe the difference between layout, painting and composing.
Network Questions
- Generally, why has it been better to serve site possessions from numerous domains?
- What are the differences in between Long-Polling, Websockets and Server-Sent Events?
- What are HTTP actions? Note all HTTP actions that you understand, and explain them.
Coding Questions
- What is the value of foo?
- How would you make this work?
- What value is returned from the following statement?
- What is the value of window.foo?
- What is the value of foo.length?
- What is the value of foo.x?
Source: https://github.com/
