I used to code back in grade 7th, 8th and 9th. I dropped it for about some years because some other stuff I had to do. I'm still highly interested and want to go back to it. This time, I want to start from learning JavaScript. I don't know where to begin with, can you someone please help?

useWindowSize hook in react Js is a simple and commonly used custom hook to get the window size at any given particular moment. This hook makes it extremely easy to display different UI/component/content based on window size. I implement and explain the same in the link below within 8 minutes. (source code provided as well)
Link- https://www.youtube.com/watch?v=x1n0c2aKNoE

Many people get confused between when to use a map or an object in JavaScript. While I have seen many developers use objects usually, there are a lot many instances where maps would have been more suitable. So I decided to make a video explaining maps in detail, its differences between objects and when to use one over the other under 8 minutes.
Link: https://www.youtube.com/watch?v=JRiVyaA2YKw

Here are 17 major react js interview questions that I have been asked during all my interviews yet under 5 minutes.
Link: https://www.youtube.com/watch?v=MzU_Fv2aj_g

💡 When an expression is evaluated using the void operator, the result is undefined. This operator is typically used to obtain an undefined primitive value. It’s frequently used in conjunction with hyperlinks. When you click a link, your browser usually refreshes the page or loads a new one. When we don’t want the browser to refresh or load a new page when we click a hyperlink, we can use javascript:void(0).

💡 Hyperlinks are a popular use of JavaScript:Void(0). When a user clicks a link on a page, a new page loads in most cases, however this is not always the desired outcome. You could wish to change the value of a field in a form or the value of a variable when a user clicks a link on a website, for example. The void(0) function is used to prevent a website from refreshing when a link is clicked.

✅ ✨ 📌Blog Link: https://sudipta-deb.in/2022/04/javascript-void-operator.html
✅ ✨ 📌Youtube Link: https://youtu.be/JqLiqn0pk5E

Recently I was asked about this question in an interview and didn't have enough knowledge to explain it in depth. After some research I finally understood the difference between react events and JavaScript addeventlisteners and when to use each of them based on the use case scenario in react. Its very important to understand the concept behind each of them and how they affect your application based on performance, and how "pooling" makes react events special. This 3 minute video explains everything you need to know.

Link: https://www.youtube.com/watch?v=pXR86JNulw0

Hello everyone,

Here is a list of some useful VSCode extensions which may help in web development.

I hope it will help someone. Also if you know of any other good VSCode extension, Please share it. I would be grateful.

Thanks

https://farhan-tanvir.medium.com/10-useful-vs-code-extensions-to-make-life-easier-part-2-a295609788e0

Am I still old-schooled? I still use JQuery... It's been a lot that I've been using it. A lot.

Did you know? You can use all array prototype by converting DOM NodeList to an array.

Pure functions

const addPure = (a , b) => a + b
const subPure = (a , b) => a - b
const addOutput = addPure (1 , 2) // 3
const subOutput = subPure (10 , 5) // 5
const addOutput = addPure (1 , 2) // 3
const subOutput = subPure (10 , 5) // 5

Impure functions

let add1 = 5
let add2 = 10
let sub1 = 20
let sub2 = 10
const addImpure = (a1, a2) => {
  // My masterstroke addition algorithm.
  a1 = a1 + add1
  a2 = a2 + add2
  
  // Also, Let me modify sub1 a lil bit. Because, why not?
  sub1 = sub1 + (sub1 - sub2) * 2
  // return the carefully crafted output
  return a1 + a2
}
const subImpure = (s1, s2) => {
  // PI is an important recipe while cooking subtraction.
  s1 = s1 > Math.PI ? s1 + sub1 : (s1 - add2) * 3
  s2 = Math.fround(s2 * Math.PI - sub2)
  // Oh yea? eat this.
  add1 = 0
  add2 = 0
  return s1 - s2
}
const ImpureAddOutput = addImpure(1, 2) // 18
const ImpureSubOutput = subImpure(10, 5) // 44.29203653335571
const ImpureAddOutput2 = addImpure(1, 2) // 3
const ImpureSubOutput2 = subImpure(10, 5) // 104.29203653335571

https://karthickragavendran.medium.com/pure-functions-why-c925c55347b8

Topic: Understanding JavaScript Variable Declaration with Scope - Let vs. Var vs. Const

Scope is the concept that manages the accessibility of the variables. At a very high level, the accessibility of the variable is limited to the block where they are defined. Outside the block, the variable is inaccessible.

In this post, I am going to explain different ways of declaring variables in Javascript and their impact on scope.

https://www.sudipta-deb.in/2020/07/understanding-javascript-variable.html