#answer
#no38
#js_nuggets
Map data structure
درسته که این ویدیوها در واقع جواب چالش شماره 38 هستن اما چون داخلش با هم Map data structure رو هم یاد میگیریم، به عنوان js_nugget هم دسته بندیش کردم 👌🔥
گاهی اوقات Map بسیار تمیز تر از Object ها عمل میکنه و میتونه جلوی خیلی از کثیف کاری ها رو بگیره 🤝
پ.ن: ترتیب ویدیوها ابتدا از بالا به پایین و بعد از چپ به راست هست
@js_challenges
@js_masters_gp
#no38
#js_nuggets
Map data structure
درسته که این ویدیوها در واقع جواب چالش شماره 38 هستن اما چون داخلش با هم Map data structure رو هم یاد میگیریم، به عنوان js_nugget هم دسته بندیش کردم 👌🔥
گاهی اوقات Map بسیار تمیز تر از Object ها عمل میکنه و میتونه جلوی خیلی از کثیف کاری ها رو بگیره 🤝
پ.ن: ترتیب ویدیوها ابتدا از بالا به پایین و بعد از چپ به راست هست
@js_challenges
@js_masters_gp
🔥4👍3
🔸اپراتور !!
👨💻درواقع کاری که این اپراتور انجام میده اینه که هر value ای رو به boolean value برابر با خودش تبدیل میکنه👌
👨💻این اپراتور مخصوصا وقتی کاربردی میشه که ما بخوایم یه value هیچوقت undefined یا null نباشه،بلکه بجای اون یه مقدار بولین وجود داشته باشه.🤝
پ.ن.پ: تو تصویر بالا میتونین چند تا مثالش رو ببینین😎
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👨💻درواقع کاری که این اپراتور انجام میده اینه که هر value ای رو به boolean value برابر با خودش تبدیل میکنه👌
👨💻این اپراتور مخصوصا وقتی کاربردی میشه که ما بخوایم یه value هیچوقت undefined یا null نباشه،بلکه بجای اون یه مقدار بولین وجود داشته باشه.🤝
پ.ن.پ: تو تصویر بالا میتونین چند تا مثالش رو ببینین😎
#Tips_N_Tricks
@js_challenges
@js_masters_gp
👍6❤🔥1🔥1😎1
Shootout
Izzamuzzic | @js_challenges
اگه به معجزه اعتقادى ندارى
شايد يادت رفته كه خودت يك معجزه اى.❤️
#Out_Of_IDE
@js_challenges
@js_masters_gp
شايد يادت رفته كه خودت يك معجزه اى.❤️
#Out_Of_IDE
@js_challenges
@js_masters_gp
❤🔥13❤2🔥1
آقا سر صبحی آدم اینو ببینه انرژی نمیگیره خدایی؟
دمتون گرم واقعا که تمام این مدت همراه ما بودید و خواهید بود ❤️
خیلی اتفاقات خفنی قراره بیافته و چشم اندازهای من و ادمین ها خیلی بزرگتر از چیزیه که فکرشو میتونید بکنید 🔥
تنها خواهشی که میتونم ازتون بکنم اینه که در حد توانتون محتوایی که به نظرتون مفید هست رو منتشر کنید تا این کامیونتی روز به روز بزرگتر بشه ❤️
@js_challenges
@js_masters_gp
دمتون گرم واقعا که تمام این مدت همراه ما بودید و خواهید بود ❤️
خیلی اتفاقات خفنی قراره بیافته و چشم اندازهای من و ادمین ها خیلی بزرگتر از چیزیه که فکرشو میتونید بکنید 🔥
تنها خواهشی که میتونم ازتون بکنم اینه که در حد توانتون محتوایی که به نظرتون مفید هست رو منتشر کنید تا این کامیونتی روز به روز بزرگتر بشه ❤️
@js_challenges
@js_masters_gp
❤16❤🔥2👍2🔥1😁1😎1
💎 تولید آی دی یونیک بدون استفاده از کتابخانه
با استفاده از متد randomUUID از آبجکت crypto می توانید بدون استفاده از کتابخانه خاصی به آسانی UUID منحصر به فرد تولید کنید.
🔶 نکته مهم: crypto یک webAPI است و در هیچ یک از آپدیت های اکما اسکریپت ارائه نشده است پس فقط در مرورگر هایی که از آن پشتیبانی می کنند قابل استفاده است و تقریباً توسط تمامی مرورگر ها از ورژن های نسبتاً قدیمی شان تا به اکنون پشتیبانی میشود. نکته مهم تر آن که از آن نمی توانید در محیط های Runtime جاوا اسکریپت استفاده کنید مثلاً در سرور Nodejs.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
با استفاده از متد randomUUID از آبجکت crypto می توانید بدون استفاده از کتابخانه خاصی به آسانی UUID منحصر به فرد تولید کنید.
🔶 نکته مهم: crypto یک webAPI است و در هیچ یک از آپدیت های اکما اسکریپت ارائه نشده است پس فقط در مرورگر هایی که از آن پشتیبانی می کنند قابل استفاده است و تقریباً توسط تمامی مرورگر ها از ورژن های نسبتاً قدیمی شان تا به اکنون پشتیبانی میشود. نکته مهم تر آن که از آن نمی توانید در محیط های Runtime جاوا اسکریپت استفاده کنید مثلاً در سرور Nodejs.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
🔥9😁2❤1👍1
🔥9👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
#Tech_Trends
آقا تلگرامتون رو آپدیت بکنید که یه اتفاق خفن توی نسخه جدید افتاده 🔥
توی این آپدیت شما میتونید طوری کدتون رو برای بقیه ارسال کنید انگار که داخل vscode ارسال کردید
یعنی انگار از یک تم برای ارسال کدهاتون استفاده کردید 👌
این ویژگی هم توی نسخه موبایل و هم تو نسخه دستاپ قابل استفادست
نحوه استفاده از این قابلیتو توی همین ویدیوی 1 دقیقه ای توضیح دادم ❤️
برای بقیه هم بفرستید که همه آگاه بشن از این قابلیت خفن و جدید تلگرام 🤝
@DeepDevs
@DeepDevsGp
آقا تلگرامتون رو آپدیت بکنید که یه اتفاق خفن توی نسخه جدید افتاده 🔥
توی این آپدیت شما میتونید طوری کدتون رو برای بقیه ارسال کنید انگار که داخل vscode ارسال کردید
یعنی انگار از یک تم برای ارسال کدهاتون استفاده کردید 👌
این ویژگی هم توی نسخه موبایل و هم تو نسخه دستاپ قابل استفادست
نحوه استفاده از این قابلیتو توی همین ویدیوی 1 دقیقه ای توضیح دادم ❤️
برای بقیه هم بفرستید که همه آگاه بشن از این قابلیت خفن و جدید تلگرام 🤝
@DeepDevs
@DeepDevsGp
👍21❤4🔥3❤🔥1
حتما به ویس توضیحات گوش کنید
#js_challenge
#no39
#easy
هشتگ های مرتبط:
#dates
لینک برنچ مربوطه داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_36
کار کردن با تاریخ ها داخل جاوااسکریپت جزو یکی از پرتکرارترین کارهاییه که انجام میدیم ...
پس خوب یادش بگیرید!
@js_challenges
@js_masters_gp
#js_challenge
#no39
#easy
هشتگ های مرتبط:
#dates
لینک برنچ مربوطه داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_36
کار کردن با تاریخ ها داخل جاوااسکریپت جزو یکی از پرتکرارترین کارهاییه که انجام میدیم ...
پس خوب یادش بگیرید!
@js_challenges
@js_masters_gp
👍4🔥1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
حتما به ویس توضیحات گوش کنید #js_challenge #no39 #easy هشتگ های مرتبط: #dates لینک برنچ مربوطه داخل ریپازیتوری اصلی: https://github.com/MCKH03/JS_Challenges/tree/js_challenge_36 کار کردن با تاریخ ها داخل جاوااسکریپت جزو یکی از پرتکرارترین کارهاییه که انجام…
توضیحات چالش
👍3🔥1
#Tips_N_Tricks
⚠️این توصیهها به شما کمک میکنند که کدهای تمیزتر، خواناتر و با کیفیتتری ایجاد کنید.⚠️
❌// ==> 1
// استفاده از const و let به جای var:
// با استفاده از const برای تعریف ثابتها و از let برای متغیرها، کد را خواناتر میکنیم.
❌// ==> 2
// استفاده از Arrow Functions:
// توابع Arrow کد را کوتاهتر و خواناتر میکنند. در اینجا تابع add به صورت Arrow تعریف شده است.
❌// ==> 3
// استفاده از Template Strings:
// اینجا از Template Strings برای ایجاد رشتههای چندخطی و تعبیه عبارتها استفاده شده است.
❌// ==> 4
// استفاده از Destructuring:
//به شما امکان استخراج مقادیر از یک شیء را میدهد. در اینجا مقادیر firstName و lastName از شیء person استخراج شدهاند.
❌// ==> 5
// استفاده از Promises برای کار با Async Code:
// توابع fetch و async/await برای کار با کدهای ناهمزمان و دریافت داده از یک API به کار رفتهاند.
❌// ==> 6
// استفاده از Modules:
// اینجا یک ماژول با نام math.js تعریف شده و تابع add از آن صدا زده میشود.
// با استفاده از import میتوان توابع و متغیرها از ماژولهای دیگر را وارد کرد.
@js_masters_gp
⚠️این توصیهها به شما کمک میکنند که کدهای تمیزتر، خواناتر و با کیفیتتری ایجاد کنید.⚠️
❌// ==> 1
// استفاده از const و let به جای var:
// با استفاده از const برای تعریف ثابتها و از let برای متغیرها، کد را خواناتر میکنیم.
❌// ==> 2
// استفاده از Arrow Functions:
// توابع Arrow کد را کوتاهتر و خواناتر میکنند. در اینجا تابع add به صورت Arrow تعریف شده است.
❌// ==> 3
// استفاده از Template Strings:
// اینجا از Template Strings برای ایجاد رشتههای چندخطی و تعبیه عبارتها استفاده شده است.
❌// ==> 4
// استفاده از Destructuring:
//به شما امکان استخراج مقادیر از یک شیء را میدهد. در اینجا مقادیر firstName و lastName از شیء person استخراج شدهاند.
❌// ==> 5
// استفاده از Promises برای کار با Async Code:
// توابع fetch و async/await برای کار با کدهای ناهمزمان و دریافت داده از یک API به کار رفتهاند.
❌// ==> 6
// استفاده از Modules:
// اینجا یک ماژول با نام math.js تعریف شده و تابع add از آن صدا زده میشود.
// با استفاده از import میتوان توابع و متغیرها از ماژولهای دیگر را وارد کرد.
@js_masters_gp
❤🔥5👍3🔥2❤1
🔥باز کردن دوربین با استفاده از js
🧑💻با وارد کردن این کد تو جاوا اسکریپت میتونید از user برای استفاده از webcam اجازه بگیرین😎
پ.ن.پ: سلفی هاتون رو برامون بفرستین 🤳
#Tips_N_Tricks
@js_challenges
@js_masters_gp
🧑💻با وارد کردن این کد تو جاوا اسکریپت میتونید از user برای استفاده از webcam اجازه بگیرین😎
پ.ن.پ: سلفی هاتون رو برامون بفرستین 🤳
#Tips_N_Tricks
@js_challenges
@js_masters_gp
❤🔥5👍3🔥2
Starry Night (Piano)
Jordan Critz
#Out_Of_IDE
#Music
ما در سکوت کار خودمون رو شروع کردیم
در سکوت رشد کردیم
و در سکوت به ۱۰۰۰ نفر رسیدیم ... 🍷
و این فقط شروع ماجراست
ما سر و صدا نمیکنیم
صبر میکنیم تا نتایج غوغا به پا کنن ... ❤️🔥
امروز رو به خاطر بسپرید ... 🖤
تاریخ: هفت آبان ۱۴۰۲
@js_challenges
@js_masters_gp
#Music
ما در سکوت کار خودمون رو شروع کردیم
در سکوت رشد کردیم
و در سکوت به ۱۰۰۰ نفر رسیدیم ... 🍷
و این فقط شروع ماجراست
ما سر و صدا نمیکنیم
صبر میکنیم تا نتایج غوغا به پا کنن ... ❤️🔥
امروز رو به خاطر بسپرید ... 🖤
تاریخ: هفت آبان ۱۴۰۲
@js_challenges
@js_masters_gp
❤🔥11👍4❤2🔥1😎1
😎5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
#Tips_N_Tricks
☠️☠️☠️
💣بچه ها براتون یه چیز باحال خفن آوردم که میتونید با جاوا اسکریپت یه دستیار صوتی درست کنید که صدای شمارو تبدیل به متن میکنه😜 و میتونید ازش استفاده کنید و کلی کارای خفن انجام بدید 💣
⚠️سورس کدشو هم بصورت فایل زیپ و هم بصورت متنی میذارم توی @js_masters_gp حتما تستش کنید⚠️
اگر دوست داشتین 👍 و انتشار یادتون نره 💥💥
@js_challenges
@js_masters_gp
☠️☠️☠️
💣بچه ها براتون یه چیز باحال خفن آوردم که میتونید با جاوا اسکریپت یه دستیار صوتی درست کنید که صدای شمارو تبدیل به متن میکنه😜 و میتونید ازش استفاده کنید و کلی کارای خفن انجام بدید 💣
⚠️سورس کدشو هم بصورت فایل زیپ و هم بصورت متنی میذارم توی @js_masters_gp حتما تستش کنید⚠️
اگر دوست داشتین 👍 و انتشار یادتون نره 💥💥
@js_challenges
@js_masters_gp
❤🔥8👍1🔥1
💎 معرفی متد های atob و btoa
اگر قصد encode یا decode رشته در فرمت Base64 رو دارید میتونید از این دو متد استفاده کنید.
🔶 بدین ترتیب میتوان گفت که متد btoa برای encode کردن یک رشته استفاده میشه و متد atob جهت decode کردن عبارت های encode شده در فرمت Base64 مورد استفاده قرار میگیره.
💬 نکته: این دو متد از نوع WebAPI هستند و در محیط هایی غیر از مرورگر مانند محیط سروری nodejs قابل استفاده نخواهند بود.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
اگر قصد encode یا decode رشته در فرمت Base64 رو دارید میتونید از این دو متد استفاده کنید.
🔶 بدین ترتیب میتوان گفت که متد btoa برای encode کردن یک رشته استفاده میشه و متد atob جهت decode کردن عبارت های encode شده در فرمت Base64 مورد استفاده قرار میگیره.
💬 نکته: این دو متد از نوع WebAPI هستند و در محیط هایی غیر از مرورگر مانند محیط سروری nodejs قابل استفاده نخواهند بود.
#Tips_N_Tricks
@js_challenges
@js_masters_gp
🔥6👍3
🔥8😎1