Skip to content

Latest commit

 

History

History
58 lines (46 loc) · 3.11 KB

technical-interview-questions.md

File metadata and controls

58 lines (46 loc) · 3.11 KB

Technical interview questions

During a technical interview, it is fairly common to be asked to walk through a piece of code the interviewee has written, often times this will be in the form of a take-home assignment that the company has provided to them.

As part of Career Lab, Collabies will work through this take-home assignment and review that code during a mock interview, in addition to covering some general software engineering questions (listed below).

Frontend (HTML, CSS)

  • What is the difference between a block-level and inline element in HTML?
  • What are the possible values for the position property in CSS and what do they do?
  • What do the async and defer attributes do on a script tag?
  • What is the DOM?
  • Explain the CSS box model.
  • How does the “cascade” work in CSS? How does the browser decide what CSS rules to apply to a given HTML element?
  • What does a doctype do?

JavaScript

  • Explain the difference between var let and const and when you’d use each.
  • Explain the difference between null and undefined and how you’d use each.
  • What is the difference between == and === ?
  • What is a “closure” in JavaScript and how is it useful?
  • What are some differences between writing functions in the following ways? function foo() {} const foo = function () {};
  • ES6 introduced “fat arrow” functions (i.e. () => {}). When would you want/not want to use this style of function declaration?
  • How does a setTimeout differ from window.requestAnimationFrame ?
  • What is “hoisting” in JavaScript?
  • What is the difference between the JavaScript array methods forEach and map ? Give an example of when you would use each.
  • What does this represent in JavaScript?
  • What is a Promise in JavaScript and how are they useful?

React

  • What are props in React? How are they useful?
  • What is the difference between state and props in React? What are each best used for?
  • What are the differences between a class component and a functional component in React?
  • What are “stateless” components in React? How are they useful?
  • What is JSX?
  • How do React hooks work?
  • What is the advantage of using a React fragment over using a container div ?
  • What are PropTypes and how are they useful?

Accessibility

  • What are some of the tools you can use to test the accessibility of a web page or web application?
  • What is the purpose of the alt attribute on an img tag?
  • When is it appropriate to use an empty alt attribute on an img tag?
  • When should you use a link versus a button?
  • What are the advantages for accessibility of using em or rem as a CSS unit versus px ?
  • What are ARIA attributes and how are they useful?
  • What’s an example of an accessibility issue that can’t be caught through automated testing?
  • Why is color alone insufficient to to convey state in a UI?

Performance

  • What are some things that might contribute to a web page loading slowly?
  • If you were told to make a slow web page faster, where would you start? How would you measure the page’s performance?