At 4:15 i m not satisfied by the answer by a 4.5 year of experience because the settimeout fetch promise and settimeinterval are not the Apis of core javascript whereas these functions are provided by browser by WebApis so when we provide callbacks to these functions it will go to the queue after waiting time and and it will not executed until the Callstack empty ...when call stack empty from Global execution context then these function run according to their preserve order
If you put the questions in the description section of the video, it will super helpful to practice along, Please consider it from next videos !! Btw great choice of questions!!
memoizeOne function will not work here if we call memoizeOne with different callbacks Eg: if we call memoizeOne with add , and also we call memoizeOne with sub results will be inconsistent because cache map is global one it will be shared by both add and sub callback memoizeOne calls So we need create cache map for each memoizeOne call and return arrow function from memoizeOne
The problem is that similar questions are being asked since about 3-4 years now. I understand that they do a good job on checking the conceptual knowledge of the candidate and reinventing the wheel might not be possible every time but majority of the candidates I’ve seen just learn the solutions by heart and sometimes can’t even deal with a follow up question. People should understand that this is not an exam where you would just empty your pockets when you see a question you’ve already solved or practiced and call it easy. Ofc the interviewer will be more experienced and can read between the lines. We can always try to focus on the concepts as opposed to just going through interview questions.
This video has a lot of great information, but as a beginner, I didn't fully understand some parts like the callback in the initial question, memoization, and other detailed concepts. I plan to watch it again after more practice, and I'm sure I'll understand everything better then. Thank you, Chirag Goel Sir.
2021 me aapke git videos but were unable to understand but now again I am here after almost 3 years to watch machine coding round questions. Thanks for such awesome content
const add = (a: number, b: number) => a + b; const CACHE: Record = {}; function memoizedAdd(n: number, m: number) { const argArray = Array.from(arguments); const key = JSON.stringify(argArray); console.log(CACHE); if (key in CACHE) { console.log('Accessing CACHE'); return CACHE[key]; } else { console.log('Computing'); const result = add(n, m); CACHE[key] = result; return result; } } console.log(memoizedAdd(1, 2)); console.log(memoizedAdd(1, 2)); Sorry I have a doubt, this is my solution. Why would we need another temp function inside the memo function ?? Could you explain if possible please
@@KannadaLofi As I understand your question, you are talking about the function which passed as an argument. It is because we want to make memorize function generic which can memorize any function output. In your code "console.log(memoizedAdd(1, 2));" you are calling it for to memorize add with two arguments, but if we have more arguments ? So need to make it generic.
18:35 we need to create a closure (that holds the cache nothing but arguments and result) and return it ... then it will work independent of function that we are passing. until the functions are pure
I was thinking the same, right now cache is at global level all memoised functions will access the same cache. Each memoised function must have it's own cache.
I am very happy that for these problem statement I paused the video I tried by myself I can able to solve that and solved those without any hint. I am confident now that i will crack my interview in the future 😊
Yes me too! But i've a doubt that whether we could use a.flat(Infinity) to flatten the array or we should always make the polyfill function for it in the interviews?
@@igurutechs2583 From my experience it is better to use polyfill function in an interview. Since most of my interview the interviewer asked me to write a function instead of a method. some Interviewer was ok with methods. It depends upon the interviewer i think.
The interviewer will himself ask you to make the pollyfill of flat function as array.flat() is pretty straight forward answer Incase you are fresher he might not.
function memoize(fn){ const argsLength = fn.length const cache = new Map(); return function(...args){ const key = args.join("") if(cache.get(key)){ return cache.get(key) } const result = fn(...args) cache.set(key, result); return result; } } memorize function I made, I initially made it with object but then moved to map
I think this is fine from my side! Anyone can improve this? function memoised(fn){ const cache=new Map(); return (...args)=>{ const key=args.join('-'); if(cache.has(key)) return cache.get(key); const ans=fn(...args); cache.set(key,ans); return ans; } }
18:35 I think we should concept of decorator function A decorator allow to add new functionality to an existing fun without modifying its structure and return modified fun
@@payelbhowmik9060 The question states that you have to rearrange (or normalize) the data in such a way that the output is an object. This is generally done to reduce the Time Complexity from array O(N) to object O(1) because to access an element in an array we have to traverse it completely but to access it in an object we can use dot notation or even square brackets. Good Luck🤞
CODE FOR QUESTION 3 :- const add = (a, b) => a + b const memoizeOne = (add) => { const map = new Map(); return (a, b) => { const obj = { args: [a, b] } if(map.has(JSON.stringify(obj))) { console.log('Add function is not executed: previous result is returned -> ', map.get(JSON.stringify(obj))); } else { const output = add(a, b); map.set(JSON.stringify(obj), output); console.log('Add function is called to get new value -> ', output); } } } const memoizeAdd = memoizeOne(add); memoizeAdd(1, 2); memoizeAdd(1, 2); memoizeAdd(2, 3); memoizeAdd(2, 3);
Her explanation is great although the implementations are okay at best. First problem could be solved used Object.groupBy (I guess he was expecting that), the memorization problem took way too long and then the recursion problem doesn't need an array initialized out side the function. The overall interview also seemed easy for anyone with 2.5-3+ yoe.
Hi, thank you for the feedback. The points you gave are genuine and valid and I personally feel the same that solution could have been provided/presented in a better manner.
@@krupapanchal9908 Hey! Didn't expect you to reply. Again, your communication is amazing and that alone will take you places. Hope I didn't come off too strong with my comment. All the best!
function memoize(fn) { let memo = new Map(); return function() { const context = this; const args = arguments; if (memo.has(args.toString())) { console.log("return from memoize"); return memo.get(args.toString()) } let result = fn.apply(context, args) console.log(result); memo.set(args.toString(), result); return result } }
Sorry to point out , but first Output based code won't run , there should be one closing ')' after console.log(x). Other than that her explanation was great 👍🏻
Bro, title to shi rkh lete..she said she has 2 years of experience and you mentioned 4.5 years in video title...phle 1 min me hi video ki authenticity smjh aa gyi
i am a 1 yrs experienced guy but feels like having 6 or 7 years of experience 😢. There was a time where there is less competition for skills for software jobs, now people are having enough skills but very hard to get a job 😕
Add(1,2) return 3 from cache but as per her logic if we pass Add(2,1) it will not come from cache but it also should come from cache ? So args sort is much important to set a key
Hello Sir, 1. How do you stay active and energetic always? 🤔 2. Can we use internet in machine coding rounds if we dont remember the syntax? Thank you,
🎉 Excited for Season 2 of Chakde Interviews! Mock interviews sound like a fantastic addition. As I'm working through Namaste Frontend System Design, I've learned so much from you, Chirag. Thanks a lot for the invaluable insights! 👏
Great video!!, Thank you. and small update in memoization, if combination of arguments changed that has to be handled. ✌ // Memoization const hashMap = new Map(); function memoizeAdd (fun) { return function (...arg) { const key = arg.join('_') const reverseKey = arg.reverse().join('_') let result = '' if (hashMap.has(key) || hashMap.has(reverseKey)) { console.log('from memo') result = hashMap.get(key) || hashMap.get(reverseKey); } else result = fun(...arg); hashMap.set(key, result) return result; } } let addTwoValues = (a, b) => a + b; const addNumber = new memoizeAdd(addTwoValues); console.log(addNumber(2,3)); console.log(addNumber(2,3)); console.log(addNumber(3,2));
Please dont get my hopes up...please tell me these are not the questions asked in a real 4+ exp interview I feel these are too easy, maybe for around 1-2 yrs exp?
@@virajtandel24 After talking to my seniors, I feel it is more focused on design approach questions after 4-5+ yrs experience. Maybe the memoized question was okay to be put in as a starter...but the rest are way too basic. But it always depends on the company and the interviewer. what I'm sure is that interview would not be this easy
Hi, your point is valid. However, as I was fairly new to this type of interview setup, it took time for me to get comfortable and perform at my best level. The interview is more about how you approach a problem and navigate towards the solution after hints are provided. In how much time you complete the problem is a secondary point of consideration.
Buddy It has nothing to do with experience, someone might not came across this usecase, it depends on what industry or problem candidate worked on solving early.
Knowing something now a days are very easy and if she doesn't come across that situation just google, thats all it takes 😅. he already instructed her to take help from google to know how to get arguments of a function
I am also starting Frontend Interview Preparation, with an amazing group where we discuss important questions in Zoom meetings regularly. if anyone who is really seriously wants to join let me know.(MERN with JavaScript)
This is not at all a real scenario in an interview even freshers interview are not taken like this anymore please don't prepare according to this interview example this sort of interview are used to happen in 2016 to 2019 only even freshers code better than this nowadays so if you want a job and want to really crack a interview please don't refer this as good interview yet you can refer it as a easy mock interview
In my recent interview I was asked to design a tic tc toe with a dynamic board , and in my previous interview I was asked to design a polyfill for map, and one of the interview also asked to implement deag and drop functionality as he asked me to refer trello for for it 😊
Don't worry, all of such questions are already in pipeline. You will get the best and variety of questions in this series. Trust me this series is going to "The Best and One Stop" solution for all frontend interviews . Stay tuned 🚀
In this code: console.log('A') setTimeout(() => { console.log('B') }, 1000) ['C','D'].forEach((x )=> console.log(x)) console.log('E') // Output: 1 Showing Type Error when the code ['C','D'].forEach((x )=> console.log(x)) executed due to semicolon not there end of setTimeOut().
console.log('A'); setTimeout(()=> { console.log("B") },[]) ['C','D'].forEach(element => console.log(element); console.log("E") there is no bracket closing it will show error right
Candidate is good with her skills…she is making some of the topics which are bit complicated into very simple thing..that’s shows the experience 👏
At 4:15 i m not satisfied by the answer by a 4.5 year of experience because the settimeout fetch promise and settimeinterval are not the Apis of core javascript whereas these functions are provided by browser by WebApis so when we provide callbacks to these functions it will go to the queue after waiting time and and it will not executed until the Callstack empty ...when call stack empty from Global execution context then these function run according to their preserve order
If you put the questions in the description section of the video, it will super helpful to practice along, Please consider it from next videos !! Btw great choice of questions!!
Agree 💯
This was actually a challenging question for first timer.
memoizeOne function will not work here if we call memoizeOne with different callbacks
Eg: if we call memoizeOne with add , and also we call memoizeOne with sub results will be inconsistent
because cache map is global one it will be shared by both add and sub callback memoizeOne calls
So we need create cache map for each memoizeOne call and return arrow function from memoizeOne
The problem is that similar questions are being asked since about 3-4 years now. I understand that they do a good job on checking the conceptual knowledge of the candidate and reinventing the wheel might not be possible every time but majority of the candidates I’ve seen just learn the solutions by heart and sometimes can’t even deal with a follow up question. People should understand that this is not an exam where you would just empty your pockets when you see a question you’ve already solved or practiced and call it easy. Ofc the interviewer will be more experienced and can read between the lines. We can always try to focus on the concepts as opposed to just going through interview questions.
This video has a lot of great information, but as a beginner, I didn't fully understand some parts like the callback in the initial question, memoization, and other detailed concepts. I plan to watch it again after more practice, and I'm sure I'll understand everything better then. Thank you, Chirag Goel Sir.
While preparing for interviews, watch Namaste JS playlist on youtube and then come back to this video. You will understand properly
2021 me aapke git videos but were unable to understand but now again I am here after almost 3 years to watch machine coding round questions. Thanks for such awesome content
It's my pleasure. That I can bring you back ❤️
Above video is of Machine coding interview format? In machine code don’t wee have to develop a small functionality?
for the common question section flatten array i have a solution
function flattenArray(arr){
return arr.toString().split(",").map(Number)
}
Overall that's a good interview.
Optimized solutions are-
Q 2. We can use closures here as mentioned by him will looks like -
function memorizeOne(fn){
const cache = {};
return function (...args){
const key = JSON.stringify(args); // Creating unique keys because objects are reference type
if (key in cache) {
console.log("Using memoized result");
return cache[key];
} else {
console.log("Calculating result");
const result = fn(...args);
cache[key] = result;
return result;
}
}
}
const add = (a, b) => a + b;
const memorize = memorizeOne(add);
console.log(memorize(1, 2)); // Calculates result: 3
console.log(memorize(1, 2)); // Uses memoized result: 3
console.log(memorize(2, 3)); // Calculates result: 5
console.log(memorize(1, 2)); // Uses memoized result: 3
Q 3. Her solution was also good but here I used reduce method
const obj = [
{ key: 'Sample 1', data: 'Data1' },
{ key: 'Sample 1', data: 'Data1' },
{ key: 'Sample 2', data: 'Data2' },
{ key: 'Sample 1', data: 'Data1' },
{ key: 'Sample 3', data: 'Data1' },
{ key: 'Sample 4' }
];
function groupBy(arr) {
return arr.reduce((value, item) => {
const { key, data } = item;
if (!value[key]) {
value[key] = [];
}
value[key].push({ key, data });
return value;
}, {});
}
const output = groupBy(obj);
console.log(output);
Your explanation of questions are great Krupa. Will wait for next part of the series.
Thanks for sharing 🙏❣️
const add = (a: number, b: number) => a + b;
const CACHE: Record = {};
function memoizedAdd(n: number, m: number) {
const argArray = Array.from(arguments);
const key = JSON.stringify(argArray);
console.log(CACHE);
if (key in CACHE) {
console.log('Accessing CACHE');
return CACHE[key];
} else {
console.log('Computing');
const result = add(n, m);
CACHE[key] = result;
return result;
}
}
console.log(memoizedAdd(1, 2));
console.log(memoizedAdd(1, 2));
Sorry I have a doubt, this is my solution. Why would we need another temp function inside the memo function ?? Could you explain if possible please
@@KannadaLofi As I understand your question, you are talking about the function which passed as an argument.
It is because we want to make memorize function generic which can memorize any function output.
In your code "console.log(memoizedAdd(1, 2));" you are calling it for to memorize add with two arguments, but if we have more arguments ?
So need to make it generic.
Inside the if loop, value[key] = [ ] should not be empty, it should be value[key] = [item] or value[key] = [{key, data}];
Great video! Looking forward to more episodes from chakde interviews!
More video are in pipeline. Turn on the notification on channel for every Saturday 10AM
18:35 we need to create a closure (that holds the cache nothing but arguments and result) and return it ... then it will work independent of function that we are passing. until the functions are pure
I was thinking the same, right now cache is at global level all memoised functions will access the same cache. Each memoised function must have it's own cache.
const result = numbers.flat(Infinity); // flatten all the nested array values into a single array of value
I am very happy that for these problem statement I paused the video I tried by myself I can able to solve that and solved those without any hint. I am confident now that i will crack my interview in the future 😊
Yes me too! But i've a doubt that whether we could use a.flat(Infinity) to flatten the array or we should always make the polyfill function for it in the interviews?
@@igurutechs2583 From my experience it is better to use polyfill function in an interview. Since most of my interview the interviewer asked me to write a function instead of a method. some Interviewer was ok with methods. It depends upon the interviewer i think.
The interviewer will himself ask you to make the pollyfill of flat function as array.flat() is pretty straight forward answer
Incase you are fresher he might not.
Wow this is a fantastic addition. Thanks Chirag sir for this series and all the best for season - 2
🔥🔥🔥
More to come soon 🚀
@@engineerchirag Thanks you sir❤. we love this series.
memoize problem was very good. learnt a new thing. very nice video.
Glad it was helpful! ❣️
leetcode.com/problems/memoize/?envType=study-plan-v2&envId=30-days-of-javascript
function memoize(fn){
const argsLength = fn.length
const cache = new Map();
return function(...args){
const key = args.join("")
if(cache.get(key)){
return cache.get(key)
}
const result = fn(...args)
cache.set(key, result);
return result;
}
}
memorize function I made, I initially made it with object but then moved to map
Thank you sir for this a great series. One of the most awaited series.
We have just started. This release will be one stop solution for frontend interviews
I think this is fine from my side! Anyone can improve this?
function memoised(fn){
const cache=new Map();
return (...args)=>{
const key=args.join('-');
if(cache.has(key)) return cache.get(key);
const ans=fn(...args);
cache.set(key,ans);
return ans;
}
}
good apporch
Superb question and answers. Thank you chirag.
🥰
18:35
I think we should concept of decorator function
A decorator allow to add new functionality to an existing fun without modifying its structure and return modified fun
Decorator doesn't exist in javascript
@@Shyam_Mahanta are you sure?
@@jacquelynecarmen typescript has full support for decorator but in js its just arghhhhhh.....
great video, learned concept of caching :)
CODE FOR QUESTION 2 :-
const obj = [
{ key: 'Sample 1', data: 'Data1' },
{ key: 'Sample 1', data: 'Data1' },
{ key: 'Sample 2', data: 'Data2' },
{ key: 'Sample 1', data: 'Data1' },
{ key: 'Sample 3', data: 'Data1' },
{ key: 'Sample 4', data: 'Data1' },
]
const normalize = (obj) => {
let output = {}
obj.forEach(({ key, data }) => {
if(!output.hasOwnProperty(key)) {
output[key] = [];
}
output[key] = [ ...output[key], { key, data } ]
})
return output;
}
console.log(normalize(obj))
What was the question? I couldn't understand it properly.
@@payelbhowmik9060 The question states that you have to rearrange (or normalize) the data in such a way that the output is an object. This is generally done to reduce the Time Complexity from array O(N) to object O(1) because to access an element in an array we have to traverse it completely but to access it in an object we can use dot notation or even square brackets. Good Luck🤞
CODE FOR QUESTION 3 :-
const add = (a, b) => a + b
const memoizeOne = (add) => {
const map = new Map();
return (a, b) => {
const obj = {
args: [a, b]
}
if(map.has(JSON.stringify(obj))) {
console.log('Add function is not executed: previous result is returned -> ', map.get(JSON.stringify(obj)));
}
else {
const output = add(a, b);
map.set(JSON.stringify(obj), output);
console.log('Add function is called to get new value -> ', output);
}
}
}
const memoizeAdd = memoizeOne(add);
memoizeAdd(1, 2);
memoizeAdd(1, 2);
memoizeAdd(2, 3);
memoizeAdd(2, 3);
Want more interview videos with different types of questions for experienced Frontend developer, thanks a lot for sharing this knowledge.
More to come! Stay tuned 🙂
If possible share videos of debugging the issue in front-end development in detail.
Great video Chirag sir! The memoized question was great, learned a lot ❤
Glad you liked it
Her explanation is great although the implementations are okay at best. First problem could be solved used Object.groupBy (I guess he was expecting that), the memorization problem took way too long and then the recursion problem doesn't need an array initialized out side the function. The overall interview also seemed easy for anyone with 2.5-3+ yoe.
Hi, thank you for the feedback.
The points you gave are genuine and valid and I personally feel the same that solution could have been provided/presented in a better manner.
@@krupapanchal9908 Hey! Didn't expect you to reply. Again, your communication is amazing and that alone will take you places. Hope I didn't come off too strong with my comment. All the best!
Kindly put the interview stuff in the description you doing great job ❤
Noted
I think we could use currying concept for the memoisation problem.
CODE FOR QUESTION 4 :-
const a = [1, 2, 3, [4, [5, 6]], 7, 8];
const func = (arr, output) => {
arr.forEach((item) => {
if(typeof(item) === 'number') {
output.push(item);
}
else {
func(item, output);
}
})
}
const flattenArray = (arr) => {
const output = [];
func(arr, output);
return output;
}
console.log(flattenArray(a));
She is decent JavaScript developer :)
very informative video...waiting for more
More to come! Stay tuned 🚀
beauty with brain
function memoize(fn) {
let memo = new Map();
return function() {
const context = this;
const args = arguments;
if (memo.has(args.toString())) {
console.log("return from memoize");
return memo.get(args.toString())
}
let result = fn.apply(context, args)
console.log(result);
memo.set(args.toString(), result);
return result
}
}
Sorry to point out , but first Output based code won't run , there should be one closing ')' after console.log(x). Other than that her explanation was great 👍🏻
Thanks for highlighting, but syntax wasn't the main consideration in this interview
she is too good 🤩😍😍
Come Satuarday. I leave everything to watch Chirag's video at 10AM.
❤️
i hope this EP - 01 will be increase.
thanks from bangladesh
Block your calendar for 10AM every Saturday 🙂
Bro, title to shi rkh lete..she said she has 2 years of experience and you mentioned 4.5 years in video title...phle 1 min me hi video ki authenticity smjh aa gyi
She has 2 years experience as a frontend developer. She was a software engineer from 2019.
I'm here to provide authentic content 💯
Great Video, Please schedule more mock interview for Senior developers also.
Stay tuned for 10 Am every Saturday 🙂
damn shes so good. . ithink the hardest is the 2nd to the last problem, icant even know ,how to memoize a the result. haha
Great Questions!!! @chirag.
🙏
Kudos to the interviewee
❤️
please make sure you be consistent & complete it 🙏
Every Saturday 10AM 🙂 Block your calendar 😜
Can someone or the author please post a full solution of that memoize(add) function question? Thanks !
Great interview, though in my country (Poland) such questions are asked in junior level interviews
Thanks for the info. Would you mind sharing the kind of questions which are asked in Poland?
My solution for the memorize function problem with diff functions like add & sub.
const cacheObj = {};
const memo = function(fn) {
return function(...args) {
if (cacheObj[fn.name]) {
const value = cacheObj[fn.name][String(args)]
if (value) return value;
const result = fn(...arguments);
cacheObj[fn.name][String(args)] = result;
return result;
} else {
const result = fn(...arguments);
cacheObj[fn.name] = { [String(args)] : result }
return result;
}
}
}
const add = (a, b, c) => a + b + c;
const sub = (a, b) => a - b;
const memoAdd = memo(add);
const memoSub = memo(sub);
const result = memoAdd(1,2,3);
const result2 = memoAdd(1,2,4);
const result3 = memoAdd(2,1,3);
const result4 = memoSub(4,3);
const result5 = memoSub(6,7);
const result6 = memoSub(4,3);
console.log("🚀 ~ result:", result, result2, result3, result4, result5, result6)
console.log("🚀 ~ cacheObj:", cacheObj)
Good interview, Loved it ❤
Glad you enjoyed it! Stay tuned for more upcoming video 🚀
Great insights!
Glad you enjoyed it!
let obj = [
{
sample: 'sample1',
data:'data1'
},
{
sample: 'sample1',
data:'data1'
},
{
sample: 'sample2',
data:'data2'
},
{
sample: 'sample3',
data:'data3'
},
{
sample: 'sample4',
data:'data4'
}
];
SOLUTION :
let output = obj.reduce((acc, curr) =>{
acc[curr.sample] = acc[curr.sample] || [];
acc[curr.sample].push(curr);
return acc;
}, {})
console.log(output)
i am a 1 yrs experienced guy but feels like having 6 or 7 years of experience 😢. There was a time where there is less competition for skills for software jobs, now people are having enough skills but very hard to get a job 😕
Not understood brother what you are trying to say can you elaborate more plzz.
@@virajtandel24 the demand for skills and the level of difficulty in interviews are increased so much recently. That is what i said.
Krupa panchal, very very talented coder..
👍
23:11 did you just cut off the video and told her the solution?
35:02 here too
trueee
Add(1,2) return 3 from cache but as per her logic if we pass Add(2,1) it will not come from cache but it also should come from cache ?
So args sort is much important to set a key
It will only work in case of add and not in case of sub or /,% so sorting the args just for add func doesn't make sense
Hello Sir,
1. How do you stay active and energetic always? 🤔
2. Can we use internet in machine coding rounds if we dont remember the syntax? Thank you,
My energy is from love and support ❣️.
Yes, we can ask the interviewer to allow you to check syntax on the internet.
Loved it
❣️
she have 4.5 years of experience and you ask him this basic questions.🙄
Thank you, Chirag Goel. Amazing video. I also tried to solve this problems by myself.
🎉 Excited for Season 2 of Chakde Interviews! Mock interviews sound like a fantastic addition. As I'm working through Namaste Frontend System Design, I've learned so much from you, Chirag. Thanks a lot for the invaluable insights! 👏
Wonderful! Keep watching, keep sharing, keep growing 🚀
@@engineerchirag 😁😇
Thank you Chirag bhai pls do some videos on machine coding as well
Yes, it's coming soon. Stay tuned!
Hi Chirag, I'd love to give mock interview with you if you are taking candidates for subsequent videos. Let me know. Thanks
Please share your linkedin profile here.
Flatten array was asked to me in interview with ServiceNow ❤
and Data transformation question was also asked
Great! ❤️
❤️
Great, thanks for making this video. Curious which platform you used for assessment?
Thanks for feedback. DM me on LinkedIn for details 😊
the memoize one is the challenging one and she tackled it very well......btw how i can give interview to you ?
Fill the form
Maja aagya sir 🎉
❣️
awesome sir...
Keep watching 🚀
❤❤❤ Great 👍👍👍👍
❤️
First question in which foreach use have compile error. forEach() is not closed
Easy peasy 🔥🔥
❤️
a lot to take away by watching this video.
Glad you liked it. More to come, stay tuned 🙂
Sir could you give all these question in a pdf file or somewhere so that anyone can practice these
Her sister is a Indian cricketer Jemimah rodrigues
😛 I just released. Who knows she is only giving interview
Great video!!, Thank you. and small update in memoization, if combination of arguments changed that has to be handled. ✌
// Memoization
const hashMap = new Map();
function memoizeAdd (fun) {
return function (...arg) {
const key = arg.join('_')
const reverseKey = arg.reverse().join('_')
let result = ''
if (hashMap.has(key) || hashMap.has(reverseKey)) {
console.log('from memo')
result = hashMap.get(key) || hashMap.get(reverseKey);
}
else result = fun(...arg);
hashMap.set(key, result)
return result;
}
}
let addTwoValues = (a, b) => a + b;
const addNumber = new memoizeAdd(addTwoValues);
console.log(addNumber(2,3));
console.log(addNumber(2,3));
console.log(addNumber(3,2));
let obj = [
{
key:"sample 1",
value:"d1"
},
{
key:"sample 2",
value:"d1"
},
{
key:"sample 1",
value:"d1"
}, {
key:"sample 3",
value:"d1"
},
{
key:"sample 4",
value:"d1"
},
]
let output = {}
obj.forEach((item,idx)=>{
if(output[`${item.key}`]){
output[`${item.key}`].push(item)
}else{
output[`${item.key}`] = [item]
}
})
console.log(output)
in the 2nd question the output should be empty array for ' sample 2 ' , ' sample 3' , ' sample 4 ' but the interviewer just said okay that works xD
Can you please help with your solution?
sure here is the jsfiddle for the same :
jsfiddle.net/bhallal_dev_/1j2oLzfm/35/
flattened array simple solution :
const a = [1,2,3,[4,[5,6]],7,8];
const newArr= a.flat(2);
console.log(newArr);
map should be created inside the parent function and not globally
Clement mihailescu came in my mind while watching this video. 😅
😛
Please dont get my hopes up...please tell me these are not the questions asked in a real 4+ exp interview
I feel these are too easy, maybe for around 1-2 yrs exp?
Can you tell me some concepts which are asked in 4+ according to you brother??
@@virajtandel24 After talking to my seniors, I feel it is more focused on design approach questions after 4-5+ yrs experience. Maybe the memoized question was okay to be put in as a starter...but the rest are way too basic.
But it always depends on the company and the interviewer.
what I'm sure is that interview would not be this easy
Thanks brother I will prepare acoordingly now
there is syntax error in Q1 ) is mising
all things are great but how to prepare for these kind of question when I google I mostly see theoretical question only
On Chakde Frontend Interview series every Saturday 😛
answer of memoize function function MemoizeOne(fn) {
let cache = null;
let lastArgs = null;
return function(...args) {
if (cache !== null && lastArgs !== null && args.length === lastArgs.length &&
args.every((arg, index) => arg === lastArgs[index])) {
return cache;
}
lastArgs = args;
cache = fn(...args);
return cache;
};
}
const add = (a, b) => a + b;
const memoizedAdd = MemoizeOne(add);
console.log(memoizedAdd(1, 2)); // 3
console.log(memoizedAdd(1, 2)); // 3 (cached result)
console.log(memoizedAdd(2, 3)); // 5
where are curly braces in foreach question
thank you
Welcome!
❤
❤️
Hamara bhi yesa interview lo 5 6 ctc to mg rahe hai bas
is she really 4.5 year experience, looks like fresher.🧐
Don’t judge a book 📕 by its cover 😮
Why so?
I feel looking like 8 years experience
Looking young im guessing@@engineerchirag
I feel like 10 yrs experienced guy now
Will this type of questions asked to freshers ???
Freshers related videos are coming soon!
except memoization (maybe for a 1+ yrs experienced canditate), the other questions were pretty basic.
Can you asked how to browser render html code?
Sure, in one of the upcoming interviews I will ask 🙂
Sir I am searching for a Frontend Developer job please help me sir if you have any vacancy
Thanks
👍
4.5 exp , memorised Question takes hardly 3-4mins
Hi, your point is valid. However, as I was fairly new to this type of interview setup, it took time for me to get comfortable and perform at my best level.
The interview is more about how you approach a problem and navigate towards the solution after hints are provided. In how much time you complete the problem is a secondary point of consideration.
Buddy It has nothing to do with experience, someone might not came across this usecase, it depends on what industry or problem candidate worked on solving early.
Knowing something now a days are very easy and if she doesn't come across that situation just google, thats all it takes 😅. he already instructed her to take help from google to know how to get arguments of a function
@@phoenixgaming3045 Thank you for the suggestion. Added "Google" to my "Need to learn" list.
sir please next video for freshers
Noted!
i guess comedy ain't going well for kenny...
Who is Kenny here 🤔
can object.entries not be used in the input output snippet?
I am also starting Frontend Interview Preparation, with an amazing group where we discuss important questions in Zoom meetings regularly. if anyone who is really seriously wants to join let me know.(MERN with JavaScript)
Yes
This is not at all a real scenario in an interview even freshers interview are not taken like this anymore please don't prepare according to this interview example this sort of interview are used to happen in 2016 to 2019 only even freshers code better than this nowadays so if you want a job and want to really crack a interview please don't refer this as good interview yet you can refer it as a easy mock interview
Would love to know what kind of questions are expected nowadays 😊
In my recent interview I was asked to design a tic tc toe with a dynamic board , and in my previous interview I was asked to design a polyfill for map, and one of the interview also asked to implement deag and drop functionality as he asked me to refer trello for for it 😊
Don't worry, all of such questions are already in pipeline. You will get the best and variety of questions in this series. Trust me this series is going to "The Best and One Stop" solution for all frontend interviews . Stay tuned 🚀
Btw check this out - tictactoe question - th-cam.com/video/rtKwy1k9lYY/w-d-xo.html
🤣🤣🤣
🤣🤣🤣
Meh, she's no better than college kids nowadays
In this code:
console.log('A')
setTimeout(() => {
console.log('B')
}, 1000)
['C','D'].forEach((x )=>
console.log(x))
console.log('E')
// Output:
1
Showing Type Error when the code
['C','D'].forEach((x )=>
console.log(x))
executed due to semicolon not there end of setTimeOut().
console.log('A');
setTimeout(()=> {
console.log("B")
},[])
['C','D'].forEach(element =>
console.log(element);
console.log("E") there is no bracket closing it will show error right
Indeed, the forEach function has no closing parentheses. She didn't noticed , and he ignored it.
Don't talk like kids