Check all the things whatever i share. These aren't clickbaits, might be useful in your web dev journey 😀

How CORS work

Keep checking resources group

If you ever wanted to learn DNS by doing it , this website https://messwithdns.net/ teaches you all about dns by giving practical exercises.

Keep checking resources channel 😁😁

.

https://drive.google.com/drive/folders/1SkCOcAS0Kqvuz-MJkkjbFr1GSue6Ms6m

Useful stuff

Keep checking resources channel

Chat group link
https://t.me/+2KE896TMwHkxOWE1

Resources aka PDfs and Ebooks group link

https://t.me/+eweUkdFwlho4YjRl

If you want to create transparent cards using CSS 👇🏻

This knowledge map shows most of the topics you need to know about when learning modern JavaScript.

... (spread)
.at()
.every()
.filter()
.find()
.forEach()
.includes()
.join()
.length
.map()
.push()
.reduce()
.some()
.splice()
?. (optional chaining)
Arrays of objects
[] (get item)
destructuring
Classes
Getters
Instance methods
Instance variables
Setters
Static methods
=> (arrow functions)
?. (optional chaining)
Asynchronous callbacks
Callback pattern
Closures
Generator functions
Hoisting
Lexical scope
Passing functions
basic functions
default parameters
implicit return
yield
yield*
Currying
Deep equal
ECMAScript
Event loop
IIFE
Immutability
Intro to Regular Expressions
Intro to functional programming
Map
Primitive types
Set
Strict Mode
Window
this
typeof operator
ES Modules
Importing from libraries
Module bundlers
Namespace import
Package managers
Parcel
Vite
Webpack
default export
import
import() (dynamic imports)
named export
npm
package.json
script type="module"
yarn
.toString()
Division remainder (%)
NaN
Number.parseInt()
numeric separator (_)
... (spread)
?. (optional chaining)
?? (nullish coalescing)
Advanced control flow
Object.entries()
Object.keys()
Object.values()
destructuring
dynamic properties
in (operator)
object shorthand
property access
.catch()
.finally()
.then()
Promise.all()
Promise.any()
Promise.reject()
Promise.resolve()
Promises
Top-level await
async function
async/await
await keyword
new Promise()
states
.at()
.endsWith()
.includes()
.length
.replace()
.replaceAll()
.split()
.startsWith()
.substring()
.toLowerCase()
.toUpperCase()
.trim()
Concatenation
Template strings
[] (character access)
Exceptions
Semi-colons
for (loops)
for...in
for...of
if
try...catch
try...catch...finally
?? (nullish coalescing)
Hoisting
Temporal Dead Zone
const
let
var (legacy)
DELETE
Error handling
Fetch Wrapper
GET
JSON.parse()
JSON.stringify()
POST
PUT
Response status codes
Response.json()
fetch()
Class vs Function
Private class fields
Public class fields
inheritance
prototypal inheritance
prototype chain
super()
Change
DOMContentLoaded
Event bubbling and propagation
Event details
Focus/blur
Keydown/keyup
Scroll
Submit
element.addEventListener()
element.removeEventListener()
event.currentTarget
event.preventDefault()
.classList.add()
.classList.contains()
.classList.remove()
.classList.replace()
.classList.toggle()
.dataset
.getAttribute()
.innerHTML
.insertAdjacentHTML()
.parentElement
.remove()
.removeAttribute()
.setAttribute()
.style
.textContent
.value
HTMLElement
document.appendChild()
document.createElement()
NodeList
NodeList to Array
document
document.body
document.documentElement
document.getElementById()
document.querySelector()
document.querySelectorAll()
element.closest()

HTML
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>

CSS
ul {
list-style-type: '🐈‍⬛';
}
ol {
list-style: '🐈';
}

🔥list-style-type is giving the opportunity to change the style of your items inside a list