Javascript Interview Prep Course 2022
HTML-код
- Опубликовано: 29 май 2024
- ► Full Javascript Interview Prep Course - monsterlessons-academy.com/co...
This course is great preparation for any javascript programming interviews that you may have coming up. Programming interviews need a lot amount of knowledge, but the best way to prepare for interviews is a lot of practice! In this course you will complete 59 javascript interview questions that come from real javascript interviews. There are no excersises that nobody asks here. In every question we will get a task first, then you will try to solve each problem yourself, and then I will show you different solutions to each problem step-by-step for different programmer levels. We will take a deep dive into the skills, concepts, and techniques that are required to solve each problem.
TIMESTAMPS
0:00 Introduction
0:32 Types of interviews
2:05 Interview & Work are different
3:09 Mapping users to get usernames
12:55 Null vs undefined
15:32 Hoisting
20:20 Closures
26:29 Currying
39:28 Adding elements to the array
43:27 Concatenating arrays
46:47 Check if user exists
51:17 Duplicates in the array
55:49 Sorting the array
59:58 Interview is not what you think
► CHECK MY COURSES - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
RECOMMENDED VIDEOS
► My editor setup for web development - • Best Text Editor for W...
► Angular Tutorial for Beginners - • Angular Tutorial for B...
► Vue JS Crash Course - • Vue JS Crash Course fo...
► React Hooks Full Course - • React Hooks Tutorial f...
► Typescript Course for Beginners - • Typescript Crash Cours...
► Build a Todo App with Angular - • Build a Todo App With ...
► Creating custom select library - • Custom Javascript Drop...
► HTML Price comparison - • Practice CSS and HTML ...
► How to build Quiz with React hooks - • How to Build a Quiz Wi...
MY COURSES
► NestJS course - • Nest JS Project From S...
► Docker + Docker compose course - • Docker Compose Tutoria...
► Angular + NgRx course - • Angular Course 2021 - ...
► Vue + Vuex course - • Vue Course With Projec...
► React hooks course - • React Hooks tutorial b...
Fantastic crystal clear concepts. Love it. Thank you very much for this awesome content.
Glad you liked it!
You provide one of the best information out there my friend. Keep it up !
Glad you think so!
great quality and profound content for those who are preparing for JS interview. Thank you saviour
Glad it was helpful!
Always amazed by the quality of your videos. Straight to the point and very well explained. Thanks man !!! 👊
Happy to hear that!
ok@@MonsterlessonsAcademy
ok
ok
Thank you. I got asked few questions in interview and I answered them confidently thanks to this video. Love from India :)
Awesome!
Im prepping for my internship interview, this is extremely helpful. Thank you very much 🙏🎉
Best of luck!
51:00 return expression should be >=0 to accommodate item with index 0
You are totally right!
The timing is perfect, I'm getting ready for an interview in few days time. Ive also watch your Coding interview task.
You are welcome. There are 59 tasks in this course. They cover the whole Javascript knowledge.
hey, thanks a lot!!! You explaning really really good! I'm really thankful for that.
Glad to hear that!
Great video, great points. Liked and subscribed!
Thanks for the sub!
Hey! Thanks for the explanation, and also for the tips at the end.
Glad it was helpful!
this was great content, thank you! 👍🏼
Glad you enjoyed it!
Thanks for great content! Less code doesn't always mean better. For each loop is slower than for loop for example. If there are a lot of elements in the array it is better to use for loop (if for some reasons we can't use ES6)
I agree. But until some point readability is more important than performance. Obviously in the feature to do something with 10k elements it is better to use plain for loop.
@@MonsterlessonsAcademy There's no readability increase by using forEach. It's subjectively slower and less readable than 'for (item of array)'. Videos like this is why there's so much misunderstanding and forEach usage.
@@andreineculaesei2394 well syntax wise it is better readable, but definitely traditional loop has a lot of advantages over forEach, like one can't break the loop during the execution in forEach. The performance difference is really necessary to consider. But here he is just giving examples of solving some quick interview questions but one must definitely be aware when to use which loop. for demonstrating an example with just three to five elements it won't be an issue to use forEach.
At 51:10, you need to change your return code when using the findIndex function. If you test the name at position zero (arr[0]), it will return false because the index is 0 and your return says "index > 0". Changing it to "index >= 0" will fix it.
Sure. The whole course is already updated.
@@MonsterlessonsAcademy Hi, just to inform you that I still see it as "index > 0".
btw thank you for the course and detailed explanation :)
@@easifier Where do you see it. The course on the website and Udemy is updated. RUclips videos can't be updated.
@@MonsterlessonsAcademy here on RUclips. I thought you could add some text like subtitle to that second, but I'm not sure if its possible.
@@easifier No it is not possible.
53:00 if i'm not mistaken, a faster way to solve this instead of using includes function is to use hash tables (storing array items in one object and check if their exists). It takes less time but add to the space complexity. please correct me if i'm worng, great video!
Sure you can solve tasks differently.
شكرا ❤
This was fantastic! I learned so much 👍
Just so you know, when you pronounce 'undefined' in English. You don't pronounce the 'ned' part like the word 'red'. You instead pronounce it like 'find' so something like 'un-d-find'
Thanks for the tips!
Amazing video, covered alot of necessary contents.
Glad you liked it!
I like your teaching style, man.
Glad to hear that!
8:40 I wouldn't use filter and then map, because it then has to loop over the array twice. I would prefer a simple if condition inside the map function.
This is totally fine to show other way on the interview and why you prefer it.
thank you for your videos!! i am watching them. it is very perfect! your russian accent is also fine
Glad you like them!
Good job, bro 👍
Thanks ✌
19:52 Actually I believe const and let are hoisted as when you try to call a variable before you define it you get this error: "ReferenceError: Cannot access 'number' before initialization." Instead of the typical variable is not defined error. The difference is that the var variables are initialised (like you said to undefined) but the let and const variables are not initialised.
You are totally right!
this is a very usedul video, thank you so much
You're very welcome!
Thank you for the nice video. This video will be so helpful for interview. But, I see one problem in the section "Check if user exists". It will be return index >= 0 not just index > 0.
Yes, you are right!
Well done 👏
Thank you 😁
55:40 I also use filter
Excellent for junior frontend engineer :)
Glad to hear that!
Thank you for covering so much important info.
That said I feel like JS devs are a different breed lol. It's crazy to me to hear people call stuff like 50:00 or 55:00 more readable than the most generic for loop structure that has existed in every language. In the later case you're chaining two arrow functions with two method calls one being reduce and then using a ternary to save like one line of code over a generic for loop.
I've been trying to get used to these methods for a while, but is there genuinely anyone on this planet that finds that easier to parse than seeing a generic for loop that clearly iterates through an array with a conditional check? I get that it's 'easy to read' when you don't need to read it, like when it is working. But from the perspective of written once, read 20 times, is it actually easier to debug code made up of nested methods that take almost the same amount of code but put it flat rather than vertical? Would a bug be actually harder to find in a simple for loop structure? I'm asking for your industry perspective because it more just feels like a way to flex JS library familiarity by devs than anything that will likely improve readability. And it seems weirder still knowing the performance issues and limitations on short circuiting stuff like forEach imposes.
Depends on the language but code based on loops which is common in php or java is not easily supportable imho as you need more variables and nested loops even worse.
As I'm a huge fan of functional code I can be biased here. Anyway it is better to know both approaches so you can write code in a way like your team or company wants.
@@MonsterlessonsAcademy Thanks for your input. I'm trying to get used to both, but I definitely feel I can better parse the regular for loop. I feel with the block scoping of let, using variables as counters isn't such a big deal in js now. But I understand where you're coming from too. I just find the 'more readable' claim weird.
just today I discovered your channel and its amazing, keep the good work !!
Welcome aboard!
Thanks for the video, very informative. Just want to point out one thing at 13:50 where you mention that "there's no such type of null" when in fact null is a primitive type. The reason why the typeof logs it as an object is a known bug in JavaScript bug.
Good point!
Thank you 🙏
You’re welcome 😊
awesome video!! what is the extension that pops up to show what each function does?
It's typescript extension. It is just enabled for js files as well.
great Explanation🥰🥰🥰🥰
Thank you! 😃
please make a video on React js interview@@MonsterlessonsAcademy
on 12:50 wouldnt it be better to apply sort after filter is called, otherwise you would be sorting items that might not pass the isActive logic?
You are totally right.
Thanks!
Thank you so much for your support. It means a lot to me!
Make more videos like this 👍
Sure 😊
Difference between null and undefined is that you can get null only if you set it yourself and undefined is auto assigned by js to represent no value. I mean you can set undefined by yourself but that would be against the logic. You should never manually assign undefined to a variable, that's what is null for.
You are totally right. From experience I see a lot projects where people use either only undefined or only null. I prefer null so it looks like nil in other languages where there is no such thing as undefined.
@@MonsterlessonsAcademy Yes, but it's not just the matter of preference. If you look at someone's code that you are not familiar with and you see undefined, that shoud mean something is wrong. When you see null you understand that this has been set on purpuse, for whatever reason. But if you start using it as a preference, you loose that meaning. That is why there are two of them, it wasn't left there just for fun.
@@devcaand I get your point but in all other languages you have just nil and not 2 things like null and undefined which is confusing in js. Additionally if you set undefined in redux in your state for example it is not shows at all which is also confusing when you want to see global state.
very good info bro
Glad you think so!
Amazing video
Thanks!
Quality content. Do you have information on the integers, floats and how its managed in js ? I had a question about this in an interview and i was stuck 😂😂
Unfortunately, no
This is excellent but there's a bug at 51:09 when you return index > 0 because the name could be at index 0.
You are totally right. The full course is updated accordingly.
i've been watching your videos lately .. sub deserved
Thank you!
Top level video! At 50:15 instead of boolean I would use - return !!el;
Sure
Please excuse me as I'm working through many questions from different sources.
isNameExists at 51:10 your using findIndex with index > 0
Shouldn't it be index.length > 0 as index 0 could be the value your looking for?
You are totally right!
My two cents...
Put sort after filter to not mutate the original array, isn't this the preferred method?
.sort((a, b) => b.age - a.age) looks a lot cleaner
you are correct because filter returns a copy. But if you don't need filter then you have a problem.
Sure - will go with numbers.
with large data sets, the filter then map has terrible time complexity and there is nothing wrong with the if test on active. what you are calling low-level is also easily portable to other languages with very little work.
You are totally right but in 99% of the cases we care about readability and we don't have large data sets on the client. In 1% loops are better. And realistically nobody cares if it is portable to other languages or not because nobody ports js somewhere.
13:50 null is data type tho reason it returns object is js bug or something if i remember correctly
There are lots of bugs with data types in js.
прекрасный канал, лайк подписка однозначно
Thanks!
For finIndex, wouldn't it be if index is greater or equal to 0? 0 is a valid index, yes?
Yes that was a typo which was updated in the full course
@2:18, interview question = never used this knowledge in your everyday work. how true
Life is pain
I just came to curried functions, but I cant understand even after you explained it. Why and where do I use it in real life? It just seems to complicate stuff by using this? Everything else has been crystal clear :)
I would recommend you to skip them for now and try to learn later at some point. Curried functions and functional programming are quite difficult topics and for sure not needed if you are a beginners for example.
You use curried functions to create partially applied functions. Like
const getId = R.prop('id')
const getIds = R.map(getId)
const result = getIds(users)
It is not a silver bullet, just another way to write code which simplifies some things.
@@MonsterlessonsAcademy okie :) i still dont get it lol. But I guess I have to know where the steeringwheel is in the car before I can drive :) thanks anyway. The other thing was very good for me, i understood them :)
12:30 Wouldn't it be better to first filter and than sort?
Yes
You have a JavaScript interview preparation course 2023, which is probably this course. I have several questions : 1) what is the length of this course 2) if I buy this course or the subscription to all the courses, what format do I get it in? Is it some RUclips playlist or some downloadable files? Thank you!
This course is 3 hours 44 minutes long
monsterlessons-academy.com/courses/javascript-interview-questions-coding-interview
You get access to the videos on the website including downloadable files (as zip archive for each video) and ability to ask questions in comments under the video.
where is Mike in the sorted array? (without filter and map)
What code do you mean exactly?
@ minute 46 why dont you use .some?
Hello! This video is awesome! Small question on the first task:
Wouldn't you rather create and sort a new array instead of mutating the original data? I always thought that was best practice, but I saw you didn't mind mutating the original array here. Is it just because it's an interview Q, so we know it won't affect the greater system? @Monsterlessons Academy
Hi! In real project I typically try to create new data except of mutating them.
this dude an A.I. fr.
but thanks for the great content!
Glad you enjoy it!
Will your Full Javascript Interview Prep Course be enough to prepare for JS interview questions. Will I still need to study Leet Code?
A lot of students wrote that they passed interview after studying my course. But it all depends on the interviewer and questions. Nothing can give you all possible answers.
@@MonsterlessonsAcademy you're honestly is well appreciated. I will be enrolling into your course.
@@MonsterlessonsAcademy if we we remember the concepts and methods and explain how to solve a interview problem, will we be able to use the syntax from your course during the interview only after we explain solution first. I can remember the concepts/methods but I can not remember the syntax.
@@lastspoil5547 Remembering syntax will come with time. Concepts and methods is more important from my point of view.
This would be great if you provide the source code for practising or take test oneself.
You get access to all source codes in the full course.
monsterlessons-academy.com/courses/javascript-interview-questions-coding-interview
console.log(counter().getValue());
counter().increment();
console.log(counter().getValue());
if we don't assign to privatecounter to any variable and use directly like that . increment is not work.
Yes of course. counter() call creates count again. You don't use it as a closure then.
Interesting thing about Curry functions....I've been a professional software developer for 25 years and have not once written a curry function or utilized someone else's curry function. I keep seeing the "idea" being presented as if it was common, but wanted to see if I am not alone in my experience. Who here uses curries at work? If so, what type of work do you do?
We've got some modules built using currying.. I work as a backend dev
Some teams use it but most not. It's a matter of preference. People with knowledge of haskell or similar functional languages have bigger chance of using it.
@@seymour_videos Thanks, was there a reason to implement currying because calling the function directly was not available? Or did it make the code more maintainable and/or readable?
@@dmcs2003 there are a few benefits when it comes to error handling.. the functions are called with one param, and return a function that takes the next set of params.. and so on.. building a function in this manner ensure required variables are there.. example: We've got a multi-tenant system, depending on who the caller is the currying function is built differently resulting in different methods being available to the specific caller.. Similar to what "monster" said, its JS attempt at functional programming
what is the ide color theme you use?
It's gruvbox
thanks
46:00
Spread Operator may fail with array of Object
function Merge(arr1, arr2) {
return [...arr1, ...arr2];
}
const arr1 = [{ name: "Lorem" }];
const arr2 = [{ name: "Ipsum" }];
const arr3 = Merge(arr1, arr2);
arr3[0].name = "LoremX";
console.log(arr1, arr3);
You are totally right because it is related to nested copy so you get the same problem is with copying nested objects
Hello, need some clearance i'm a noob
const curry = function (fn) {
var arity = fn.length
return function f1(...args) { *// = arity) {
return fn(...args) *//
Just write console.log in every line and check what it gives you. It will bring understanding.
Shouldn't the find index solution be >= 0 because 0 is a valid index?
Yes. You are right.
Great resource, very helpful, thank you so much! Question for ruclips.net/video/wnYKH2dO620/видео.html shouldn't it be greater than or equal to zero? In case the name is found in the first element?
You are totally right. It was a typo.
I have a question for anyone in the web designer field. Do they ask these questions in the interview for web design because I'm going for that field and from all the websites I have created in school we never use anything advance like currying or closures so I was wondering if theses questions are for a different field?
Web designer doesn't need any of it or any programming language at all. It is a totally different field and job.
@@MonsterlessonsAcademyThankyou for the reply. We use HTML and CSS quite a lot with some javascript however not to this level of javascript.
@@ktk3487 This doesn't sound like a web designer knowledge at all. Only if you do web designer job mixed with frontender job.
@@MonsterlessonsAcademy not sure, that’s what it’s called in my college class web design. We design the web using html, css, and some JavaScript with some typescript and react.
Damn this is the first time I heard about currying.
Something new every day :)
@@MonsterlessonsAcademy especially in JavaScript 😊
36:25 Yeah I'm just going to cross my fingers nobody asks me to write this curried function in an interview lol
Yeap, I feel the pain :)
The reason for why arrays get mutated is because arrays are pass by reference, it has nothing to do with .push()
users.slice(2) doesn't mutate array but splice does. It's a method not only that arrays are mutable.
Thanks from Ukraine!
Thank you too!
I realized my mistake, here is correct version of my code:
const names = []
users.map(({name}) => names.push(name))
console.log(names);
You don't need to push it, as map returns a new array
59:56 Can we use like this?
instead of obj1.author.split(" ")[1] ---> obj1.author.split(" ")
ex:
const sortByAuthorLastName =(obj1,obj2)=>{
return obj1.author.split(" ")
There are different ways to solve the same task.
// write a code to get array of names from given array of users
for this task I wrote this solution:
const users = [
{
id: 1,
name: 'Jack',
isActive: true,
},
{
id: 2,
name: 'Jhon',
isActive: true,
},
{
id: 3,
name: 'Mike',
isActive: false,
},
];
const ArrayOfNames = users;
ArrayOfNames.map( ({ name } ) => name = console.log(name))
to be honest I am not good with foor loop, I deal better with forEach, map, filter, find methods,
is this good solution??
Is `localeCompare` okay for this?
books.sort((a, b) => (a.author.split(' ')[1]).localeCompare((b.author.split(' ')[1])))
Yes it's fine