Diyorbek.dev | 👨🏻‍💻

Kung fu panda 4 chiqayotgan ekan. Treyler oxiridagi moment esa 🤣
https://youtu.be/_inKs4eeHiI?si=G1MURs08dsEsO6IF

🔥 TypeScript Tips!

You can use "as const" on template literal to force TypeScript to infer it!

Without as const, it defaults to string. With it, it goes Deep!

@Diyorbekk_dev

Here's a Clean Architecture decomposed on a simple example in React that anyone can understand.
(a 2-minute masterclass)

The idea behind:
1. Separate concerns (SoC) into functional layers
2. Invert adapter dependency

This makes the React app "easy to change" for the next business requirement/feature. We literally have to touch fewer places to implement a new software behavior.

@Diyorbekk_dev

Mana nima sababdan JavaScriptda hamma o'zgaruvchilar heapda saqlanadi: chunki stackdagi joy function tugashi bilan tozalanadi (function ozi stackdan "pop" bo'ladi), closuredagi functionga esa u joy keyin ham kerak.

Manba:
https://exploringjs.com/deep-js/ch_environments.html#recursion-via-environments

Diyorbek.dev | 👨🏻‍💻 pinned «2-Modulni boshlaymiz! 1-qadamda qatnashuvchilar quyidagi listni namunadagidek to‘ldirishingiz kerak! O‘rganmoqchi bo‘lgan mavzuyingizni yozasiz: Want to learn! O‘rgatmoqchi bo‘lgan mavzuyingizni yozasiz: Want to teach! Quyidagi listga barcha uchun access…»

2-Modulni boshlaymiz!

1-qadamda qatnashuvchilar quyidagi listni namunadagidek to‘ldirishingiz kerak!

O‘rganmoqchi bo‘lgan mavzuyingizni yozasiz: Want to learn!

O‘rgatmoqchi bo‘lgan mavzuyingizni yozasiz: Want to teach!

Quyidagi listga barcha uchun access berilgan bemalol to‘ldirsangiz bo‘ladi!

Mavzular to‘ldirilgandan so‘ng! Biror kunni rejalashtirib online suhbat qilamiz! Keyin esa bir birimizga o‘rgatishni boshlaymiz!

https://docs.google.com/spreadsheets/d/1UMKMi4jX1Tg3bS6WC_9jCCi-ZmRcRjhRzzSVIQqpGwM/edit?usp=sharing

I’m happy to share that I’ve obtained a new certification: JavaScript Algorithms and Data Structures from freeCodeCamp!

Now your turn! 😉

@Diyorbekk_dev

What is a first class function?

In Javascript, functions are first class objects. First-class functions means when functions in that language are treated like any other variable.

For example, in such a language, a function can be passed as an argument to other functions, can be returned by another function and can be assigned as a value to a variable. For example, in the below example, handler functions assigned to a listener

const handler = () => console.log("This is a click handler function");
document.addEventListener("click", handler);

Summary:
▪️Assigned to variables.
▪️Passed as arguments to other functions.
▪️Returned from other functions.

@Diyorbekk_dev

Insha'alloh Ertadan 2 - Module boshlanadi!

Ikkinchi Moduleda endi sizlar ham ishtirok etishingiz mumkin!

Tartibi:
1) Jadval shakillantiramiz! (Qatnashuvchilar ism familyasi yoziladi!)
2) Harkim o'zi o'rganmoqchi va o'rgatmoqchi bo'lgan mavzularni yozib chiqadi!
3) Vaqtni kelishib olib muhokama qilamiz. (want to learn want to teach!)
4) 2 - Module dan keyin interview tashkillashtirish!

P.S: Iloji boricha active bo'lishga harakt qilinglar. Bu o'sishingiz uchun juda katta qadam bo'loladi. Interviewdan yaxshi o'tganlar va o'zini ko'rsatganlarga IQRO companyga offer olib beraman! 😉 Bu bo'nus! Hozircha online shug'illanamiz, keyinchalik offline biror chiroyli joyda yig'lib discuss qilamiz barchasini! Startup loyihalarni boshlaymiz!

One Step ahead of the best✊

@Diyorbekk_dev

Module 1. Channel Contents

The First Step In JavaScript.
➖➖➖➖➖➖➖
isNaN(Biladiganlar bormi?😉 )
➖➖➖➖➖➖➖
toPrecision() in JavaScript?
➖➖➖➖➖➖➖
~~ operator in JavaScirpt?
➖➖➖➖➖➖➖
Truthy and Falsy elementlar
➖➖➖➖➖➖➖
5 Scopes in JavaScript!
➖➖➖➖➖➖➖
Array Methods!
➖➖➖➖➖➖➖
"Trailling" or "Hanging" comma.
➖➖➖➖➖➖➖
Memory management in JavaScript!
➖➖➖➖➖➖➖
Asynchronous JavaScript (promises, callbacks, async/await)
➖➖➖➖➖➖➖
reCuptcha
➖➖➖➖➖➖➖
Feature-Sliced Design (FSD)
➖➖➖➖➖➖➖
Git stash
➖➖➖➖➖➖➖
What is Docker?
➖➖➖➖➖➖➖
JavaScript info Books 1, 2, 3
➖➖➖➖➖➖➖
Generator funktsiyalari!
➖➖➖➖➖➖➖
Intl.NumberFormat
➖➖➖➖➖➖➖
Absolute or Relative URLs?
➖➖➖➖➖➖➖
(HOW JAVASCRIPT WORKS) EXECUTION CONTEXT!
➖➖➖➖➖➖➖
JavaScript engine!
➖➖➖➖➖➖➖
What are the possible ways to create objects in JavaScript?
➖➖➖➖➖➖➖
What is a prototype chain?
➖➖➖➖➖➖➖
What is the difference between Call, Apply and Bind?
➖➖➖➖➖➖➖
What is JSON and its common operations?
➖➖➖➖➖➖➖
What is the purpose of the array slice method?
➖➖➖➖➖➖➖
What is the difference between slice and splice?
➖➖➖➖➖➖➖
How do you compare Object and Map?
➖➖➖➖➖➖➖
What is the difference between == and === operators?
➖➖➖➖➖➖➖
What are lambda or arrow functions?

@Diyorbekk_dev

What are lambda or arrow functions?

1) Shorter Syntax:
Arrow functions offer a compact syntax compared to function expressions.

2) No "this" Binding:
Arrow functions inherit the this value from the enclosing scope, eliminating their own this context.

3) No "arguments" or "super" Binding:
Arrow functions do not have their own arguments or super references.

4) Best for Non-Method Functions:
Well-suited for standalone functions, not ideal for object methods.

5) Implicit Return:
If the function body is a single expression, curly braces and return can be omitted.

6) No "new.target" Binding:
Arrow functions lack a new.target binding and cannot be used as constructors.

@Diyorbekk_dev

❄️ Hello winter!

@Diyorbekk_dev

It is the example for the previous post!

❗️ Please, Note all information!


Possibly, We are gonna do interview from JavaScript with you!

@Diyorbekk_dev

What is the difference between == and === operators?

JavaScript provides both strict(===, !==) and type-converting(==, !=) equality comparison. The strict operators take type of variable in consideration, while non-strict operators make type correction/conversion based upon values of variables. The strict operators follow the below conditions for different types,

1) Two strings are strictly equal when they have the same sequence of characters, same length, and same characters in corresponding positions.

2) Two numbers are strictly equal when they are numerically equal. i.e, Having the same number value.

There are two special cases in this,
▪️ NaN is not equal to anything, including NaN.
▪️ Positive and negative zeros are equal to one another.


3) Two Boolean operands are strictly equal if both are true or both are false.

4) Two objects are strictly equal if they refer to the same Object.

5) Null and Undefined types are not equal with ===, but equal with ==. i.e, null===undefined --> false but null==undefined --> true


One Step ahead of the best✊

@Diyorbekk_dev