اندر احوالات جاوااسکریپت 👈🏻 اپیزود اول
https://vrgl.ir/fH7sf
@LearnByLearn

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

@LearnByLearn

اگه میخوایی :
✅ توی مرورگر کد بزنی
✅ سریع چیزی توی ذهنتون میاد رو به کد تبدیل کنید
✅ کدی رو با بقیه سریعا به اشتراک بزارید

از این 👈 IDE تحت Cloud استفاده کنید (همون vsCode خودمونه🙃)
codesandbox.io

👌اینطوری دیگه نیاز نیست برای یه app ساده کلی کانفیگ ایجاد بکنید

👌توی هر پلتفورمی هم که مرورگر اجرا بشه مثل موبایل ، دکستاپ میشه اجراش کرد

کافیه توی آدرس مرورگرتون بزنید

react.new

براتون یه اپ ریکتی مینیمال درست میکنه

@LearnByLearn

#ide
#code
#tools

🔹 همون طور که توی عکس می بینید خیلی وقت ها بوده که توی برنامه نویسی👨🏻‍💻 به این دوتا واژه برخورد کردین

🔹مفهومش تو زبان های برنامه نویسی یکسان هست من مثال هام با javanoscript هست

🔹 تو این👇🏻 پست می خواییم بفهمیم اصلا چی هستن و فرقشون چیه

✅ Expression :
قسمتی از کد که باعث تولید یک مقدار (value) میشه
مثال های زیر همه Experssion هستن :

🔺

2024

☝🏻چون خودش یک value هست

🔺

2 + 3

☝🏻چون باعث تولید یک value ایی به اسم عدد 5 میشه

🔺

True || False

☝🏻چون باعث تولید یک Value به اسم True میشه

نکته 🤓: معمولا توی javanoscript چیزی رو که داخل Template Literals بزاریم میشه گفت یک Expression هست


✅ Statement :
قطعه کد بزرگتری که اجرا می شود و مقداری رو خودش تولید نمیکنه
مثل چی ؟
🔺if statement
🔺switch
🔺for loop

نکته 🤓: Expression رو مثل "کلمه" در نظر بگیرین و Statement رو مثل "جمله"

مثال :
🔺

const name = 'Mohammad'

کل این عبارت یک Statement هست اما اون مقدار Mohammad به تنهایی خودش یک Expression هست
در واقع Expression تو دل Statement قرار گرفته دقیقا همون جمله و کلمه که گفتم
@LearnByLearn

#concept
#javanoscript

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

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

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