✅ Javascript Reduce method Example.

▫️ Finding the longest word in a given string.

function longerWord(a, b) {
if (a.length > b.length) {
return a;
} else {
return b;
}
}

const sentence = 'Hey there what are you doing this Wednesday night';

const longest = sentence.split(' ').reduce(longerWord);

console.log(longest);

// Wednesday

#JavaScript #Reduce

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

✅ Quiz Time - Immediately Invoked Function Expression.

💬 Comment your answer!!!

#JavaScript #IIFE #Quiz

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

✅ Need a roadmap for your developer journey? find it here

🔗 https://roadmap.sh

Here are 2 of the popular ones:

Front End:
🔗 https://roadmap.sh/frontend

Back End:
🔗 https://roadmap.sh/backend

Let us know if you found the resources useful and also if you know about resources that can be helpful for others.

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

✅ Want to write Industry level Javascript? Check out this free e-book from Simon Hoiberg.

✅ This e-book goes in-depth with the best practices of writing not just core JS but also React and other topics as well.

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

✅ Need books for your programming language? or maybe framework? Get a free e-book for pretty much any framework or programming language commonly used here. These books and the content is curated by some of the best professionals and lovely people at Stack Overflow.

🔗 Link : https://goalkicker.com/

Here are some of our best picks :

🔗 HTML: https://goalkicker.com/HTML5Book/HTML5NotesForProfessionals.pdf

🔗 CSS: https://goalkicker.com/CSSBook/CSSNotesForProfessionals.pdf

🔗 JavaScript: https://goalkicker.com/JavaScriptBook/JavaScriptNotesForProfessionals.pdf

🔗 React JS: https://goalkicker.com/ReactJSBook/ReactJSNotesForProfessionals.pdf

🔗 React Native: https://goalkicker.com/ReactNativeBook/ReactNativeNotesForProfessionals.pdf

🔗 Algorithms: https://goalkicker.com/AlgorithmsBook/AlgorithmsNotesForProfessionals.pdf

And More... Check out the provided link for more free e-books.

✅ Need documentation for a library, language or framework? Don't worry we got you covered meet a new way of documentation tool that collects and shows documentation all in one place for all the tools you use in your daily life.

🧑‍💻 Meet Dev Docs : https://devdocs.io 🔗

Free documentation PWA & Online platform for developers to check documentation for their tools for free all in one place.

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

⛄ Merry Christmas ⛄

From all the admin team of Web Developers Group we wish you all Merry Christmas 🎄🎁

Hope Santa Claus brings many happy moments many blessings your way and you always achieve something big in your life. 🤍

Regards,
Web Developer'sTeam ⛄

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

Happy New Year 🎊🎊🎊.

🌟 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

✅ Challenge.

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

var closureExample = outerFunction();

console.log(closureExample());

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