Throttling in JavaScript | Frontend Interview Question ⭐

  Рет қаралды 35,908

Technical Suneja

Technical Suneja

2 жыл бұрын

An explanation of Throttling in JavaScript. Throttling is a performance optimization technique to reduce the rate at which events trigger functions. I explain Throttling in a fun and concise way. Throttling is not just an important interview question, but it is also very useful to improve the performance of large scale web applications.
⭐ React Js - Front Frontend Interview Series ► bit.ly/3jVkFog
⭐ ReactJS Tutorial for Beginners to Advanced ►
ytube.io/3JDc
⭐ 5 Things you should know as a Web Developer 👩‍💻 New Web Developer Tips 🤔 ►
• 5 Things you should kn...
➖➖➖➖➖➖➖➖➖➖➖➖➖
Family ❤
Our Family - 130,000
Like Aim - 1000
Subscribers Aim- 200,000
Subscribe to stay tuned to more fun and informative content, consider liking the video in order to vouch for quality 🤗!!
Follow me on:
Instagram: / sunejaajay
Linkedin: / ajaysuneja
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
Technical Suneja Shorts⭐
► / technical suneja shorts
⭐ My Telegram Group Link:
► t.me/joinchat/V53dTczAWc52IrLv
⭐ What is CI/CD? 🤔
► ytube.io/3OqB
⭐ My Recent Project Experience | ReactJs, Gatsby framework (Front End Technologies ) 👩‍💻 🤔 Vlog27 ► ytube.io/3LsN
⭐ My Recent Interview Experience on Javascript
► ytube.io/3OqC
⭐ Vlog13:Support vs Development Jobs? Projects? What to choose | Coding होती भी है?🤔 | My Experience ► ytube.io/3Og8
⭐ Front End Interview Series (Modern JavaScript ES6 Tutorial by Technical Suneja )
► bit.ly/3CkjENa
⭐ Free Resouces
1) Basic Javascript ► bityl.co/7XiW
2) ES6 full course ►
* Video: ytube.io/3JDb
* Proper Documentation: bityl.co/7XnW
3) Aao_Sikhe_Javascript (DS & Algorithms Course ) ► ytube.io/3JDZ
3) Git and GitHub Training - Zero to Hero ►
ytube.io/3JDa
ytube.io/3OqD
4) ReactJS Tutorial for Beginners to Advanced ►
ytube.io/3JDc
5) Angular Tutorial for Beginners ► ytube.io/3JDv
5) Node.js and Express.js ► ytube.io/3JDd
6) HTML & CSS Tutorial ► ytube.io/3JDt
7) Final Project ► ytube.io/3JDe
🔥 Instagram ► / sunejaajay
⭐ Want Webhosting service ?
If you are planning to host your website in a very decent amount you can contact us on the given numbers.
Contact Details :
1. +91-9990131528
2. +91-8529119425
More Details (Visit our website ) ►hosting.technicalsuneja.com/
I believe that this vlog will help you to understand better in terms of career growth.
Put your comments and share your experience with us if you like this vlog. Also if you have some suggestions then please suggest them in the comment box.
⭐ Support vs Development Jobs? Projects? What to choose
►ytube.io/3K5i
⭐ Off-Campus Job Placements Complete Roadmap ► ytube.io/3JpA
⭐ Latest IT Vlogs :
► ytube.io/3Ik9
⭐ Wednesday Episodes By Technical Suneja
► ytube.io/3FIN
⭐ Coding Stuff :
► / technicalsunejaji
⭐ ReactJS Tutorial For Beginners. :
► ytube.io/3FIL
⭐ CTC v/s IN HAND SALARY | Huge Packages Explained🤔 GOOGLE, MICROSOFT, Facebook! 🔥
► ytube.io/3FIF
⭐ Top 5 Programming languages for 2021
► ytube.io/3FIH
⭐ Best Top 5 Frontend Frameworks of 2021 for Web Development
► ytube.io/3FII
⭐ 10 Generic steps to becoming Javascript Developer | Frontend & Backend Both🔥
► ytube.io/3FIJ
⭐ Best LinkedIn Tips for Job seekers in 2021 - Proper Utilisation of LinkedIn 🔥
► ytube.io/3FIK
⭐ My Thoughts on Web Development & Mobile App Development - Which is better?
► ytube.io/3FIS
⭐ Competitive Programming vs Software Development - Where Should I Invest My Time? 🔥
► ytube.io/3FIR
⭐ My Thoughts on Mean Stack Developer - Are you looking for a FullStack Developer?🔥
► ytube.io/3FIQ
⭐ My Thoughts on Full Stack Developer - Perfect Path 🔥🔥
► ytube.io/3FIP
⭐ My KZbin equipment
1)MacBook Air ► amzn.to/2Tqj3Zz
2)LCD Screen for Coding ► amzn.to/3zeYSyi
3)SanDisk 500GB SSD ► amzn.to/3pNEArf
4)WD 1TB Normal ► amzn.to/3gr5UY9
5)HP laptop ► amzn.to/3pK4NHg
6)Canon M50 Mark II ► amzn.to/2TjlEEO
7)Chair Link ► amzn.to/2RSvoWk
8)Echo Dot (3rd Gen) ► amzn.to/3iCLhLd
9)Canon EF-S 18-55mm lens ► amzn.to/3cEwH22
10)HP Laserjet ► amzn.to/3zjEEn7
11)JBL Headphones ► amzn.to/3gwXEGf
webdevsimplified,debounce,throttle,javascript,js,js debounce,js throttle,javascript debounce,javascript throttle,debounce vs throttle,debounce vs throttle js,debounce vs throttle javascript,
#Throttling #Javascript #JavascriptInterviewQuestion

Пікірлер: 72
@TechnicalSuneja
@TechnicalSuneja 2 жыл бұрын
00:00 - Don't skip anything 🙏 Aur kya haal sabke? btao next topic JS kon sa hona chahiye ??
@yashrao5132
@yashrao5132 2 жыл бұрын
Bhai aap ek javascript course .. shuru se start kr do topicwise to kafi log yahi se sikhenge ... or beginners ko idea mill paaega ...what javascript actually is , what are the topics we need to cover must .. at beginner and master stage ...so that , we can actually get a better drone view at all the topics , as it will give us a better idea from where to start , how the learning journey will go and finally how to end , to became a job ready programmer . I think you might understand it in a better way and further take us to heaven .
@gknowledgehub9114
@gknowledgehub9114 2 жыл бұрын
Suneja sir, I wanna talk to you I have little doubt
@sunnyarora3557
@sunnyarora3557 2 жыл бұрын
sir or koi topic hai interview ka liye please bta dijia
@sunnyarora3557
@sunnyarora3557 2 жыл бұрын
mera interview hai kuch din mai ya series khatam or FE ka interview hai
@arman_shekh97
@arman_shekh97 2 жыл бұрын
please cover micro and macro task
@Yash-ry5wj
@Yash-ry5wj Жыл бұрын
All colleges should have teacher like you ❤️
@A1996ARP2075
@A1996ARP2075 2 жыл бұрын
U are doing great job Ajay sir. Love this interview series. Next please make on React coding challenges asked in product based companies and practical example of useMemo
@codewithkaran8860
@codewithkaran8860 Жыл бұрын
awesome playlist sir one of the best series of es6 thanks a lot 🥰😊
@Vivekkumar-jn8li
@Vivekkumar-jn8li 11 ай бұрын
Great video , made the concept easy understanding and crystal clear ........
@kumarjitu5751
@kumarjitu5751 Жыл бұрын
me pura series dekha isme kuch topic pata tha or kuch pata nhi tha thank u for making this type of video
@justfeelit6573
@justfeelit6573 Жыл бұрын
Thank you sooo much You help me not only in study.🙏🙏🙏🙏👌👌
@mrh2281
@mrh2281 2 жыл бұрын
Thank a ton for this series and also dsa series bro #TechnicalSuneja
@ManoharBatra
@ManoharBatra Жыл бұрын
watch full playlist paaji.. great content
@kalilokesh8962
@kalilokesh8962 16 күн бұрын
Great explanation. Liked and susdcribed
@codewithkaran8860
@codewithkaran8860 Жыл бұрын
the example was very best bhaiya 😊
@abdulaziz7013
@abdulaziz7013 2 жыл бұрын
Bravo!
@HarshSingh-hk8fe
@HarshSingh-hk8fe 2 жыл бұрын
nicely explained luv u bro
@RATANAGARWALITINFORMER
@RATANAGARWALITINFORMER 2 жыл бұрын
good topic
@justfeelit6573
@justfeelit6573 Жыл бұрын
I am stuck in a situation what I want to do first DSA or OOP or another frame work but when I start it really unstoppable video combo brother 👍👌👌🙏🙏🙏
@aamirrashid4513
@aamirrashid4513 Жыл бұрын
Hi Sir.... Plz make a series on JavaScript interview questions being asked in industry for better preparation.... Thanks And by the way congratulations for new placement in Adidas 😊
@PlanetSachin
@PlanetSachin 11 күн бұрын
thankyou so much
@prinzadamz
@prinzadamz 3 ай бұрын
Sooooooooooooper 👍👍
@ramdeoyadav8369
@ramdeoyadav8369 Жыл бұрын
After watching the complete playlist, it feels like mere ander javascript bachpan se hi hai
@sakhir3995
@sakhir3995 Жыл бұрын
Thank You Sir...
@sakhir3995
@sakhir3995 Жыл бұрын
Ap abhi bhi nehi soye?🤣
@govardhank3146
@govardhank3146 2 жыл бұрын
I joined in TCS(3.36Lpa) recently after graduated(Mechanical) in 2021. My project(servicebased) on OTT,TV platform, I use splunk, Linux, Ansible,... for Application Monitoring. How to develop myself to get high package? #Techicalsuneja
@s.kbiswal9836
@s.kbiswal9836 2 жыл бұрын
Sir i am following your channel from many days as you are suggesting to do all the full stack course but kindly say me from whose video by looking it we can able to learn it and kindly tell me online or offline course which one is good.
@BeastUn
@BeastUn 2 жыл бұрын
thank you sir
@Devdaskekisse
@Devdaskekisse 2 жыл бұрын
Bhaiya front end interview JavaScript or react ke most and commons questions ko kya app ek cheatsheet me de skte hai tki kuch help ho skte interview ki teyari kr rahe bachho ki
@ninja_webtech
@ninja_webtech 2 жыл бұрын
1. What is React? 2. What are the advantages of using React? 3. What are the limitations of React? 4. What is useState() in React? 5. What are keys in React? 6. What is JSX? 7. What are the differences between functional and class components? 8. What is the virtual DOM? How does react use the virtual DOM to render the UI? 9. What are the differences between controlled and uncontrolled components? 10. What are props in React? 11. Explain React state and props. 12. Explain about types of side effects in React component. 13. What is prop drilling in React? 14. What are error boundaries? 15. What is React Hooks? 16. Explain React Hooks. 17. What are the rules that must be followed while using React Hooks? 18. What is the use of useEffect React Hooks? 19. Why do React Hooks make use of refs? 20. What are Custom Hooks 21. Explain Strict Mode in React. 22. How to prevent re-renders in React? 23. What are the different ways to style a React component? 24. Name a few techniques to optimize React app performance. 25. How to pass data between react components? 26. What are Higher Order Components? 27. What are the different phases of the component lifecycle? 28. What are the lifecycle methods of React? 29. Does React Hook work with static typing? 30. Explain about types of Hooks in React. 31. Differentiate React Hooks vs Classes. 32. How does the performance of using Hooks will differ in comparison with the classes? 33. Do Hooks cover all the functionalities provided by the classes? 34. What is React Router? 35. Can React Hook replaces Redux? 36. Explain conditional rendering in React. 37. Explain how to create a simple React Hooks example program. 38. How to create a switching component for displaying different pages? 39. How to re-render the view when the browser is resized? 40. How to pass data between sibling components using React router? 41. How to perform automatic redirect aer login? these Question are more then enough for react interview
@Devdaskekisse
@Devdaskekisse 2 жыл бұрын
@@ninja_webtech thanks allotted
@mukundamahajan6111
@mukundamahajan6111 Ай бұрын
🔴 Explain event delegation 🔴 Explain how this works in JavaScript 🔴 Explain how prototypal inheritance works. 🔴 Explain why the following doesn't work as an IIFE: function foo(){ }();. What needs to be changed to properly make it an IIFE? 🔴 What's the difference between a variable that is: null, undefined or undeclared? How would you go about checking for any of these states? 🔴 What is a closure, and how/why would you use one? 🔴 Can you describe the main difference between a .forEach loop and a .map() loop and why you would pick one versus the other? 🔴 What's a typical use case for anonymous functions? 🔴 Difference between: function Person(){}, var person = Person(), and var person. 🔴 Explain "hoisting". 🔴 Describe event bubbling. 🔴 What's the difference between an "attribute" and a "property"? 🔴 Why is extending built-in JavaScript objects not a good idea? 🔴 Explain the same-origin policy with regards to JavaScript. 🔴 Why is it called a Ternary expression, what does the word "Ternary" indicate? 🔴 What is "use strict";? What are the advantages and disadvantages to using it? 🔴 Why is it, a good idea to leave the global scope of a website as-is and never touch it? 🔴 Explain what a single page app is and how to make one SEO-friendly. 🔴 What is the extent of your experience with Promises and/or their polyfills? 🔴 What are the pros and cons of using Promises instead of callbacks? 🔴 What are some of the advantages/disadvantages of writing JavaScript code in a language that compiles to JavaScript? 🔴 What language constructions do you use for iterating over object properties and array items? 🔴 Explain the difference between mutable and immutable objects. 🔴 Explain the difference between synchronous and asynchronous functions. 🔴 What is event loop? What is the difference between call stack and task queue? 🔴 Explain the differences on the usage of foo between function foo() {} and var foo = function() {} 🔴 What are the differences between ES6 class and ES5 function constructors? 🔴 Can you offer a use case for the new arrow => function syntax? How does this new syntax differ from other functions? 🔴 What advantage is there for using the arrow syntax for a method in a constructor? 🔴 What is the definition of a higher-order function? 🔴 Can you give an example for destructuring an object or an array? 🔴 Can you give an example of a curry function and why this syntax offers an advantage? 🔴 What are the benefits of using spread syntax and how is it different from rest syntax? 🔴 Why might you want to create static class members?
@fadeddota4956
@fadeddota4956 Жыл бұрын
if we create one function and rather than writing like this way if we pass set timeout function wouldn't it be the same?
@mohaktandon731
@mohaktandon731 Жыл бұрын
great
@humtohchutiyehai1016
@humtohchutiyehai1016 2 жыл бұрын
bhaiya apne live stream mai bola tha ek opportunity mili hai aap uske bare mai baad mai bataoge jb maine mern stack product based mai use hota hai ke bare mai pucha tha toh .Uss opportunity ka kya hua?16 april wali stream mai 1:24:20 per almost.
@MrLaxman007007
@MrLaxman007007 Ай бұрын
HI brother, then what is the difference between throttling and debouncing
@govindlohar6816
@govindlohar6816 Жыл бұрын
sir apne setimeout ke bad fun calll kiya ok but ager user manlo click kiya setimeout ne 5 sec kebad fun call kiya our us fun me ager koi request to hame nahi pata ki vah req kitane time me complete hogi usase pahle hi btn enable ho gya to user ne again click kar sakta to previous reque complete se phle hi ek our req
@RajdeepSingh_9304
@RajdeepSingh_9304 2 жыл бұрын
Ajay bhaiya. Mai BCA distance se kr rha hu or mai front end development ka tyari kr rha hu. Agr mai job ke liye interview dene jaunga to mujhse front end related ques puchenge ya phr BCA ke subject se v aap pls ispe ek video bana do plss
@Himanshu-sq6zx
@Himanshu-sq6zx 2 жыл бұрын
Hii sir, I am in infosys. It's been one year I am in bench,no work assigned. I want to switch. Which backed framework should I learn in terms of salary and demand. I have learned java and know bacis of spring boot. Should I continue with spring or start with nodejs as it is in more demand.
@saisankar9119
@saisankar9119 2 жыл бұрын
Springboot more demand he bhai
@ramdeoyadav8369
@ramdeoyadav8369 Жыл бұрын
sir, Django ki bhi video banaye, possible hai then its trending nowadays
@avanishkumar1689
@avanishkumar1689 9 ай бұрын
just. a small doubt !! how timer is taking value of timer?
@justfeelit6573
@justfeelit6573 Жыл бұрын
I can't believe but in my these functions are running everywhere
@farzamyousuf3354
@farzamyousuf3354 2 жыл бұрын
please one video in let and const
@mdnasiransari2039
@mdnasiransari2039 2 жыл бұрын
Can you help me on that, this question is asked in Deloitte . 1) Write a javascript function which accepts a string containing a pattern of brackets and returns true if the pattern of brackets is correct. Otherwise it returns false. The string of brackets is correct if it satisfies the following conditions: 1. Number of opening and closing brackets are equal. 2. Pattern should not start with closing bracket and end with opening bracket. // )()((()()) -> False // ()((())()) -> truelet string=')()((()())';
@PIYUSH-lz1zq
@PIYUSH-lz1zq 2 жыл бұрын
IT CAN BE SOLVED USING STACK . CHECK WITH EVERY OPENING BRACKET WE HAVE CLOSING BRACKET OR NOT
@syedabdulsamadahsan2774
@syedabdulsamadahsan2774 2 жыл бұрын
Sir make a video on how to get the dAta from api every 5 second and data store in variable
@vkt8390
@vkt8390 Жыл бұрын
Bhai, javascript interview questions ke cheatsheet de dijiye plz.
@mrrishiraj88
@mrrishiraj88 2 жыл бұрын
🙏
@nirvikar23
@nirvikar23 10 ай бұрын
Bhai HOC ka real time use in project batao please
@justfeelit6573
@justfeelit6573 Жыл бұрын
Okk jayada comments kiye bina thanks 🙏🙏 I think on your channel react js is also available
@Kunal_.1302
@Kunal_.1302 Жыл бұрын
Bhaiya practise ke liye questions de dijiye html,css or javascript ke upar please
@danwebdeveloper5439
@danwebdeveloper5439 2 жыл бұрын
bhai application kaunsa use krte hai mujhe bhi videos banani hai aapki tarah
@vaibhavgoel1473
@vaibhavgoel1473 2 жыл бұрын
Angular pr video bnao
@jhumurpaul3825
@jhumurpaul3825 Жыл бұрын
Hi redux ki bhi video bna do
@vijaybhoir8709
@vijaybhoir8709 Жыл бұрын
Sir latest videos nahi aati aapki js ke kuch or interesting que solve kra do
@AbhishekSingh-xv2lu
@AbhishekSingh-xv2lu Жыл бұрын
Denouncing example me getData() ko searching text kaise pass karenge to get the searching result
@pritamsingh898
@pritamsingh898 5 ай бұрын
spinner or loader add kr submit button work ni kriga
@ujjawalchatterjee
@ujjawalchatterjee 2 жыл бұрын
useCallback and useMemo ka video banaao sir
@Aryan_he
@Aryan_he 2 жыл бұрын
Bhaiya, Please tell best free source to learn javascript for full stack development 🙏🙏🙏
@kumargaurav9557
@kumargaurav9557 Жыл бұрын
Setinterval and settimeout
@nikhilkhatri9721
@nikhilkhatri9721 Жыл бұрын
seems like it's just another example of debouncing...
@shubhaprasadmaharatha9563
@shubhaprasadmaharatha9563 7 ай бұрын
Bina timer se batao bhai
@keristgamer
@keristgamer Жыл бұрын
Bro aapko sab code yaad hein kya 😨😨
@adityaparmar4996
@adityaparmar4996 4 ай бұрын
its a wrong example you are just delaying the function , its not throttling , one should check the time period last function is call const getData = () => { document.getElementById("btn").disabled = false; console.log("Getting data ..."); }; const throttle = (fn, limit) => { let lastExecutionTime = 0; return function (...args) { const currentTime = Date.now(); if (currentTime - lastExecutionTime >= limit) { fn.apply(this, args); lastExecutionTime = currentTime; } }; }; const betterFunction = throttle(getData, 3000); // Attach the throttled function to the click event of a button document.getElementById("btn").addEventListener("click", betterFunction);
@kumarprashant8476
@kumarprashant8476 2 жыл бұрын
== and === kaa topic
@user-vj8vl8yt6q
@user-vj8vl8yt6q 9 ай бұрын
3:58 Bhai kya logic bata rahe ho button agr fir se enable hua user ne click Kiya toh fir se entry jaye ga 😂😂😂 Aisa solution mat Dena kabhi😂😂😂
@frontendzonedotcom
@frontendzonedotcom 5 ай бұрын
what is the use of return function in throttle function
@danwebdeveloper5439
@danwebdeveloper5439 2 жыл бұрын
bhai application kaunsa use krte hai mujhe bhi videos banani hai aapki tarah
Женская драка в Кызылорде
00:53
AIRAN
Рет қаралды 497 М.
ПРОВЕРИЛ АРБУЗЫ #shorts
00:34
Паша Осадчий
Рет қаралды 7 МЛН
Fast and Furious: New Zealand 🚗
00:29
How Ridiculous
Рет қаралды 41 МЛН
Debouncing vs Throttling | Walmart UI Interview Question
26:37
Akshay Saini
Рет қаралды 194 М.
Debouncing in Javascript | Flipkart UI Interview Question
16:20
Akshay Saini
Рет қаралды 222 М.