Web Developer

✅ 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. (Symbol)

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

console.log(sym1 === sym2);

✅ 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. (Object)

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

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

console.log(obj.b.c);

✅ 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.(Promise)

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

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

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

✅ 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);

✅ 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

✅ 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

.

✅ Challenge.

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


let obj2 = {
  name: 'Bob'
};

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

console.log(getNameFunc());

✅ Challenge.

function outerFunction() {
  var outerVar = 20;
  
  function innerFunction() {
    return outerVar;
  }
  
  return innerFunction;
}

var closureExample = outerFunction();

console.log(closureExample());

🌟 Looking for best DevOps resources? Here is a collection of resources for DevOps learners!

🔗 Link: https://github.com/bregman-arie/devops-resources

(👥) • @Web_developersz
(📚) • @Web_developerszz