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

003 Destructuring Arrays ِDubbed این فصل کلا خیلی فصل مهمیه، تک به تک قسمتاش بعدا به کارتون میاد برای همین نمیخوام برای همه قسمتا بنویسم مهمه، خوب یادشون بگیرید 👌 #JavaScript | #Jonas_Schmedtmann | #S09 | #E03 | #Course Channel | Group | YouTube

🚀 افزونه رایگان چت GPT برای سایت شما فقط در 4 دقیقه! 🚀 🤖 بدون نیاز به دانش فنی! 💻 تنها با وارد کردن آدرس URL، چت بات مشابه چت جی پی تی را در سایت یا اپلیکیشن خود داشته باشید. 🧠  پاسخگویی در لحظه و دقیق به پرسش‌های کاربران بر اساس فایل متنی یا محتویات وبسایت شما. 👥 پشتیبانی بی وقفه، شبانه روزی و رایگان کاربران. 🔗 همین حالا آدرس سایتتان را وارد نمایید و تعاملات هوشمند و رایگان را با کاربران خود تجربه کنید! Chaata.cloud Chaata.cloud Chaata.cloud 🚀 بهینه سازی ارتباطات هوشمند با چاتاجی‌پی‌تی! 🌟

#quick_challenge این کد رو داریم و یجورایی سوالمون هست !!!

var fName = 'amir'
var result = { fName: 'mehrshad' }
function mehrshad() {
    console.log(this.fName)
}

هر سوالی داشتین تو گروه منتظرتونیم😎 Channel | Group | YouTube

https://youtu.be/GVpFgJ6qlzo تو این ویدیو امیرجان نحوه ساخت یک ربات تلگرام رو با NodeJS براتون توضیح داده داکیومنت خوبی برای ساخت ربات تلگرام وجود نداره یا اگرم وجود داشته باشه فهمش کار هر کسی نیست.. ولی خب امیر جان زحمت کشیده و براتون ربات رو ساخته، دیپلوی کرده و حتی تستش هم کرده براتون 👌 امیدوارم که براتون مفید باشه Channel | Group | YouTube

#Tips_N_Tricks ⚠️در این کد، از تابع slice برای استخراج یک زیرآرایه از آخرین عنصر بهره گرفته شده است.⚠️ ✅این let array = [0, 1, 2, 3]: یک آرایه با عناصر از 0 تا 3 ایجاد شده است. ✅و array.slice(-1): تابع slice برای ایجاد یک زیرآرایه از آرایه اصلی استفاده شده است. اینجا با استفاده از -1 به عنوان آرگومان، یک زیرآرایه شامل آخرین عنصر از آخر به ابتدا ایجاد می‌شود. ✅در نتیجه، مقدار زیرآرایه به [3] تغییر می‌کند که حاوی آخرین عنصر از آرایه اصلی می‌باشد. ❌اگه از این جور پست ها خوشتون میاد با ری اکشن و اشتراک گذاریش بهم نشون بدین❌ Channel | Group | YouTube

003 Destructuring Arrays ِDubbed این قسمت و قسمت بعدی فوق العاده کاربردی هستن حتما خوب یادشون بگیرید مخصوصا داخل ریکت هم بسیار بسیار مخصوصا دیستراکچر کردن آبجکت ها کاربردیه 👌 #JavaScript | #Jonas_Schmedtmann | #S09 | #E02 | #Course Channel | Group | YouTube

🔹 فرصت upwork از دست نده!!!! 🔔 وبینار رایگان ✔️ از دروغ تا واقعیت درآمد های دلاری ✔️ چالش های کار با کارفرمای خارجی 💥 این وبینار برای تمام دانشجوها ، برنامه‌نویسا، Ui/Ux کارا و سئو منجیر ها 💥 از مبتدی تا حرفه‌ای، مناسبه 📎 ثبت نام در وبینار فریلنسری: ➡️ httb.ir/68Ww5 قرار ما : 📆 یکشنبه 8 بهمن ماه ⏰ ساعت : ۱۹:۰۰ #تعداد_محدود #رایگان 👤مدرس : علیرضا قیمتی 💬 @etekanesh ➖➖

#quick_challenge کدام عبارت به درستی این کد را از «amir.js» وارد می کند؟

//amir.js
export const result = (str) => console.log(str)

هر سوالی داشتین تو گروه منتظرتونیم😎 Channel | Group | YouTube

#arrays 1️⃣ Syntax:

array.filter(filterFn);

2️⃣تابع فیلتر:

function filterFn(item) {
    if (keep_condition) {
        return true;
    } else {
        return false;
    }
}

این تابع بازخوانی (callback function)برای هر عنصر (item) در آرایه صدا زده می‌شود. اگر شرط keep_condition برقرار باشد، مقدار true برمی‌گرداند؛ در غیر این صورت، مقدار false. 3️⃣استفاده از filter برای فیلتر کردن کاربران با سن بالای 17:

const adults = users.filter((user) => {
    if (user.age >= 18) {
        return true;
    } else {
        return false;
    }
});

console.log("آرایه اولیه", users);
console.log("آرایه فیلتر شده", adults);

در اینجا، با استفاده از Array.filter() و یک تابع بازخوانی، فقط کاربرانی که سن آن‌ها بیشتر از 17 است، در آرایه فیلتر شده (adults) جمع‌آوری شده‌اند. این console.log("آرایه اولیه", users); آرایه اصلی کاربران را چاپ می‌کند. و console.log("آرایه فیلتر شده", adults); آرایه فیلتر شده را چاپ می‌کند که فقط حاوی کاربران با سن بیشتر از 17 سال است. Channel | Group | YouTube

001 Section Intro و اما بریم سراغ ادامه دوبله دوره جاوااسکریپت Jonas Schmedtmann ... 🔥 بعد از یه فصل غول پیکر تئوری قراره تو این سکشن در رابطه با دیتا استراکچر های مختلف کلی مطالب یاد بگیریم و ببینیم این جاوااسکریپت مدرن که میگن یعنی چی؟! #JavaScript | #Jonas_Schmedtmann | #S09 | #E01 | #Course Channel: @js_challenges Group: @js_masters_gp

آیدی گروه متصل به چنل: @js_masters_gp آیدی رباتی که باهاش میتونید به فایل زیپ دوبله های دوره جاوااسکریپت جوناس دسترسی داشته باشید: @jschallenges_bot

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

const obj = {
    a: 1,
    b: 5,
    c: 3,

}

const { b, ...rest } = obj

console.log(rest)

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

#Package_Managers بچه ها این سوال همیشه پرسیده میشه که کدوم پکیج منیجر خوبه کدوم بده یا اصلا پکیج منیجر چی هست و به چه دردی میخوره؟!!! من توی پست پایینی یه cheat sheet درست کردم برای اینکه این به جواب سوالا برسید و درکش کنید و برای انتخاب دو دل نشید 👌👌👌 ✅بفرستید برای دوستاتون تا اونا هم به جواب سوالاشون برسن✅ Channel:@js_challenges Group:@js_masters_gp 👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

هش مپ‌ بدون ساید افکت! 🔸 وقتی که می‌خواهید از یک شیء جاوااسکریپت به عنوان هش‌مپ استفاده کنید (صرفاً برای ذخیره داده)، بهتر است به شکل زیر آن را ایجاد کنید:

const map = Object.create(null);

🔸در حقیقت وقتی از "Object.create(null)" استفاده می‌کنید، شما به صراحت null را به عنوان پروتوتایپ آن مشخص می‌کنید. بنابراین هیچ ویژگی‌ای ندارد، حتی constructor، toString و hasOwnProperty و غیره. بنابراین شما می‌توانید از این کلیدها در ساختار داده‌ای خود استفاده کنید. 🔸نگاهی هم به مقایسه‌ی dirtyMap (یک Object معمولی) و cleanMap (مپ ساخته شده با Object.create(null)) داشتیم که خیلی جالب بود. این مقاله چطور dirtyMap و cleanMap رو با هم مقایسه کرده و مثال‌هایی در مورد نحوه‌ی حلقه زدن (iterating) بر روی این دو نوع مپ آورده، اونم بسیار جالبه. 🔸و از آن‌جایی که Object.create() در ES5 معرفی شد و ES6 ساختارهای جدیدی مانند Map، WeakMap، Set و Weak Set را معرفی کرد، مقاله به این موضوع هم پرداخته که Object.create() چطور با ES5 سازگاره. Channel:@js_challenges Group:@js_masters_gp