اندراحوالات جاوااسکریپت 👈🏻 اپیزود چهارم
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()

💬 این متد زمانی استفاده میشه که میخوایید ببینید آیا تمام آیتم های اون آرایه مورد نظر دارای این شرطی که به متد every میفرستید هستن یا نه، اگر تمام آیتم های اون آرایه شرط رو پاس کردن true بر میگرده اگرنه false


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

✅ پارامتر اول callbackFn :
🔹یک تابع که دارای یک شرطی هست و برای تک تک اعضای ارایه اجرا میشه
🔹خود این تابع سه پارامتر میگیره : currentValue, index, array

✅ پارامتر دوم this :
🔹این پارامتر اختیاری هست پس اگه مقداری به این پارامتر ندین جاواسکریپت پیشفرض undefined در نظرش میگیره

📤 خروجی این متد:
🔹مقداری که برمیگردونه یک مقدار boolean هست
🔹اگه تمام اعضا شرط رو پاس کنند true بر میگردونه

Example 1

const arr = [1,20,45,18];
arr.every((value)=>value >18); //false

Example 2

const arr = [90,20,45,19];
arr.every((value)=>value >18); //true

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

@LearnByLearn

#method_every
#javanoscript_method

💬 این متد یک تابع میگیره که دارای یک شرطی هست و این شرط روی تک تک اعضای آرایه تست میشه اگر حتی یک دونه از اون المنت ها شرط رو پاس کنه، true بر میگرده


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

✅ پارامتر اول callbackFn :
🔹یک تابع که دارای یک شرطی هست و برای تک تک اعضای ارایه اجرا میشه
🔹خود این تابع سه پارامتر میگیره : currentValue, index, array

✅ پارامتر دوم this :
🔹این پارامتر اختیاری هست پس اگه مقداری به این پارامتر ندین جاواسکریپت پیشفرض undefined در نظرش میگیره

📤 خروجی این متد:
🔹مقداری که برمیگردونه یک مقدار boolean هست
🔹اگه فقط یک دونه از اعضا شرط رو پاس کنه true بر میگردونه

Example 1

const arr = [1,3,45,10];
arr.some((value)=>value >18); //true

Example 2

const arr = [1,3,4,10];
arr.some((value)=>value >18); //false

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

@LearnByLearn

#method_some
#javanoscript_method

💬 این متد یک تابع میگیره که دارای یک شرط هست و این شرط روی تک تک اعضای آرایه تست میشه و اولین(دقت کنید اولین) آیتمی که شرط رو پاس کنه، به عنوان خروجی return میشه(برعکس filter)


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

✅ پارامتر اول callbackFn :
🔹یک تابع که دارای یک شرطی هست که در صورت پاس شدن توسط اولین آیتم پاس میشه

✅ پارامتر دوم this :
🔹این پارامتر اختیاری هست پس اگه مقداری به این پارامتر ندین جاواسکریپت پیشفرض undefined در نظرش میگیره

📤 خروجی این متد:
🔹مقداری که بر میگردونه اون آیتمی هست که شرط رو پاس کرده
🔹اگر هیچ آیتمی به اون شرط نخوره مقدار برگشت داده شده undefined هست


Example 1

const arr = [5, 12, 8, 130, 44];
arr.find((element) => element > 10); // 12

Example 2

const arr = [5, 12, 8, 130, 44];
arr.find((element) => element < 1); //undefined 

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

@LearnByLearn

#method_find
#javanoscript_method