Giter VIP home page Giter VIP logo

front-enddevinterviews's Introduction

Front-End Dev Interview Questions

Based off my experiences searching for a job in Toronto 2014.

Interview formats:

  • Screening phone call
  • Non-Formal chat about position
  • Formal interview that covers non-technical and technical questions
  • Interview Test
  • Technical Interview

Technical assignments

HR questions

  • Tell me a little bit about yourself.
  • What have you learned this week?
  • What have you been up to since X?
  • What side projects have you been working on?
  • How do you indulge yourself in the industry? How do you stay current?
  • Why did you take a Web Development bootcamp after a Comp Sci Degree?
  • What about CompanyXYZ interests you?
  • Why do you think you'd be a good fit?
  • What is your biggest character strength and weakness?
  • If you could work for any company, which would it be and why?
  • What music do you listen to? - They replied with yeah we play X here in the office.

Technical questions

HTML

  • What is a doctype?
  • Can you name some HTML5 elements?

CSS

  • What is a rem unit? When do you use them?
  • What is an example of a pseudo element?
  • What are vendor prefixes?
  • Do you use bootstrap?
  • Do you have any experience with CSS preprocessors?
  • How many different ways can you apply styling to a webpage?
  • Using animations what CSS property do you use to increase/decrease the size of an element?

Responsive Design

  • What is Responsive Design?
  • Have you used break points?
  • What are a few different ways you could implement Responsive Design?
  • What is Mobile first design?
  • How familiar are you with adaptive design and development?

JavaScript

  • Have you used any testing on your code?
  • Have you used other JavaScript Libraries?
  • Do you lint your code?
  • Which linters do you regularly use?
  • What is event binding?
  • When would you use a Javascript animation over CSS3 Animations? Explain why.
  • You have a button outside of a form, describe how you would use JavaScript and jQuery to collect data from the form after clicking on the button and what would you do with the data?
  • Things like Backbone and Underscore are a big part of our daily toolkit. Do you have experience with those? Do you enjoy them?

Computer science questions

Using any programming language and being syntactically correct as possible, on paper:

  • Write out a function that solves the Fibonacci sequence.
  • Write a function that solves the Fibonacci sequence a different way.
  • In big O notation compare and explain the complexity of both functions.
  • Write out a function that computes a Factorial given a non-negative integer number.
  • Write out the function a different way.
  • In big O notation compare and explain the complexity of both functions.
  • Given an Array of Integers, write a function that computes the sum of the two largest numbers.
  • Fizz-Buzz: Write a function that iterates through the numbers 1 - 100 and if the number is divisible by 3 print "fizz", if its divisible by 5 print "buzz", if its divisible by both then print "fizz"

Client scenarios

  • If a client has called you and said that the web page is loading slow, what steps would you ask the client to take to diagnose the problem?
  • If you have just finished a project for a client and the client says the web page needs to have a video feature incorporated, assuming the implementation takes 1 extra week to implement, how would you reply to the client?
  • While you are implementing the new change you discover a bug that pushes your time line back by 3 days, how would you reply to the client?

General questions

  • When you start a new project, what is your development approach?
  • What do you do when you find a bug?
  • How many different ways can you center text vertically and horizontally on a page?
  • How would you rate one of your latest projects out of 10? What would you change about it?
  • Do you use Photoshop? Can you slice a PSD and get assets out of it?
  • Are you familiar with version control? Do you use Git, Subversion or Mercurial?
  • Have you worked with a CMS?
  • What's your typical workflow like?
  • What browsers do you typically test in and support?
  • What do you use as your primary text editor?
  • Do you use Github and/or Bitbucket?
  • What is your testing workflow?
  • Do you think you're a fast learner? If so, why?
  • What was the most difficult project you worked on and why?

How to prepare for an interview?

What to ask at the interview?

Final notes:

  • Anything on your resume is fair game. If you have SQL listed under "skills" then be prepared to answer a question on what is a LEFT JOIN?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.