Google JavaScript Interview With A Frontend Engineer

In this video, I conduct a mock Google JavaScript interview with a frontend engineer, Conner Ardman, who's also the FrontendExpert course creator and an ex-Facebook software engineer. As a Google Software Engineer, I interviewed dozens of candidates. This is exactly the type of frontend JavaScript coding interview that you would get at Google or any other big tech company.

[ConnerArdman]

Thanks for having me back on! These questions were harder than they seemed 👀

[universecode]

As a Js - React developer, I am always ready to see this type of content, because it is clean, it keeps me trained, I improve, and even fun 😜

[thedevnoteyt]

I have been doing JavaScript for last 9/10 months, after watching 8 mins of your video I realised that, still there are thousands of things to learn in JS. Going to re-learn the important concepts again 😅. It was kind of an eye opener for me. Thanks Clement 😉

[chrtravels]

I have been learning to code for a couple of years now and watched some of your videos back when you first launched Algoexpert. I hadn't looked at your website in some time and man is it super impressive. It has a clean and beautiful design. The curriculum and topics you cover is incredible. What an excellent business you have created. Bravo. I kind of wish I hadn't spent so much money to join a boot camp recently. I'd just go and learn everything you have on that site, build a few projects and call it a day! ;-)

[shaileshk_gy]

Thanks for this. This actually helped me learn a lot of things I never knew.

[UnimpressedCat]

Nice interview, the questions are quite practical and test the knowledge of the language. And damn, the interviewee is quite good at catching edge cases and clues from the interviewer

[alexandrsachishin]

13:00 better approach is to use Number.isNaN() instead of isNaN() to check if a number is NaN. also this comparison might be simplified using Object.is(valueOne, valueTwo) which also works with NaN ( Object.is(NaN, NaN) )

[doublegdog]

Actually tried out algoexpert after seeing ads on youtube for over a year. Thought it wasn't anything special but the platform plus the blind75 leetcode questions really helped me out in landing a job at amazon!! Definitely recommend the platform although I wish I didn't have to pay a yearly subscription fee and instead had a monthly option. But still, i think even the yearly subscription is affordable enough.

[AndrewTSq]

I did not think this video would give me so much, cause I am not so experienced in JS, but I actually understand how the functions works, and know the functions we use. So its fun to follow with this, and also learn what these functions do :)

[HarukiMiyazawi]

After failing google on site and seeing Clement's amazing problem solving skills, it's clear to me why he got the job and I didn't. You're awesome dude!

Super helpful interview, thank you for the content

[deepakjangid]

Today I had an interview and there we exactly these two promiseAll and object deepEquals, and now after the interview I am watching this.

[TheDoubleMvp]

Great questions, definitely representative of the sort of questions you'd be asked in a big tech FE interview. Conner did awesome as well, solving all 3 with clean code in < 1 hour in an interview would be an easy yes from me.

[Krzysiekoy]

The deepEquals question reminded me of a similar problem in the Dan Abramov's Just Javascript "course" (it's not really a course, but I don't know how to describe it). Basically the problem was:
"Write a function called strictEquals(a, b) that returns the same value as a === b. Your implementation must not use the === or !== operators."

It was a fun problem, especially when you consider some details that are not super obvious, like 0 === -0 is true or NaN === NaN is false.

Now, the deepEquals question seemed to be way more challenging and it was great watching Conner go through the problem.

[farazcsk]

Great video! Would also love to see a standard algorithms/ds video but in JS

[Endrit]

The fact that you caught the undefined case blew my mind, and in the updateTimer it fckin blew my mind again, I don't even understand why it is working

[ozzyfromspace]

10/10, wonderful interview. Interviewee did really well imo

[AWPNATiCTV]

To fix "problem" that you guys had at 12:00 with the isNaN function not returning what you would expect, you now (since es6) have the method Number.isNaN(), that only returns true if the value is actually NaN. The isNaN function returns unexpected values because it tries to convert the value to number and then check if it is NaN. Since strings that are not the empty string are coerced to NaN when converting to number, isNaN("some non-empty string") runs as isNaN(Number("some non-empty string")) == isNaN(NaN) == true. Number.isNaN checks if the value is of type number first and returns false if it is not, an then checks for NaN.

[bahadrtaspinar]

my man getting faster in each video while promoting algoexpert

[anshujindal]

I think deepEquals function would fail one edge case by doing the last change if
obj1 = {b: 2, a: 1};
obj2 = {a: 1, b: 2};

because Object.keys() return the keys in insertion order and upon calling deepEquals again, it would be ['a', 'b'] and ['b', 'a'] and it would get failed while checking if 2 arrays are equal or not and in actual library it would return true.