Front End Mock Technical Interview | JavaScript, CSS, React, and Algorithms

Are you looking for long-term mentorship as you try to become a frontend developer? Consider joining my frontend mentorship program.

-

Disclaimer: The following may contain product affiliate links. I may receive a commission if you make a purchase after clicking on one of these links. I will only ever provide affiliate links for apps that I've used and highly recommend.

My #1 recommended FRONTEND course (15% off):

My #1 recommended BACKEND course:

My favorite todo app (Todoist):

---------------------------------------------------

Want to know what a legitimate frontend developer interview is really like? I invited on a developer that had originally interviewed me for my second software engineering position. He interviewed a brave soul from our community that's currently trying to get his first position as a developer. Dan started out with questions to test his knowledge with JavaScript & CSS; moved into the algorithm & JavaScript fundamental portion; and then wrapped up with a React project. I think this interview turned out pretty well. What do you think?

Host/Guests:

[inordirections]

I would be super happy to work on a team lead by Dan. Seems like a great mentor and an easy guy to get along with

[jessicachen]

This is a great mock interview and as an aspiring developer myself, gives me a lot of insight of what kind of questions I can expect and what my general knowledge/skill should be at. Thank you!

[Kelz_]

This is a really great video... i was literally pausing between some of the questions to solve them on my own. Would love to see more interview content like this :-)

[melandau]

function sum(...args) {
return args.reduce((acc, val) => acc + val, 0)
}

[DonTheDeveloper]

It looks like this podcast episode was well received. I'm glad it helped so many people! If you'd like to see more mock interviews, what other types of interviews would you like to see? Reply to this comment with your ideas. I'd love to hear them.

[scottmillion]

If this is an average technical interview then I'm way beyond ready. Let's go! Got one tonight.

[licokr]

He's a great mentor who seniors should be, and also the interviewee has a good attitude. Under the pressure, he kept asking questions and requesting feedback, and he was waiting for until the feedback had done. Everyone would face difficulties when they start learning for the first time. I believe that attitude is more important than skills for the future. I'm sure the interviewee is going to be a great senior. Thank you for sharing the video. It's absolutely amazing.

[alexl]

This gives me so much confidence! I think I’m ready for a job! Thank for this!

[a_drunk_carry]

I'm finding this also a year later, but thanks for this video! I'm a tech recruiter and often have frontend applicants ask about the on-site interview process. A peek into how things go after we switch hands over to the engineers helps a ton. Both in helping the candidate be well prepared and in me knowing the deeper level things on certain stacks.

[alechemy]

Awesome video. For any curious about the final, "hardest" question in the JS lightning round (the one that deals with Promises and async/await), here is one solution:

const delay = (n) => {
return new Promise((resolve, _reject) => setTimeout(() => resolve(), n));
}

(async () => {
console.log("Testing delay");
await delay(1000);
console.log("Testing delay end");
})()

[hydraglide]

This was a great watch and very informative. I wrap up my bootcamp next week and will hopefully start interviewing sooner rather than later. Fortunately we had a series of mock interviews throughout the program as practice, but this was really insightful and also reassuring. I think Dan and Noa both did great. I hope I can encounter some interviewers like Dan throughout the process.
Thanks for putting this together and thanks Noa for being wiling to put yourself out there like this. Best of luck!

[ozzyfromspace]

the interviewer is an incredibly patient dude, mad props to him. the react section was particularly painful ngl. I hope the guy interviewing for the position has made even more progress since then 🙏🏽☮️

[TheVideogamemaster]

As someone who already has experience doing pokedex projects as far back as 2017, I'm so hyped that I could've fully completed the project (with css styling) within the allotted time. If my interviews are anything like this, I'll be a frontend engineer in no time!

[laszloekovacs]

Thank you. This gave me some confidence boost. I am stuck in tutorial hell for such a long time I don't even want to reveal. I always worried everyone codes like in the 30 second fireship vids. Sadly you never see how it really looks like.

[guerra]

Very helpful, informative, and very well put together. I have an interview this week and this video helped A LOT.
Thanks to all parts involved, great stuff.

[iheachochristian]

Write a function that takes two strings A and B and return whether B is in A in case-sensitve way

const checkChar = (string1, string2) => {
return string1.indexOf(string2) >= 0;
}
console.log(checkChar("Obinna", "Ob"))

[rrrrrrrojan]

this is a gold mine. I had one interview, if I would rate my performance it would be below 50%. I knew what to do, how to build projects(using google, documentation and so on). But, I was unable to explain very simple things in clear way. Anyway, really helpful video, it inspired me, give me bit of hope that I can make it as developer, I need more time to learn, and improve communication and interview skill.

[barcalona]

Wow I got all the HTML and CSS questions correct. Gives me confidence now.

[Ohcheesewhiz]

Seriously such a great video! I was feeling really nervous and unconfident for my interview but after watching this I hope it is actually like this. Super confident after watching this. Thanks for making this! Hope you guys can do more like this.

[xrr-]

I wish frontend interviews in India were this awesome. All questions that are asked in this interview are used in the day to day life of a FE engineer.
There are some companies here that reject if we don't memorize the latest version of a framework/library.