Mock Technical Interview - Javascript Developer Junior Level

Mock Technical Interview - Javascript Developer Junior Level

Tech with Nader

1 год назад

31,527 Просмотров

A mock technical interview featuring Gavin and myself where we go through some introductions, high level conceptual technical questions, as well as four coding questions together. This style of interview is similar to something you'd see at the Junior to Intermediate level when applying for software developer or web developer positions.

In this interview we are coding with Javascript as that is what Gavin has been studying and working with, however the structure and style should be similar for all types of technical interviews at this level.

Thank you Gavin for braving the recording with me and allowing others to learn from us!

Chapters:
00:00 Introductions
04:45 What is Javascript?
05:30 What is React?
07:31 What is a REST API?
09:54 What is a Database?
11:30 Login Process Explanation
20:45 String Palindrome (Easy)
33:05 Create Array Map (Easy)
42:16 Flatten an Array (Medium)
1:00:38 Create getElementById (Hard)
1:32:36 Recap and Feedback
1:38:55 Revisiting Palindrome
1:44:28 Wrap-up

💬 Come join us on Discord to chat with a like-minded community about tech and learning: https://discord.gg/K4nkugP7Gd

🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: https://www.patreon.com/TechWithNader

Тэги:

#javascript #coding #learn_javascript #learn_coding #web_development #nodejs #programming #learn_programming #full_stack #learn_to_code #learn_code #learn_js #js #intro_to_js #js_intro #web_dev #web_dev_intro #full_stack_intro #javascript_walkthrough #beginner_javascript #js_for_beginners #javascript_tutorial #javascript_tutorial_for_beginners #javascript_interview #technical_interview #software_interview #mock_technical_interview #mock_javascript_interview #js_interview
Ссылки и html тэги не поддерживаются


Комментарии:

@littlem1ss
@littlem1ss - 01.02.2024 00:48

As someone who is preparing to embark on my own technical interviews for the first time, this is an incredibly helpful resource.
Watching this mock interview is easing my anxieties and helping me overcome my strong feeling of imposter syndrome. Thank you for sharing this!

Ответить
@andrewwall2730
@andrewwall2730 - 06.01.2024 21:57

Great video, really helpful. Just curious why you want to create methods on the prototype instead of just using plain functions. This seems dangerous as it could collide with other libs that add methods to the prototype. Seems the trend is away from OOP to functional programming. Also in JS, 'this' always refers to an object, though strict-mode may modify that behavior but not sure.

Ответить
@lewiemarks6418
@lewiemarks6418 - 05.01.2024 15:40

this seem overly convoluted for a junior mock interview. Playing around with prototypes in this manner and creating things that already exist in JS ie map, flatten etc seems really odd.

Ответить
@thetruenaturecast
@thetruenaturecast - 10.12.2023 19:57

This was too good ! (no pun intended)

Ответить
@saidibra9231
@saidibra9231 - 04.12.2023 03:48

I think it is not a good idea to use String.prototype.isPalindrome and Array.prototype.myMap it will cause a lot of problems which is why you will never see someone using them in an interview or in a project. instead just use a normal function like: function isPalindrome, function myMap, etc

Ответить
@user-hz1hf5nt1s
@user-hz1hf5nt1s - 30.11.2023 16:07

cool video)

Ответить
@djjordis
@djjordis - 29.11.2023 04:03

I stopped the video in each question for find the response by myself, and the tecnifiqué part i resolved the problems by myself too and then I continued with the video.

Was very interesting!

Ответить
@TheStrategist314
@TheStrategist314 - 17.11.2023 04:22

This is probably my favorite mock. Very professional acting, knowledgeable of what he knows and doesn't but is able to express it without seeming like a bro.

Ответить
@Qpham90
@Qpham90 - 11.11.2023 22:13

i think if you use this.valueOf() instead of merely 'this' it would work as you intended.

Ответить
@tarasterrybabyuk5239
@tarasterrybabyuk5239 - 11.11.2023 02:10

I think it's unnecessarily confusing for a Junior Level interview to use the String.prototype.isPalidrome. Just let the guy focus on the main goal of the question which is to check for a palindrome with a simple function. :)

Ответить
@virgoeun
@virgoeun - 21.10.2023 01:51

I'd love having him as my interviewer... I feel sick to my stomach whenever I have live coding challenge or tech interview... I just can't think well when someone watches me :(((( I am just frozen.

Ответить
@mn_f30
@mn_f30 - 02.10.2023 23:15

For the first question: Primitive values like strings are automatically converted to objects (wrappers) when you access their properties or methods. In this case, when you call a method on a string literal, JavaScript temporarily converts the string to a String object, which is why you see [String: 'racecar']. At the end, you're comparing a string literal to a string object using ===. To make it work, you can just compare values (==), or do something like, 'this.toLowerCase()', which will act on the string literal of the string object and return true. Confusing...I know.

Ответить
@eduardovivanco4702
@eduardovivanco4702 - 02.10.2023 17:41

Thanks for the video😁

Ответить
@nilfux
@nilfux - 28.09.2023 02:41

DSA is a BS way of determining employee value. But here. Anyone over 40 usually does poorly with these because we didn't have classes to learn, we taught ourselves. Now we are senior systems designers and we find solving these stupid puzzles ridiculous. Proves next to nothing. We hired someone who smoked all the DSA, on the job they were absolute trash. Couldn't even commit things to Git, had no idea about TypeScript, had no idea about the value of cohesive patterns. Just hot garbage hire, 9 months later, they left. DSA is a red herring at best. Libraries solve most of these, like Lodash, and if not, use AI to generate a starting point and optimize it.

These are solved here for reference. I wrote these, but only because of interviewing. Interviewing is broken. They should be asking us to build something related to the job. Not this nonsense.

O{n} version

const isPalindrome = str => {
const forward = str
const reverse = str.split('').reverse().join('')
return forward === reverse
}

The interviewer will then ask you to optimize it, which means remove the memory so O(1) version using pointers.

const isPalindromeWithPointers = str => {
let left = 0
let right = str.length - 1
for (let i = 0; i < str.length; i++) {
if (str[left] != str[right]) {
return false
} else {
left = left + 1
right = right - 1
}
}
return true
}

Ответить
@mohamedcisse1547
@mohamedcisse1547 - 22.09.2023 06:50

thank you for these videos

Ответить
@Dext-err
@Dext-err - 20.09.2023 15:22

thanks a lot Nader

Ответить
@front_interviews
@front_interviews - 02.09.2023 09:52

great review friends, if possible take me to work)

Ответить
@_iconick_
@_iconick_ - 31.08.2023 17:19

In non–strict mode, THIS is always a reference to an object. In strict mode, it can be any value. - MDN
So you could have also used this.toString() instead of String(this)

Ответить
@lewistaylor4620
@lewistaylor4620 - 31.08.2023 15:39

Code question 1: The '===' operator checks for both equality and datatype. In this case, we are comparing and object string against a string, hence the equality will always return false. The fix: use '==' operator which will just check for equality.

Ответить
@MohamedFathy-jw8vo
@MohamedFathy-jw8vo - 19.08.2023 14:30

String.prototype.isPalindrome = function () {
if (this.split('').reverse().join('') === this.slice(0)) { return true; }
return false;
};

Ответить
@licokr9798
@licokr9798 - 18.08.2023 01:40

Thank you for great video. It is really helpful for me. I'm currently looking for developers jobs but because of my lack of English skills, it wasn't going easy well. I'm learning English and interview skills at the same time from your videos. Thank you!

Someone already mentioned 'valueOf' though, I was thinking about 'toString()'. I'm still in the middle of the video, I will keep watching .Thank you for good contents, Nader!

---

I've just finished watching the video, Thank you for the great video! I've learned a lot. Nader is a great mentor. I hope I get a chance working with a colleage like him. I liked seeing his guide for him, and I've also learned a lot from Gavin. His attitude was really nice, and he didn't get nervous, he's just done his job very well.

Ответить
@hmm1778
@hmm1778 - 12.07.2023 09:25

In the first problem we should either loosely compare "this" with reversedString (using ==) or compare this.valueOf() with reversedString

Ответить
@sereyvathanakkhorn760
@sereyvathanakkhorn760 - 12.07.2023 02:26

I never actually had a proper JavaScript interview, but your video demonstrates an accurate level of interview would be liked. It definitely nudged me into thinking more of a typical questions to why am I doing things in JavaScript, especially in the earlier stage of the interview questions about React, API, etc. The follow up coding interviews were very interesting. For example, if someone where to ask me about the MAP function, I should be doing ok, but coding it.... is another question.

Ответить
@satyajitj5388
@satyajitj5388 - 11.07.2023 13:31

Can the palindrome task be solved in this way? Would appreciate your feedback :)

String.prototype.isPalindrome = function (str) {
if (str.split("").reverse().join("").toLowerCase() === str.toLowerCase()) {
return true;
} else return false;
};

console.log(String.prototype.isPalindrome("racecar"));

Ответить
@rampandey191
@rampandey191 - 08.07.2023 16:59

The problem with this was that it's mentioned that it's a object in the docs right? That's why it was an object and we all know that everything in js is a object so when we use the String constructor and pass an object it returns the string. Let me know if you find any fault here

Ответить
@BernhardRutzen
@BernhardRutzen - 07.07.2023 05:53

Are you sure this is for a junior position? I think it might be more suitable for a junior position at a FANG corporation. Given the salary range of 60k to 100k, these types of exercises would likely be appropriate for a mid-level software engineer.

Ответить
@LeMatt87n
@LeMatt87n - 06.07.2023 18:59

I came here to hear the English language from the point of view of a non English speaker

Ответить
@wallacesansanoski8185
@wallacesansanoski8185 - 06.07.2023 15:40

thanks to share this helpfull video. I think in the first code question we can just use String function (not String constructor) to convert to string and make strict check on value.

Ответить
@noid3571
@noid3571 - 06.07.2023 13:03

Palindrome question, is the solution used in the video better than iterating the string with a single for loop matching symbols from both ends of the string and breaking on the first mismatch?

Ответить
@abdessittirharkati7603
@abdessittirharkati7603 - 06.07.2023 09:52

I would love to have an interview with you Nader

Ответить
@user-ef8yz9fu5i
@user-ef8yz9fu5i - 06.07.2023 09:01

I like these. Really having a good time watching and good imagining my future interview in this area

Ответить
@randerins
@randerins - 06.07.2023 04:33

These are extremely useful. Thanks a lot, Nader!
I'd like to suggest a video that would advice on how to get recruiters' attention, to land the interview. Seems like a real struggle.

Ответить