Forwarded from Learn Html
✨3 websites I recommend every newbie to master their HTML and CSS skills✨
1.
2.
3.
1.
frontendmentor .io2.
devchallenges .io3.
awwwards .com✨5 amazing GitHub repositories for Node.js developers✨
📌 Node Best Practice
- In this repo you'll find a divided list of best practice in terms of Projects, Error handling, code style, testing, docker file. etc...
🖇️ https://t.co/DqjYdMOYi0
📌 Awesome Node.js
- This is a huge huge list of awesome resources of Node.js in the form of packages, tutorials, articles, books, courses, tools, etc...
🖇️ https://t.co/4xD1AWTPAm
📌 Awesome Node.js Projects
- Curated list of awesome open-source applications made with Node.js
🖇️ https://t.co/JZ8FvGEHYY
📌 Boilerplate
- Start a new Node.js project with minimum efforts. A boilerplate for building production-ready RESTful APIs using Node.js, Express, and Mongoose
🖇️ https://t.co/Db99yVXpNV
📌 Node.js best structure
- This is a basic project structure for a node js project contain a full support for async/await , proper error handling, basic Joi Validation object oriented para-diagram and much more
🖇️ https://t.co/EIfwqtQ37L
Follow @learn_JavaScript_js for more JavaScript content.
_______________________
Follow my other channels
For HTML : @learn_html_web
For CSS : @learn_CSS_web
For PHP : @learn_php_web
For Programming tutorials/Courses/Materials :
@Programmingworld_dev
For any quires you can ask in this group :
@devlopers_hub
📌 Node Best Practice
- In this repo you'll find a divided list of best practice in terms of Projects, Error handling, code style, testing, docker file. etc...
🖇️ https://t.co/DqjYdMOYi0
📌 Awesome Node.js
- This is a huge huge list of awesome resources of Node.js in the form of packages, tutorials, articles, books, courses, tools, etc...
🖇️ https://t.co/4xD1AWTPAm
📌 Awesome Node.js Projects
- Curated list of awesome open-source applications made with Node.js
🖇️ https://t.co/JZ8FvGEHYY
📌 Boilerplate
- Start a new Node.js project with minimum efforts. A boilerplate for building production-ready RESTful APIs using Node.js, Express, and Mongoose
🖇️ https://t.co/Db99yVXpNV
📌 Node.js best structure
- This is a basic project structure for a node js project contain a full support for async/await , proper error handling, basic Joi Validation object oriented para-diagram and much more
🖇️ https://t.co/EIfwqtQ37L
Follow @learn_JavaScript_js for more JavaScript content.
_______________________
Follow my other channels
For HTML : @learn_html_web
For CSS : @learn_CSS_web
For PHP : @learn_php_web
For Programming tutorials/Courses/Materials :
@Programmingworld_dev
For any quires you can ask in this group :
@devlopers_hub
Learn JavaScript™ pinned «✨5 amazing GitHub repositories for Node.js developers✨ 📌 Node Best Practice - In this repo you'll find a divided list of best practice in terms of Projects, Error handling, code style, testing, docker file. etc... 🖇️ https://t.co/DqjYdMOYi0 📌 Awesome…»
✨ Found a super handy tool for you🔥✨
➵ A social media button generator with almost zero efforts🙅🏻♂️
🖇️ sharingbuttons.io
➵ A social media button generator with almost zero efforts🙅🏻♂️
🖇️ sharingbuttons.io
Consider the following arrays. What gets logged in various sorting conditions?
const arr1 = ['a', 'b', 'c']; const arr2 = ['b', 'c', 'a']; console.log( arr1.sort() === arr1, arr2.sort() == arr2, arr1.sort() === arr2.sort());
const arr1 = ['a', 'b', 'c']; const arr2 = ['b', 'c', 'a']; console.log( arr1.sort() === arr1, arr2.sort() == arr2, arr1.sort() === arr2.sort());
Final Results
16%
true true true
32%
true true false
26%
false false false
26%
true false true
Consider the following Set of objects spread into a new array. What gets logged?
const mySet = new Set([{ a: 1 }, { a: 1 } const result = [...mySet]; console.log(result);
const mySet = new Set([{ a: 1 }, { a: 1 } const result = [...mySet]; console.log(result);
Final Results
53%
[{a: 1}, {a: 1}]
47%
[{a: 1}]
Learn JavaScript™
Consider the following arrays. What gets logged in various sorting conditions?
const arr1 = ['a', 'b', 'c']; const arr2 = ['b', 'c', 'a']; console.log( arr1.sort() === arr1, arr2.sort() == arr2, arr1.sort() === arr2.sort());
const arr1 = ['a', 'b', 'c']; const arr2 = ['b', 'c', 'a']; console.log( arr1.sort() === arr1, arr2.sort() == arr2, arr1.sort() === arr2.sort());
Explanation:
There are a couple concepts at play here. First, the array sort method sorts your original array and also returns a reference to that array. This means that when you write arr2.sort(), the arr2 array object is sorted.
It turns out, however, the sort order of the array doesn't matter when you're comparing objects. Since arr1.sort() and arr1 point to the same object in memory, the first equality test returns true. This holds true for the second comparison as well: arr2.sort() and arr2 point to the same object in memory.
In the third test, the sort order of arr1.sort() and arr2.sort() are the same; however, they still point to different objects in memory. Therefore, the third test evaluates to false.
There are a couple concepts at play here. First, the array sort method sorts your original array and also returns a reference to that array. This means that when you write arr2.sort(), the arr2 array object is sorted.
It turns out, however, the sort order of the array doesn't matter when you're comparing objects. Since arr1.sort() and arr1 point to the same object in memory, the first equality test returns true. This holds true for the second comparison as well: arr2.sort() and arr2 point to the same object in memory.
In the third test, the sort order of arr1.sort() and arr2.sort() are the same; however, they still point to different objects in memory. Therefore, the third test evaluates to false.
Learn JavaScript™
Consider the following Set of objects spread into a new array. What gets logged?
const mySet = new Set([{ a: 1 }, { a: 1 } const result = [...mySet]; console.log(result);
const mySet = new Set([{ a: 1 }, { a: 1 } const result = [...mySet]; console.log(result);
Explanation:
While it's true a Set object will remove duplicates, the two values we create our Set with are references to different objects in memory, despite having identical key-value pairs. This is the same reason
It should be noted if the set was created using an object variable, say
While it's true a Set object will remove duplicates, the two values we create our Set with are references to different objects in memory, despite having identical key-value pairs. This is the same reason
{ a: 1 } === { a: 1 } is false.It should be noted if the set was created using an object variable, say
obj = { a: 1 }, new Set([ obj, obj ]) would have only one element, since both elements in the array reference the same object in memory.JavaScript Tip 💡
Did you know that you can use an empty 'placeholder' comma, to skip elements when destructuring arrays? #Javascripttip
Did you know that you can use an empty 'placeholder' comma, to skip elements when destructuring arrays? #Javascripttip
JavaScript Tip 💡
Use this one-liner to add leading zeros to numbers.
(Very useful for dates).#Javascripttip
Use this one-liner to add leading zeros to numbers.
(Very useful for dates).#Javascripttip
What gets logged in the following scenario?
const map = ['a', 'b', 'c'].map.bind([1, 2, 3]); map(el => console.log(el));
const map = ['a', 'b', 'c'].map.bind([1, 2, 3]); map(el => console.log(el));
Final Results
33%
1 2 3
28%
a b c
28%
An error is thrown
11%
Something else
Build as soon as you learn 🔥
❌ Don't wait to finish the whole course.
❌ Don't wait to finish the whole book.
❌ Don't wait until you understand it all.
1️⃣ Learn a little.
2️⃣ Build something from that.
🔁 Repeat.
It's the most effective way to become skilled fast.
❌ Don't wait to finish the whole course.
❌ Don't wait to finish the whole book.
❌ Don't wait until you understand it all.
1️⃣ Learn a little.
2️⃣ Build something from that.
🔁 Repeat.
It's the most effective way to become skilled fast.
✨Hurry UP!!! less than 47 hours for free t-shirt.✨
Every 48 hours, they will give away a free premium t-shirt!
Add this extension to your browser and sign in with your GitHub or Google account and register and chance to win free t-shirt from daily. dev.
About the extension:
In this extension you can find the hottest dev news from the best tech blogs on any topic you can think of.
Note: This will only works with your PC or Laptop.
Link:
https://api.daily.dev/get?r=Venomynus
Every 48 hours, they will give away a free premium t-shirt!
Add this extension to your browser and sign in with your GitHub or Google account and register and chance to win free t-shirt from daily. dev.
About the extension:
In this extension you can find the hottest dev news from the best tech blogs on any topic you can think of.
Note: This will only works with your PC or Laptop.
Link:
https://api.daily.dev/get?r=Venomynus
Learn JavaScript™
What gets logged in the following scenario?
const map = ['a', 'b', 'c'].map.bind([1, 2, 3]); map(el => console.log(el));
const map = ['a', 'b', 'c'].map.bind([1, 2, 3]); map(el => console.log(el));
Explanation:
['a', 'b', 'c'].map, when called, will call Array.prototype.map with a this value of ['a', 'b', 'c']. But, when used as a reference, rather than called, ['a', 'b', 'c'].map is simply a reference to Array.prototype.map .Function.prototype.bind will bind the this of the function to the first parameter (in this case, that's [1, 2, 3]), and invoking Array.prototype.map with such a this results in those items being iterated over and logged.What gets logged when I try to log fetch?
console.log(fetch);
console.log(fetch);
Anonymous Quiz
53%
The fetch function
18%
A reference error
29%
It depends on the environment you are in