TGViewer
Channel Public Channel
LearnByLearn📖

LearnByLearn📖

@learnbylearn

Admin: @MohammadBohluli
Subscribers
564
Photos
49
Videos
9
Links
79

Showing posts older than #56 · Back to latest

Older Posts 20 shown
Post #55 860
LearnByLearn📖 💬 این متد نقش همون for رو بازی میکنه ولی به صورت declarative و یک تابع به عنوان ورودی میگیره که عملیات مورد نیاز رو توی اون تابع انجام میدیم دقت کنید که در آخر یک آرایه جدید به ما میده ولی forEach همون آرایه اصلی رو دستخوش تغییر میکنه Example 1 const array…
💬 این متد یک تابع که دارای یک شرط هست رو دریافت میکنه و آیتم هایی که اون شرط رو پاس میکنن توی یک آرایه میریزه و return میکنه



Example
const myArray = [12, 5, 8, 130, 44];
const filtered = myArray.filter((item)=>item > 10 );
console.log(filtered);



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

@LearnByLearn

#method_filter
#javascript_method
  • 👍 3
  • ❤‍🔥 1
  • 🔥 1
Post #54 866
LearnByLearn📖 💬 این متد یک تابع میگیره که دارای یک شرط هست و این شرط روی تک تک اعضای آرایه تست میشه و اولین(دقت کنید اولین) ایندکس آیتمی(نه خود ایتم) که شرط رو پاس کنه، به عنوان خروجی return میشه اگرهم چیزی پیدا نشه -1 برمیگردونه 📥 پارامتر های ورودی این متد: ✅ پارامتر…
💬 این متد نقش همون for رو بازی میکنه ولی به صورت declarative و یک تابع به عنوان ورودی میگیره که عملیات مورد نیاز رو توی اون تابع انجام میدیم
دقت کنید که در آخر یک آرایه جدید به ما میده ولی forEach همون آرایه اصلی رو دستخوش تغییر میکنه



Example 1
const array = [1, 4, 9, 16];
const array2 = array.map((x) => x * 2);
console.log(array2);
// Expected output: Array [2, 8, 18, 32]



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

@LearnByLearn

#method_map
#javascript_method
  • ❤ 2
Post #53 930
LearnByLearn📖 💬 این متد یک تابع میگیره که دارای یک شرط هست و این شرط روی تک تک اعضای آرایه تست میشه و اولین(دقت کنید اولین) آیتمی که شرط رو پاس کنه، به عنوان خروجی return میشه(برعکس filter) 📥 پارامتر های ورودی این متد: ✅ پارامتر اول callbackFn : 🔹یک تابع که دارای یک…
💬 این متد یک تابع میگیره که دارای یک شرط هست و این شرط روی تک تک اعضای آرایه تست میشه و اولین(دقت کنید اولین) ایندکس آیتمی(نه خود ایتم) که شرط رو پاس کنه، به عنوان خروجی return میشه اگرهم چیزی پیدا نشه -1 برمیگردونه


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

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

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

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


Example 1
const arr = [5, 12, 8, 130, 44];
arr.findIndex((element) => element > 10);// index 1

Example 2
const arr = [5, 12, 8, 130, 44];
arr.findIndex((element) => element < 1);// index -1


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

@LearnByLearn

#method_findIndex
#javascript_method
Post #52 521
LearnByLearn📖 با توجه به دو مقاله ای که راجع به شی گرایی نوشتم و یک سری اطلاعات ریز دیگه میتونید خروجی کد زیر رو حدس بزنید و علتش رو هم بگید؟ console.log([ ] === [ ]); @LearnByLearn #question
پاسخ چالش:

وقتی مینویسیم
const arr1 = []

در واقع پس قضیه جاواسکریپت اینطوری مینویسه
const arr1 = new Array()

و توی مقاله توضیح دادم که کلمه کلیدی new باعث میشه از constructor عه Array یه ابجکت ساخته بشه و توی arr1 ریخته بشه
const arr2 = new Array()

حالا arr2 هم مینویسیم
الان دوتا شی جدا داریم به اسم arr1 و arr2 که دوتا آرایه خالی و به ظاهر یکسان هستن
اما به خاطر این توی جاواسکریپت آبجکت ها ، reference by value هستن
این دوتا شی کاملا جدا هستن و دوتا آبجکت کاملا جدا از هم و متفاوت داریم
در نتیجه باهم مساوی نیستن چون خونه های متفاوتی از حافظه رو پر کردن
پس جواب
const arr1 = new Array();
const arr2 = new Array()
console.log(arr1 === arr2);
یا
console.log([] === []);

میشه false

اگه با reference by value آشنا نیستید توی یک مقاله مفصلا راجع بهش مینویسم

فعلا به همین بسنده کنید🫣
  • 👍 3
Post #51 610
با توجه به دو مقاله ای که راجع به شی گرایی نوشتم و یک سری اطلاعات ریز دیگه

میتونید خروجی کد زیر رو حدس بزنید و علتش رو هم بگید؟

console.log([ ] === [ ]);



@LearnByLearn
#question
  • 👍 1
Post #50 1.02K
LearnByLearn📖 🤔 پروتوتایپ چیه ؟ 🤔 فرق prototype با _ _ proto _ _ ؟ 🤔 توی جاواسکریپت prototype inheritance چطور کار میکنه ؟ لینک مقاله 👈🏻 لینک @LearnByLearn #concept #javascript #object_oriented_javascript #prototype
🤔 تا حالا فکر کردین وقتی ما یک method یا یک property رو روی یک object صدا میزنیم، جاواسکریپت چطور میفهمه که اون method از کجا میاد و صداش میزنه؟

توی این مقاله علتش رو میفهمی😉


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

@LearnByLearn

#concept
#javascript
#object_oriented_javascript
#prototype_chain
Post #48 1.01K
LearnByLearn📖 💬 این متد یک تابع میگیره که دارای یک شرطی هست و این شرط روی تک تک اعضای آرایه تست میشه اگر حتی یک دونه از اون المنت ها شرط رو پاس کنه، true بر میگرده 📥 پارامتر های ورودی این متد: ✅ پارامتر اول callbackFn : 🔹یک تابع که دارای یک شرطی هست و برای تک تک اعضای…
💬 این متد یک تابع میگیره که دارای یک شرط هست و این شرط روی تک تک اعضای آرایه تست میشه و اولین(دقت کنید اولین) آیتمی که شرط رو پاس کنه، به عنوان خروجی 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
#javascript_method
Post #47 1.21K
LearnByLearn📖 💬 این متد زمانی استفاده میشه که میخوایید ببینید آیا تمام آیتم های اون آرایه مورد نظر دارای این شرطی که به متد every میفرستید هستن یا نه، اگر تمام آیتم های اون آرایه شرط رو پاس کردن true بر میگرده اگرنه false 📥 پارامتر های ورودی این متد: ✅ پارامتر اول callbackFn…
💬 این متد یک تابع میگیره که دارای یک شرطی هست و این شرط روی تک تک اعضای آرایه تست میشه اگر حتی یک دونه از اون المنت ها شرط رو پاس کنه، 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
#javascript_method
Post #45 1.16K
LearnByLearn📖 💬 این متد زمانی استفاده میشه که میخوایید ببینید یه چیزی توی اون آرایه اتون هست یا نه 📥 پارامتر های ورودی این متد: ✅ پارامتر اول searchElement : 🔹همون مقداریه که میخوایم سرچش کنیم 🔹این پارامتر الزامی هست ✅ پارامتر دوم fromIndex : 🔹با استفاده از این پارامتر…
💬 این متد زمانی استفاده میشه که میخوایید ببینید آیا تمام آیتم های اون آرایه مورد نظر دارای این شرطی که به متد 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
#javascript_method
  • 🔥 6
  • 👍 1
Post #43 1.23K
💬 این متد زمانی استفاده میشه که میخوایید ببینید یه چیزی توی اون آرایه اتون هست یا نه


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

✅ پارامتر اول 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
#javascript_method
  • 👍 4
Post #42 350
LearnByLearn📖 هرشب :
از فردا شب استارتشو میزنیم

هرشب یک متد جاواسکریپت رو میگم بعد یه مدت میریم سراغ تایپ اسکریپت و بعد لینوکس و بعدشم گیت
  • ⚡ 5
  • 🥰 2
  • 🔥 1
Post #41 1.28K
LearnByLearn📖 🤔 شی گرایی چیه ؟ 🤔 مزیتش چیه ؟ 🤔 چهار اصل شی گرایی ؟ لینک مقاله 👈🏻 لینک @LearnByLearn #concept #javascript #object_oriented_javascript #oop
🤔 پروتوتایپ چیه ؟
🤔 فرق prototype با _ _ proto _ _ ؟
🤔 توی جاواسکریپت prototype inheritance چطور کار میکنه ؟


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

@LearnByLearn

#concept
#javascript
#object_oriented_javascript
#prototype
  • 👍 1
Post #39 443
LearnByLearn📖 هرشب :
این حرکت باعث میشه توی بلند مدت دانش خوبی رو ذره ذره یاد بگیرین
شاید به چشم نیاد توی روز ولی یهویی میبینی ۳۰ روز گذشت و تو ۳۰ دستور گیت یا لینوکس یا .... رو یادگرفتی

هر کدوم بیشتر رای آورد همونو تا سطح خوبی پیش میریم
  • 👍 6
  • ❤ 3
Post #38 556
  • ❤ 5
  • 👍 1
Post #36 1.46K
🤔 شی گرایی چیه ؟
🤔 مزیتش چیه ؟
🤔 چهار اصل شی گرایی ؟


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

@LearnByLearn

#concept
#javascript
#object_oriented_javascript
#oop
  • 👍 3
Post #33 1.51K
♻️ آموزش نصب 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
GitHub GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions. Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions. - nvm-sh/nvm
  • 👍 2
  • 👌 2
Post #32 1.34K
LearnByLearn📖 کدوم رو استارت بزنیم ؟؟؟ قراره کامل و مفصل بهشون پرداخته بشه
🤔 همزمانی(Synchronous ) و ناهمزمانی(Asynchronous) چیه ؟
🤔 اومده چه مشکلی رو حل کنه ؟
🤔 میکروتسک چیه و فرقش با Callback Queue ؟
🤔 اصلا چطور کار میکنن ؟
🤔 چه موقع و کجا باید ازشون استفاده کنیم ؟
🤔 عملیات Async پس قضیه چطور هندل میشن ؟

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

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

@LearnByLearn

#concept
#javascript
#async
  • 👍 5
Post #27 1.69K
اگه مثل من دوره انگلیسی زبان با زیرنویس انگلیسی میبینید این روشی که میگم ممکنه بدردتون بخوره (البته برای کاربرای ویندوز🫣)

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

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

@LearnByLearn

#tip_trick
  • 👍 9
  • 👏 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →