7.5 Years Experienced Best Javascript Interview | Chakde Frontend Interview EP - 04

Back again with another episode of "CHAKDE INTERVIEWS" but this around we are going much deeper into the concepts and complexity .
Last time it was React now it's JS❤️ ....yes It's not just a random interview series , It's a complete package and I have curate the question very strategically so that it will help you crack your next interview.
Share your answer on the comment box with the time stamp and on Linkedin. Best solution will get pinned on YT comment box.
Give your love and support to this episode .
Connect to learn & grow together in our career❤️:
✅ Linkedin: / engineerchirag
✅ Twitter: / engineerchirag
✅ Instagram: / engineerchirag
Music track: Wanderer by walen
Source: freetouse.com/music
No Copyright Background Music
#interview #react #javascript #chakdeinterviews #frontenddevelopment #mockinterview

[@lalit422]

Amazing work @Chirag. Even though I have 13 years of experience and have learned a lot from you, Thanks, bro

[@wickkjohn]

Geeting something new everytime,

[@011arunkumar8]

Hi Chirag,I have 1.5 years of experience. Just one week ago, an interviewer asked me the same first question (auto retry api). At that time, I wasn’t able to answer that question😢. I wish I had found this video a little earlier😅. Thank you, Chirag, always love your videos.

[@pasito287]

🎉🎉🎉🎉

[@engineerchirag]

Awesome. More videos to come. Keep learning, keep sharing 🚀

[@engineerchirag]

❤️❤️

[@shubhamthaker9380]

which company and can you please tell me some more intresting questions asked

[@artofcoding2010]

Best interview series on internet. This video made my day. Thanks Chirag sir once again for this gem

[@engineerchirag]

Thanks a ton ❤️

[@ankitkashyap2005]

Hey , the question levels are just awesome.. I can't even imagine that this type of questions can be asked in interviews... Will follow this series to be updated

[@engineerchirag]

Awesome. Keep learning, keep sharing 🚀

[@chromegoogle-yi4jv]

Good stuff, many things to learn

[@engineerchirag]

Glad you liked it. Keep watching, keep sharing 🚀

[@Pawansoni432]

Please keep on doing this.. i love it chirag! Thanks ❤❤

[@engineerchirag]

Keep supporting me, keep sharing these videos on LinkedIn and I will try to bring more and more quality content on KZbin. #goodkarma

[@premkumarnayak2579]

Chirag, I have following you since a while, I would say you are doing a great job. 👍👍 The Problem statements you come up with are very unique and organised, I am learning a lot from this series. I was expecting someone from same experience level to come for this series. I wish I would be there some day on this series as well 😂, Just Kidding. For Pavan, I would say, He should be pushed to next Round. 👍 keep up the great work.

[@engineerchirag]

Thanks for the feedback ❣️

[@madhanrock5390]

Thank you so much for spending time in mock interviews and sharing with us. Wonderful session as always ☺️

[@engineerchirag]

Glad you enjoyed it! ❣️

[@megatron9151]

Really good choice of questions. Learnt a lot

[@engineerchirag]

Glad to hear! ❣️

[@gunjanvyas695]

Yooo!!! Best js interview of the whole Chakde frontend interview series. My solution: //LRU cache automatic cache clear // approach 1: which came to my mind at first /* lets have a cache array in which i'll be putting cache data and will try to add the time when we have added it in it. will run a auto clear cache function after certain time and it will check sort the array based on time, the items which are added. will remove least recently used */ let count = 0; let cache = new Array(5); cache.fill({ item: "2", time: 10 }); function addToCache(data) { let currentTime = Date.now(); cache.push({ item: data, time: currentTime + count }); count++; } function LRU(data) { cache.sort((a, b) => a - b); let leastRecentlyUsed = cache[0]; console.log("leastRecentlyUsed", leastRecentlyUsed); cache.shift(); addToCache(data); } function pushDataToCache(data) { if (cache.length !== 5) { addToCache(data); } else { LRU(data); } } pushDataToCache(40); pushDataToCache(50); pushDataToCache(60); pushDataToCache(30); pushDataToCache(10); pushDataToCache(1); pushDataToCache(50); console.log(cache); function getValueFromCache(data){ let finding = cache.find(item => item.item === data); if(!finding){ console.log(data, "Not found"); return; } console.log(data, "Yes item found",finding); } getValueFromCache(50); getValueFromCache(40); Thank you, Chirag Sir

[@engineerchirag]

Great you liked it ❤️

[@kumarswamy2979]

amazing session. So much to learn. Thanks a lot, Chirag for the take up this series.

[@engineerchirag]

Glad you liked it❤️

[@wadhwa_neeraj]

I think Pawan was updating the timestamp at the time of getting the data/key, that's why the timestamps at the end are the same (same problem as the setAsyncData being passed 0 for timeout value in setTimeout).

[@shubhamsaini5542]

very knowledgeable

[@Coding_Asmr_PraDev]

Keep the series going, really helpful

[@engineerchirag]

Keep learning, keep sharing 🚀

[@Piyush-xv1bb]

One more Gem from Chakde frontend ❤❤❤

[@engineerchirag]

Keep watching, keep sharing 🚀 Many more to come ❤️

[@CK-ir2ke]

Really nice learning something different from you always new things, please add time stamps if its possible?

[@engineerchirag]

Noted. 👍

[@ankushladani496]

Thanks Sirji...❤🎉

[@engineerchirag]

❣️

[@jsuryakt]

Great interview and top candidate 🚀

[@engineerchirag]

Awesome ❣️ Many more to come. Keep watching, keep sharing 🚀

[@karthiksundaram544]

❤

[@engineerchirag]

❣️

[@pratikwadekar4981]

What is the code editor that you are using Chirag ?

[@mirage4731]

1st Question - I created a counter and a function which will be executed inside it async function fetchWithAutoRetry(fetcher, maxtry = 5) { let count = 1; async function fetchData() { try { return await fetcher(); } catch (err) { console.error(`Attempt ${count} failed.`, err); if (count < maxtry) { count++; return await fetchData(); } else { throw new Error("Max retry reached"); } } } return await fetchData(); } const p1 = () => { return new Promise((res, rej) => res(1)); }; const p2 = () => { return new Promise((res, rej) => (Math.random() < 0.1 ? res(2) : rej(3))); }; fetchWithAutoRetry(p1, 5) .then((item) => { console.log("fetcher 1", item); }) .catch((err) => { console.error("fetcher 1", err); }); fetchWithAutoRetry(p2, 5) .then((item) => { console.log("fetcher 2", item); }) .catch((err) => { console.error("fetcher 2", err); });

[@BLcKHCK-ct4wn]

Love from kerala ❤

[@PRANAVMAPPOLI]

🥳me too

[@sauravkumarjha6162]

Good stuff. Chiraj could you please upload the mock interview for 2 years experienced candidates.

[@engineerchirag]

Definitely. It's in pipeline. Will be live soon 🚀

[@sauravkumarjha6162]

@@engineerchirag Thanks

[@onecuriousmuggle]

Great set of questions, Chirag. Though, I have a doubt here, Using Map would be helpfull to handle the space complexity better but how is the order insertion helpful? As in map order is only updated at the time whn the values are set for the first time so later on when we set it or last access it, order wont be updated.

[@engineerchirag]

❤️

[@deep90402]

Please make videos for react interview as well

[@engineerchirag]

Hey watch this react interview and stay tuned more react interviews are lined up kzbin.info/www/bejne/q3mqpa14o52fq6ssi=O24RWRLpjAbZlEm0

[@PRANAVMAPPOLI]

Hi chirag , So for LRU cache question , are you expecting the solution with map & linked list?

[@engineerchirag]

Both are good options 😃

[@nisargbarot1998]

Hi Chirag sir, can you suggest some resources where we can practice these kind of questions to prepare for our interview.

[@engineerchirag]

Chakde Frontend Interviews series 😛

[@mayurwankhade7447]

Please share which tool you are using for questions? First i thought it is codepen. But it is something different. Is it made by you?

[@engineerchirag]

DM pls

[@sudiptakumardas3547]

Hi Chirag, Can you please suggest some resource where we can practice these type of question?

[@engineerchirag]

Chakde Frontend Interviews series 😛

[@AmitGupta-su3yw]

You bring really good question @chirag but I will not select this man as he has 9yr of exp. and instead of making thing simple, he just make it more complicated. btw thanks for bringing such a question which will help people to thinks in real-time when a person giving interview.

[@engineerchirag]

Thanks for feedback 👍

[@DvvAvinash]

Hi Chirag, would you be open to conducting a mock interview with me? I’d really appreciate your guidance and feedback. Thanks!

[@engineerchirag]

Fill the form

[@minter-07]

What platform you are using to write code? Btw nice and informative video, a request is, your voice echoes a lot so please if possible improve it thanks for the video ❤

[@engineerchirag]

Let me work on Audio quality 👍

[@minter-07]

@@engineerchiragthank you sirji btw what platform it is on which candidate is coding?

[@mohammadsalman9370]

Hi Chirag, I have 5+ years of experience in UI development with Tech skills: HTML5,CSS3 Bootstrap,Tailwind CSS,Responsive Design, Media Queries. I have knowledge on Javascript and Vuejs framework just i want to improve deep knowledge and Strong experience in Javascript and other Framework like React. I know the way how to do but coming to real time, i am facing difficulty to solve problems and logical ways. Can you suggest how can I overcome from this difficulties to solve problems in logical way.

[@engineerchirag]

It sounds monotonous but the fact is you can overcome your fear by practicing more and more. Also, you can leverage AI (ChatGpt) where ever you stuck while coding first try to solve on your own & still won't be able figure out then go and ask Gpt. You can try this method.

[@deep90402]

How should junior developer should answer in interview and explain our approach to the interviewer.

[@engineerchirag]

These interviews will help you

[@kanaiyatiwari6748]

can you make video on how senior developer code and review code of junior developer

[@engineerchirag]

Noted 👍

[@Herxh428]

+1

[@vanchivikash3586]

can i know where can i get practice problems like those in the video

[@engineerchirag]

Every Saturday on Chakde Frontend Interview series 😛

Asking Just out of curiosity Being an engineering manager at MS, how much you need to code in daily basis?

[@engineerchirag]

I find time for coding 😃

[@yashsolanki069]

I've had some bad experiences with object in terms of maintaining the order. If the key is something that can be sorted the object follows the sorting stuff. Really weird shit in js. new Map() is what i had solved some of the order maintaining challenges so that should work here as well. I must say pawan's skills are top notch💯 Thanks again for bringing the best content out there Chirag!!!

[@engineerchirag]

❤️

[@keshavkuljeet2929]

what online compiler are you using to code?

[@engineerchirag]

DM pls

[@samudralaraju3594]

Hi sir my self raju .I have been completd gradution since 2018 bsc(science background).After i am prepared competative exms but could not clear the exms.i am intrested to frontend developer can i learn frontend course.your valuble suggestion sir. i am also telugu medium background student

[@engineerchirag]

What motivates you to learn and choose frontend development? If you answer this then only I can help you with better suggestion.

[@kishanmundadiya4982]

Sir, what about backend mock interview 😅

[@engineerchirag]

Haha apka hukum sar akho par 😛

[@suryasaini1844]

I want to give the mock interview. But I don't think I can pass! 😂

[@engineerchirag]

Fill the form.

[@SanjayYadav-ur4qj]

Great learning. One doubt, If we use a map then time complexity would still be O(n). Right? What do you think about my solution? I didn't use timestamp. Just used a queue. class LRUCache { constructor(size = 20) { this.cache = {}; this.keys = []; this.size = size; } #moveToMostRecentlyUsed(key) { let indexOfKey = this.keys.indexOf(key); while (indexOfKey < this.keys.length - 1) { const temp = this.keys[indexOfKey]; this.keys[indexOfKey] = this.keys[indexOfKey + 1]; this.keys[indexOfKey + 1] = temp; indexOfKey++; } } set(key, data) { if (Object.hasOwn(this.cache, key)) { this.#moveToMostRecentlyUsed(key); } else { if (this.keys.length >= this.size) { const lruKey = this.keys.shift(); delete this.cache[lruKey]; } this.keys.push(key); this.cache[key] = data; } } get(key) { if (!Object.hasOwn(this.cache, key)) { return; } this.#moveToMostRecentlyUsed(key); return this.cache[key]; } delete(key) { if (!Object.hasOwn(this.cache, key)) return; delete this.cache[key]; this.keys.splice(this.keys.indexOf(key), 1); } } /************ Test Cases **************/ const lruCache = new LRUCache((size = 3)); // lruCache.set("1", "one"); // lruCache.set("2", "two"); // lruCache.set("3", "three"); // lruCache.set("2"); // lruCache.set("4", "four"); // // lruCache.delete("4"); // console.log(lruCache.keys.at(-1)); function asyncData(key, data, time) { setTimeout(() => { lruCache.set(key, data); }, time); } asyncData("1", "one", 0); asyncData("2", "two", 0); asyncData("3", "three", 0); asyncData("4", "four", 0); setTimeout(() => { console.log(lruCache.keys.at(-1)); console.log(lruCache.get("2")); console.log(lruCache.keys.at(-1)); }, 2000);

[@sumitkumardey3268]

Lovey @chirag. Best of Luck

[@engineerchirag]

❤️

[@mirage4731]

Made an LRU Cache and Implemented it inside a memorize function (from 1st interview video) - class LRUCache { constructor(capacity) { this._capacity = capacity; this._map = new Map(); } get = (key) => { //see if the key exists if (this._map.has(key)) { // Key exists, get the value and move it to the last index because it is the recently used const value = this._map.get(key); this._map.delete(key); this._map.set(key, value); return value; } else { // Key doesnt exists, return -1 return -1; } }; set = (key, value) => { // see if the key exists const prevValue = this.get(key); //if key exists, then move it to the right. if (prevValue !== -1) { this._map.delete(key); this._map.set(key, value); } // if key doesnt exists, delete the least used and insert this one. else { // Key doesnt exists, see if the capacity is reached if (this._map.size === this._capacity) { //delete the first index for (let [firstKey] of this._map) { this._map.delete(firstKey); break; } } // insert the key this._map.set(key, value); } }; } function memoize(fn, cacheSize) { const cache = new LRUCache(cacheSize); return function (...args) { console.log(cache._map); const key = args.join(); if (cache.get(key) !== -1) { console.log("Getting for cache"); return cache.get(key); } else { const result = fn(...args); cache.set(key, result); return result; } }; }

[@ssmohanty153]

Keep the series going, really helpful

[@engineerchirag]

Thanks, pls help to spread this series 🙏❤️

[@mayurwankhade7447]

Please share which tool you are using for questions? First i thought it was codepen. But it is something different. Is it made by you?

[@engineerchirag]

DM pls

[@mayurwankhade7447]

@@engineerchirag hello sir, tried to DM on Twitter but it is only for blue tick users. Cannot dm there. Should I dm on LinkedIn?