Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

#quick_challenge خروجی کد پایین چیه؟

const array = [{ type: "array" }, 1, 2, 3, 4, 5, 6];
delete array[0];
console.log(typeof array[0]);

گیری،مشکلی،انتقادی،کمکی،هرچی بود تو گروه منتظرتونیم😎 @js_challenges @js_masters_gp

💎 بررسی آنلاین بودن یوزر با استفاده از این تیکه کد به سادگی می توانید بررسی کنید که آیا یوزرتون آنلاین هست یا خیر. انتشار یادتون نره ❤️ Channel:@js_challenges Group:@js_masters_gp

یه ویدیوی کوتاه برای مرور انواع توابع یا function ها داخل جاوااسکریپت بهره ببرید 👌 https://youtube.com/shorts/BurPPSbAlUI?feature=share Channel: @js_challenges | Group: @js_masters_gp

💎 مقادیر Truthy و Falsy به مقادیری که به منزله ی FALSE ارزیابی میشه رو مقادیر Falsy میگیم. 🟡 در جاوااسکریپت 6 مقدار زیر رو به عنوان مقدار Falsy در نظر میگیره

undefined, null, NaN, 0, "" و false

به مقادیری که به منزله ی TURE ارزیابی میشه رو مقادیر Truthy میگیم. 🟡 مقادیر غیر از مقادیر بالا Truthy تفسیر خواهد شد. 💬 نکته: مقدار 0 به عنوان Falsy شناخته میشود اما رشته ی "0" به عنوان Truthy تفیسر میشه. 💬 نکته 2: آرایه خالی یا آبجکت خالی به عنوان Truthy در نظر گرفته میشه. @js_challenges @js_masters_gp

قطعا فرانت‌چپتر مسیر شغلیتون رو متحول می‌کنه

بلیت زودهنگام 🎉🎉 دومین دوره از سفر همایش‌های سالانه‌ی فرانت‌چپتر داره برگزار میشه، ظرفیت محل اقامت و سرویس رفت و برگشت محدوده. فروش زود هنگام رو از دست ندید! 💠 https://evnd.co/RJNHE مشتاق دیدارتون هستیم @FrontChapter 🥕

قطعا فرانت‌چپتر مسیر شغلیتون رو متحول می‌کنه

💎 مختصری در مورد دام مجازی (Virtual DOM) تمامی تگ های اچ تی ام ال یک صفحه در فضایی به عنوان دام (DOM) نگهداری می شود در واقع دام، یک شکل درختی از تگ های تو در تو HTML صفحه شما می باشد. فریم ورک ریکت، از فضایی رو نمایی کرد به نام دام مجازی یا همان Virtual DOM، این دام وظیفه بروزرسانی صفحه شما را بدون رفرش اطلاعات اضافی را بر عهده دارد دقیقاً کاری که AJAX انجام میدهد اما با این تفاوت که ایجکس روی دام اصلی تغییرات را اعمال می کند (که به مراتب کند تره) اما ریکت، تغییرات را در دام مجازی انجام میدهد سپس جایگزین دام اصلی میکند (و بسیار سریع تره تا ایجکس). فرایند بروزرسانی یک صفحه طراحی شده توسط ریکت : - با لود صفحه شما یک DOM و یک Virtual DOM از صفحه شما ایجاد میشود که یوزر موارد درون دام را مشاهده می کند. - فرض کنید یک تغییر را در صفحه ایجاد کرده اید به عنوان مثال با کلیک بر روی یک باتن، قرار است یک پاراگراف در صفحه نمایش داده شود. - ریکت، یک دام مجازی دیگر از صفحه شما با احتساب تغییراتی که قرار اعمال بشود ایجاد می کند و با دام مجازی قبلی که ابتدای لود صفحه ایجاد کرده بود مقایسه می کند. - پس از بررسی متوجه میشود که در دام مجازی جدید فقط یک پاراگراف جدید اضافه شده است و مابقی اجازی صفحه با دام قبلی مطابقت دارد. - حال بدون دست زدن به سایر کد های صفحه DOM، فقط تغییرات جدید را در درون کد های DOM جایگذاری می کند. - در این صورت مجدداً دو Virtual DOM که با هم مقایسه شدند حذف و مجدداً یک Virtual DOM جدید از دام فعلی ایجاد میشود. Channel:@js_challenges Group:@js_masters_gp

دوستان در خصوص Not Coin یه سری توضیحات و نظر شخصی خودم رو داخل گروه چتمون دادم میفرستم اینجا شما هم بشنوید بد نیست

const x = 10;
function foo() {
  console.log(x);
  const x = 20;
}
foo();

اگر سوالی داشتید در موردش داخل گروه بپرسید 👌 Channel: @js_challenges | Group: @js_masters_gp

💎 مفهوم Deep Copy و Shallow Copy Deep Copy : یعنی کلون/کپی کردن یک آبجکت، با رفرنس متفاوت در حافظه Shallow Copy : یعنی کلون/کپی کردن یک آبجکت با خانه یکسان در حافظه Channel:@js_challenges Group:@js_masters_gp

#quick_challenge خروجی کد پایین چیه؟

const arr = [1, 2, 3];
arr.unshift(0);
arr.push(4);
arr[1] = 'two';
console.log(arr.join(', '));

سوالی داشتید به گروه مراجعه کنید 🙏🙏 Channel: @js_challenges | Group: @js_masters_gp

🔥در اینجا کد یک تابع ژنراتور (Generator Function) را مشاهده می‌کنیم. این نوع توابع در جاوااسکریپت قدرت خاصی دارند و امکان متوقف کردن و از سرگیری آن‌ها را در حین اجرا فراهم می‌کنند. 1️⃣عبارت yield: از عبارت yield برای تولید و بازگرداندن یک مقدار از تابع استفاده می‌شود. در اینجا، مقدار 1 تولید و بازگردانده شده است. با فراخوانی تابع ژنراتور، یک شیء ژنراتور ایجاد می‌شود که می‌تواند برای کنترل اجرای تابع مورد استفاده قرار گیرد. این شیء در متغیر generator ذخیره می‌شود. 2️⃣استفاده از متد next: متد next() برای دریافت مقدار بعدی از تابع ژنراتور استفاده می‌شود. این متد یک شیء با دو خصوصیت بازمی‌گرداند: value: مقدار تولید شده توسط yield done: نشانگر اتمام اجرای تابع ژنراتور مقدار آخر (3) تولید می‌شود و در خروجی نمایش داده می‌شود. تابع به اتمام می‌رسد زیرا دیگر yield ای وجود ندارد. خصوصیت done روی true تنظیم می‌شود تا نشان دهد که تابع تکمیل شده است. 🥇کاربردهای توابع ژنراتور: ایجاد حلقه‌های سفارشی مدیریت جریان داده‌های بزرگ نوشتن کد ناهمگام به صورت خواناتر پیاده‌سازی الگوریتم‌های بازگشتی به صورت بهینه @js_challenges

صبحتون بخیر رفقا❤️ دوستان ویدیو جدید یوتوبمون آپلود شد🔥 🔸توی این ویدیو خیلی ساده توضیح دادم که چطور تمام اعداد داخل استرینگ رو استخراج کنیم👌 🔸چالش هم داریم و علاوه بر اون از دوتا متد پرکاربردی جاوا اسکریپتم استفاده کردیم🫡 مثل همیشه به حمایتتون بیشتر از همیشه نیاز داریم رفقا❤️ اونور میبینمتون❤️ لینک ویدیو: https://youtu.be/9JtIajFCKVo Channel: @js_challenges | Group: @js_masters_gp

💎 کلون کردن دو آبجکت برای کلون کردن دو آبجکت، نمیتوان به صورت مستقیم بنویسید

 obj1=obj2

چون این عمل شمارا با خطا روبرو میکند همچنین نمیتوانید از Spread Operator نیز استفاده کنید چون ادرس خانه های حافظه ان ها نیز same خواهد شد برای کلون کردن یک آبجکت، بهتر است ابتدا آبجکت را به رشته و سپس مجددا رشته را به آبجکت تبدیل کنید این موضوع باعث ایجاد آبجکت جدید خواهد شد

const myObj = {name:"milad"}
const clonedObj = JSON.parse(JSON.stringify(myObj))

`

نکته: اگر یک ارایه داشته باشید که فقط یکی از اون خونه هاش ابجکت هست هم باز از قانون بالا تبعیت میکند. انتشار یادتون نره ❤️ #Tips_N_Tricks Channel:@js_challenges Group: @js_masters_gp