what to expect in front end developer interview

Technical front-end interviews are difficult. That'due south a fact. Non but do you demand to have a solid grasp of computer scientific discipline fundamentals, but too an understanding of things like web performance, build systems, and CSS layout engines.

While there are resources out there, I've found that there are simply a few complete guides for helping you fix for a front-finish interview. And so I decided to write a topic by topic outline that volition hopefully assist you lot ace your next interview.

Before the interview

So earlier your interview, ask your recruiter for the format of the interview. Some interviews might revolve around a whiteboard while others might use an online text editor similar CoderPad. Information technology's important to know so you tin can practice in the environment that your interview is going to take place in.

Also, ask your recruiter for tips on what topics to focus on when preparing. The reason behind this is considering in addition to front-end specific question, some companies will enquire yous traditional computer science questions about topics like searching and sorting algorithms.

Front end-end concepts

HTML and CSS, Javascript, and Javascript pattern patterns are the key concepts that you will be tested on during an interview. Become through the list and make certain you are comfortable with each topic.

HTML and CSS is similar the bread and butter of front-finish development. During interviews, you volition almost probable be asked questions well-nigh the nuances of HTML and CSS. Likewise, be prepared to be asked to code upwards a layout based on a mockup.

Only in instance you demand an HTML and CSS refresher, here are a few bones concepts to look over.

• CSS animations
• CSS sprites
• Pseudo classes
• Grid systems
• Semantic markup

In addition to these concepts, know about CSS preprocessors like SASS or LESS and their benefits. Too be familiar with CSS naming conventions like BEM and OOCSS.

Another important point is that interviewers expect for candidates who champion CSS best practices. As a adept reference, this guide written by a forepart-end at Medium provides insight into how Medium iterated to their current CSS architecture.

I mentioned earlier that some interviewers will inquire you to recreate layouts in HTML and CSS. Practice doing so in a playground like CodePen. Check out Dribbble since information technology has lots of simple withal prissy designs that would exist fun to recreate.

Finally, as forepart-ends, we are then used to making changes in our editor and and then verifying the change in our browser. Oftentimes times during interviews, you won't have this luxury. When you're preparing for your interview, try code most of your layout without looking at the result till the end.

If HTML and CSS are the breadstuff and butter of front-end development, then Javascript is the pocketknife. Companies volition spend a good corporeality of time during your interview testing your knowledge of Javascript. A lot of the questions will circumduct around the following concepts.

• Prototypal inheritance
• Scoping
• Closures
• The effect loop
• Event bubbles
• Apply, phone call, and bind
• Callbacks and promises
• Variable and function hoisting
• Currying

When given a Javascript question, figure out which of these concepts y'all're being tested on and it'll be much easier to effigy out the right solution. If y'all feel confident of your Javascript prowess, test your noesis here, here, and here.

Design patterns in Javascript provide you with repeatable solutions to common problems. These are a few of the design patterns that are important to know.

• Decorator
• Factory
• Singleton
• Revealing module
• Facade
• Observer
• MVC, MVP, MVVM

Asides from Javascript blueprint patterns, it's good to be familiar with Javascript frameworks. This does not hateful that you have to become learn another framework before your interview. Instead, know when and why front-terminate teams apply frameworks. Also, if y'all're interviewing for something like a React + Flux or an Athwart position, review some of the documentation for the compages of the framework beforehand.

Figurer science concepts

Some companies hire software engineers before front-cease developers. What this means is that these companies expect you to be well grounded in topics like good software design principles, scalable code architecture, and testing.

If your recruiter suggests you lot review your knowledge of data structures and algorithms, this section is for you. Otherwise, experience free to skip this section. If you don't have a estimator science background, that's okay. Most of these concepts are pretty straightforward to acquire.

These are the bones data structures that I would suggest knowing off the top of your head. Don't just read nigh them, take the time to implement them in Javascript likewise. If you're not familiar with unit testing, test your data structure with a library like Mocha to larn.

• Linked lists
• Hashtables
• Stacks and queues
• Copse (binary trees and heaps)
• Graphs

Notation: For graphs, also know how to implement depth-get-go and breadth-first search traversals.

For implementations of these data structures, you can have a wait at SanFoundry. All their examples are in Coffee merely re-implementing them in Javascript is pretty like shooting fish in a barrel.

One time y'all feel confident about information structures, you can motion onto sorting. Go through the list, implement them in Javascript, and so brand note of their time and infinite complexity.

• Binary search
• Bubble sort
• Insertion sort
• Merge sort
• Quick sort
• Pick sort

After reviewing data structures and algorithms, test your cognition with Leetcode and these technical Javascript questions.

Wrapping information technology up

I know it'south a lot of material to take in, peculiarly if you're new to front-end development. Start preparing for your interview ahead of time, so you tin motility at a comfy pace.

As well, think that interviews are not a measure of your worth every bit a programmer. Some people are good at interviews, other are not. Sometimes you lot click with your interviewer, other times you lot don't.

If y'all have whatever questions, experience free to leave a annotation or Tweet out to me. I would also love to know how your interview experience went. Good luck!

P.South. If you liked this article, information technology would mean a lot if you hit the recommend button or share with friends.

If you want more, you lot can follow me on Twitter where I post non-sensical ramblings about design, front-end development, bots, and auto learning.

---

---

Learn to lawmaking for free. freeCodeCamp's open up source curriculum has helped more than than 40,000 people become jobs equally developers. Get started

nolteappood.blogspot.com

Source: https://www.freecodecamp.org/news/cracking-the-front-end-interview-9a34cd46237/

Share this post