Why do you think React was named React ? 🤔

React is called 'React' because 👇🏻

REACT REACTS TO STATE CHANGES
BY RE-RENDERING THE UI 🤯

👉🏻 So State is very very important in React


✅ The most fundamental concept 👌

@LearnByLearn

#react
#concept

اندراحوالات جاوااسکریپت 👈🏻 اپیزود سوم

https://vrgl.ir/Zr7QI

@LearnByLearn

☝🏻Always remember this sentence in the field of software:

👉🏻 There are no solutions. There are only trade-offs 👈🏻

Thomas Sowell🥸

@LearnByLearn

#concept

اندراحوالات جاوااسکریپت 👈🏻 اپیزود چهارم
https://vrgl.ir/A3CVT

@LearnByLearn

لیست پست های مهم کانال (این لیست آپدیت میشه) :

✅ تفاوت Reference by value و primitive by value

✅ آموزش middleware

✅ اندر احوالات جاوا‌اسکریپت قسمت اول
👈🏻 در مورد نحوه کار js و javanoscript Engine

✅ اندر احوالات جاوا‌اسکریپت قسمت دوم
👈🏻 در مورد Execution Context, Call Stack

✅ اندر احوالات جاوا‌اسکریپت قسمت سوم
👈🏻 در مورد Scope

✅ اندر احوالات جاوا‌اسکریپت قسمت چهارم
👈🏻 در مورد Hoisting

✅ اندر احوالات جاوا‌اسکریپت قسمت پنجم (آخر)
👈🏻 در مورد مفهوم this و کاربردش، arrow function و bind

✅ توی جاوا‌اسکریپت Type Coercion چیه و چطور کار میکنه ؟؟؟ فرق == با === ؟؟؟

✅ تفاوت Expression و Statement تو برنامه نویسی

✅ آموزش عمیق clouser

✅ آموزش Async و Sync

✅ شی گرایی قسمت اول (چهار اصل شی گرایی)

✅ شی گرایی قسمت دوم (پروتوتایپ در جاواسکریپت)

✅ شی گرایی قسمت سوم (prototype chain)

✅ شی گرایی قسمت چهارم (بررسی ES6 Classes)

✅ شی گرایی قسمت پنجم (بررسی Object.create )

✅ شی گرایی قسمت ششم (بررسی عمیق inheritance javanoscript)

✅ لیست مقالات مفاهیم دیتابیس

اندراحوالات جاوااسکریپت 👈🏻 اپیزود پنجم(آخر)

مفهوم this و کاربردش، arrow function و متد bind

https://vrgl.ir/JpJXp

@LearnByLearn

🤔 کلوژر(Closure) چیه ؟
🤔 اومده چه مشکلی رو حل کنه ؟
🤔 چطور کار میکنه ؟
🤔 چه موقع و کجا باید ازش استفاده کنیم ؟

✅ به ساده ترین و عمیق ترین نوعی که تونستم توی مقاله زیر توضیحش دادم، امیدوارم بدردتون خورده باشه❤️

لینک مقاله 👈🏻 لینک

@LearnByLearn

#concept
#javanoscript

اگه مثل من دوره انگلیسی زبان با زیرنویس انگلیسی میبینید این روشی که میگم ممکنه بدردتون بخوره (البته برای کاربرای ویندوز🫣)

شاید براتون پیش اومده باشه که زمانی که زیرنویس ویدیو داره پخش میشه معنی یکی دوتا کلمه رو ندونید🤔
خب باید توی گوگل ترنسلیت بریم و معنیشو دراریم
و خب تکرار این عمل هربار خسته کننده میشه😒
ولی با PotPlayer دیگه نیاز به این کار ندارید🤩
کافیه ویدیو رو Pause کنید و روی اون کلمه مورد نظر کلیک کنید خودش براتون بر حسب تنظیماتی که میدین بهش ترجمه رو توی مرورگر یا توی پلیر بهتون نمایش میده و سرعت کارتون میره بالا

همونطور که توی ویدیو میبینید به جای کلمه javanoscript عبارت SS%% بزارید (s ها با حرف بزرگ هستن)

@LearnByLearn

#tip_trick

🤔 همزمانی(Synchronous ) و ناهمزمانی(Asynchronous) چیه ؟
🤔 اومده چه مشکلی رو حل کنه ؟
🤔 میکروتسک چیه و فرقش با Callback Queue ؟
🤔 اصلا چطور کار میکنن ؟
🤔 چه موقع و کجا باید ازشون استفاده کنیم ؟
🤔 عملیات Async پس قضیه چطور هندل میشن ؟

✅ تا جایی که تونستم به صورت ساده توصیح دادم

لینک مقاله 👈🏻 لینک

@LearnByLearn

#concept
#javanoscript
#async

♻️ آموزش نصب Node.js از طریق NVM

👈🏻 اگه بخوایید Node.js رو به صورت عادی از طریق خود سایت نود، روی لینوکس(یا WSL) نصب کنید ممکنه یه خرده دردسر داشته باشه 🥵

👈🏻 اما یکی از بهترین راه های نصب Node.js ، نصب از طریق NVM یا همون Node Version Management هستش 😉

👈🏻 با این روش شما خیلی راحت هر نوع ورژنی رو به راحتی نصب یا حذف میکنید یا میتونید چندین ورژن رو کنار هم داشته باشید و راحت بین اون ها سویچ کنید 😏

✅ خب بریم سراغ آموزش:

👈🏻 از طریق کامند زیر میتونید NVM رو نصب کنید:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

☝🏻دقت کنید که قبلش باید curl رو سیستم لینوکسی تون نصب باشه پس اگه نداریش با دستور زیر نصبش کن

sudo apt install curl

👈🏻 حالا باید کارهای Environment Variable و Load کردنش رو اوکی کنید، فقط کافیه دستور زیر رو توی ترمینال کپی کنید و اینتر رو بزنید و بعد یک دور ترمینال رو باز و بسته کنید

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

✅ تبریک میگم 🥳 حالا NVM رو سیستم عاملت نصب کردی
برای اطمینان از نصبش این دستور رو بزن

nvm --version

👈🏻 حالا برای نصب نود ما دو راه داریم یا ورژن LTS و نصب کنیم یا ورژن Current
فرقشون چیه؟ ورژن LTS ساپورت طولانی مدت داره و stable تر هست در حالی که ورژن current آخرین ورژن نود هستش که خب به نظر من ورژن LTS بهتره
چون ممکنه از آخرین ورژن استفاده میکنید Breaking Change داشته باشه و خب با پکیج خاصی به باگ بخورید

✔️ LTS Version:

nvm install -lts

✔️ Current Version:

nvm install

☝🏻اگه هم ورژن خاصی رو مد نظرته، کافیه با کامند زیر لیستی از ورژن هارو ببینی و هر کدومو خواستی نصب کنی

nvm list

👈🏻 برای دستور های دیگه اش هم کامند زیر میتونه کمکت کنه

nvm --help

برای اطلاعات بیشترم هم میتونید به لینک پروژه اش برید:
https://github.com/nvm-sh/nvm

@LearnByLearn

#node_js
#nvm

🤔 شی گرایی چیه ؟
🤔 مزیتش چیه ؟
🤔 چهار اصل شی گرایی ؟


لینک مقاله 👈🏻 لینک

@LearnByLearn

#concept
#javanoscript
#object_oriented_javanoscript
#oop

این حرکت باعث میشه توی بلند مدت دانش خوبی رو ذره ذره یاد بگیرین
شاید به چشم نیاد توی روز ولی یهویی میبینی ۳۰ روز گذشت و تو ۳۰ دستور گیت یا لینوکس یا .... رو یادگرفتی

هر کدوم بیشتر رای آورد همونو تا سطح خوبی پیش میریم

🤔 پروتوتایپ چیه ؟
🤔 فرق prototype با _ _ proto _ _ ؟
🤔 توی جاواسکریپت prototype inheritance چطور کار میکنه ؟


لینک مقاله 👈🏻 لینک

@LearnByLearn

#concept
#javanoscript
#object_oriented_javanoscript
#prototype

از فردا شب استارتشو میزنیم

هرشب یک متد جاواسکریپت رو میگم بعد یه مدت میریم سراغ تایپ اسکریپت و بعد لینوکس و بعدشم گیت

💬 این متد زمانی استفاده میشه که میخوایید ببینید یه چیزی توی اون آرایه اتون هست یا نه


📥 پارامتر های ورودی این متد:

✅ پارامتر اول searchElement :
🔹همون مقداریه که میخوایم سرچش کنیم
🔹این پارامتر الزامی هست

✅ پارامتر دوم fromIndex :
🔹با استفاده از این پارامتر تعیین میکنیم که جست و جو از چه ایندکس آرایه شروع بشه
🔹این پارامتر اختیاری هست پس اگه مقداری به این پارامتر ندین جاواسکریپت پیشفرض 0 در نظرش میگیره

📤 خروجی این متد:
🔹مقداری که برمیگردونه یک مقدار boolean هست

Example 1

const arr = ["a", "b", "c", "d"];
arr.includes("c"); //true
arr.includes("f"); //false

Example 2

const arr = ["a", "b", "c", "d"];
arr.includes("c", 1); //true
arr.includes("c", 4); //false

هرشب یه متد از جاواسکریپت رو یاد بگیر 😉

@LearnByLearn

#method_include
#javanoscript_method

📌 List of methods javanoscript :

✅ Array.prototype.include()
✅ Array.prototype.every()
✅ Array.prototype.some()
✅ Array.prototype.find()
✅ Array.prototype.findIndex()
✅ Array.prototype.map()
✅ Array.prototype.filter()
✅ Array.prototype.slice()
✅ Array.prototype.concat()
✅ Array.protoype.flat()