✅ Challenge.

let obj1 = {
  name: 'Alice',
  getName: function() {
    return this.name;
  }
};


let obj2 = {
  name: 'Bob'
};

let getNameFunc = obj1.getName.bind(obj2);

console.log(getNameFunc());

✅ Title: Node.js Documentary.

Content : Are you fascinated by the world of Node.js? Dive deep into its history, development, and impact with this insightful documentary. Explore how Node.js has revolutionized web development and learn about its key features and advantages. Watch now to uncover the secrets behind one of the most popular runtime environments.

📌 Link: https://bit.ly/3PHluS0

.

✅ 10 must have GitHub repos for web developers:

1. Free for dev - Click here
2. Tech Interview Handbook
- Click here
3. Javascript Algorithms and Data-structure - Click here
4. You don't know JS - Click here
5. Node.js Best Practices - Click here
6. HTML5 Boilerplate - Click here
7. 30 Seconds of Code - Click here
8. Clean Code JavaScript - Click here
9. Awesome Node.js - Click here
10. 33 JS Concepts - Click here

✅ Debouncing function in Javascript.

Debouncing makes sure that a function doesn't run too often in a short period of time.

// Debouncing util
function debounce(func, wait) {

  let timeout;

  return function(...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, args), wait);
  };
}

// Usage
const handleResize = debounce(() => {
  console.log('Resize event');
}, 300);

window.addEventListener('resize', handleResize);

✅ Challenge.(Promise)

const promise = new Promise((resolve, reject) => {
  resolve('Success');
});

promise.then(result => {
  console.log(result) // ?
}); 

console.log('End'); // ?

✅ Challenge. (Map)

// Create new Map
const map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('a', 3);

const keys = [];

for (const key of map.keys()) {
  keys.push(key);
}

// Output
console.log(keys);

✅ Challenge. (Object)

const obj = {
  a: 1,
  b: {
    c: 2
  }
};

const newObj = Object.assign({}, obj);
newObj.b.c = 3;

console.log(obj.b.c);

✅ Challenge. (Map)

const map1 = new Map();

const objKey = {};
const arrKey = [];

map1.set(objKey, 'object');
map1.set(arrKey, 'array');

console.log(map1.get(objKey));
console.log(map1.get(arrKey));

✅ Challenge. (Symbol)

const sym1 = Symbol('foo');
const sym2 = Symbol('foo');

console.log(sym1 === sym2);

✅ Challenge. (Object)

const employee = {
  name: 'Bob',
  position: 'Developer',
  details: {
    skills: ['JavaScript', 'Node.js'],
    experience: 5
  }
};

const cloneEmployee = JSON.parse(JSON.stringify(employee));
cloneEmployee.details.skills.push('React');

console.log(employee.details.skills);

✅ Challenge. (Map)

// Create new Map
const map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('a', 3);

const keys = [];

for (const key of map.keys()) {
  keys.push(key);
}

// Output
console.log(keys);