شب همگی بخیر ❤️
عزیزان ما علاوه بر گپ اصلیمون که @js_masters_gp هست یه گپ خودمونی تر هم داریم که اونجا موضوع بحث آزاده و اگر سوال یا نکته ای خارج از جاوااسکریپت یا حتی برنامه نویسی بود میتونیم اونجا در موردش صحبت بکنیم:
@js_challenges_chat

فضا داخل این گپ یه مقدار صمیمی تر و خودمونی تره، اگر دوست داشتید عضو بشید ✌️

💎 تفاوت های var، const و let و یک نکته مهم

👈 متغیر های تعریف شده توسط var، سطح تابعی یا Function Level هستند یعنی در تمام اسکوپ های تعریف شده درون تابعی که از آن استفاده شده، قابل دسترس می باشد.
اما
👈 متغیر هایی که توسط let یا const تعریف شده اند، Block Level هستند یعنی فقط در اسکوپی که تعریف شده اند قابل دسترسی هستند و بیرون اون اسکوپ غیر قابل دسترس است.

✳️ نکته: منظور از اسکوپ، محدوده ای هست که توسط آکولاد باز و بسته یعنی { } مشخص میشود و متغیر ما در آن قابل دسترس می باشد.
✳️ نکته مهم: در صورتی که از هیچ کدام از واژه های const و let و var جهت تعریف کردن متغیر ها استفاده نکنید متغیر تعریف شده دارای اسکوپ گلوبال بوده و در تمام اسکوپ ها و فانکشن ها قابل دسترسی است.
✳️ از نگاه Hoisting : هنگام hoisting در زمان اجرای برنامه، متغیرهای تعریف شده با var و همچنین توابع (Declaration) به طور کامل hoist می‌شوند و اماده استفاده می‌شوند . اما متغیرهای تعریف شده با let و const و همچنین کلاس‌ها فقط کامپایل می‌شوند و به هنگام استفاده قبل از تعریف و مقداردهی، خطای ReferenceError برگردانده می‌شود. let و const در این بخش از نظر hoisting یک رفتار متفاوت نسبت به var دارند. ( به هنگام استفاده قبل از Declare و Initialization خطای ReferenceError برگشت داده میشود ).

@js_challenges
@js_masters_gp

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

let randomValue = { name: "Amir" }
randomValue = 33

if (!typeof randomValue === "string") {
  console.log("It's not a string!")
} else {
  console.log("Yay it's a string!")
}

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

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

حتماً شما هم برای اینکه بررسی کنید آیا یک آرایه دارای مقدار هست یا خیر از پراپرتی length استفاده می کنید.
برای بررسی مقدار یک آبجکت، میتونید از متد Object.keys استفاده کنید این متد آرایه ای از نام پراپرتی های آبجکت مورد نظر را return می کند در این صورت میتوانید از پراپرتی length استفاده و طول آن را برگردانید.

#Tips_N_Tricks

@js_challenges
@js_masters_gp

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

const strAndNumbers = "maybe i2ts har230d t1o fi9nd nu43mbers in st432ring!";
const justNumbers = strAndNumbers
  .split("")
  .filter((l) => typeof l === "number");
console.log(justNumbers);

دوشواری نداریم دوستان تو گروه خدمتتونیم😎

@js_challenges
@js_masters_gp

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

const user = {
    name: "amir"
}
let admin = user

user = null
console.log(user)

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

💎 چگونه پروژه ام را فایل بندی کنم؟

سوال یکی از دوستان که به نظرم سوال خیلی از برنامه نویسان جوان هم هست، اینکه مثلا من میخوام صفحه ای به نام سبد خرید رو کدنویسی کنم، چطور باید فایل بندیش رو انجام بدم؟
💬 نکته مهم اینکه، این مورد بسیار سلیقه ای هست اما تلاش کنید تا جایی که مقدوره برای اینکه خوانا تر بنویسید، هر اسکریپت (یا هر کامپوننت در ریکت و یا هر ماژول در نود جی اس) را طوری قرار دهید که فقط یک عمل را انجام بدهد مثلا یک فایل فقط عمل حذف محصول رو انجام بدهد یک فایل فقط اضافه کردن محصول و... .
و ابتدا اصلا فکر این نباشید که فایل بندی عالی ای را انجام دهید، تمام کد ها را در یک فایل بنویسید پس از آنکه به پایان رسید، ری فکتورش کنید.

پ.ن: منظور کل پروژه نیست مثلا قسمت سبد خرید رو کامل در یک فایل بنویسید بعد از اتمام، اجزای مختلف آن را ریفکتور کنید.

💬 ممنون میشوم دوستان هم تجارب خودشون رو در خصوص نحوه صحیح فایل بندی پروژه بنویسند.


@js_challenges
@js_masters_gp

🔸با GPT می‌توان در دو دقیقه بازی ساده ایجاد کرد و حتی امکان اضافه کردن فیچرهای مورد نظر وجود دارد. این به معنای کاهش زمان کدنویسی از چند ماه به چند هفته است!

اینجا ما همیشه ناگت اخبارو برات آماده میکنیم❤️

@Tech_Nuggets
@js_challenges_chat

دوستان ما یه چنلی داریم به اسم @Tech_Nuggets که داخل این چنل به اخبار و اتفاقات دنیای تکنولوژی میپردازیم و ابزارهای کاربردی زیادی رو معرفی میکنیم
اگر دوست داشتید یه سر بزنید و اگر خوشتون اومد عضو بشید ❤️

Channel: @js_challenges | Group: @js_masters_gp

آقا این قسمت از پادکست #برنامه_نویس_آگاه الماسه الماس 💎

آیا زبان انگلیسی برای برنامه نویسی ضروریه؟ چرا و چقدر مهمه؟ و اگر ضروریه چطوری میتونیم زبانمون رو تقویت کنیم یا اگه صفر صفریم، چطور شروع کنیم؟
این پادکست طلاست 🏅

کلی تجربه داخلش هست که یادگیری زبان رو براتون خیلی ساده تر و جذاب تر و شیرین تر میکنه 👌

انشالا که براتون مفید باشه ❤️

https://youtu.be/5-jNDueOgl8?si=4VyAg-OhgJAGO1eu

اگرم دوست داشتید به صورت صوتی گوش بکنید میتونید از موارد زیر استفاده کنید:

CastBox | Google Podcasts | Spotify

اگر دوست دارید توی قسمت بعدی در مورد موضوع خاصی صحبت بشه، حتما کامنت کنید ✌️

Channel: @js_challenges | Group: @js_masters_gp

آقا از این به بعد هر کی گفت جاوا همون کوچیک شده جاوااسکریپته (هیچ اشاره مستقیمی هم نمیخوام به کسی بکنم 😁)
این ویدیو رو براش بفرستید 👌

https://youtube.com/shorts/f1wg5DaiRy4?si=xWAOG3Ip2_c-rEpL

Channel: @js_challenges | Group: @js_masters_gp

به 50 نفر برسه به زودی استارتش میخوره ✌️

Channel: @js_challenges | Group: @js_masters_gp

آقا خیلی مشتی و با صفا هستید انصافا دم همتون گرم ❤️
این کار از دو هفته دیگه استارت میخوره ✌️

Channel: @js_challenges | Group: @js_masters_gp

سلام به همگی شبتون بخیر
یک تیم از برنامه‌نویس‌های اپن‌سورس کشورمون سعی کردن یک پروژه زیرساختی توسعه بدن به اسم لسان، الآن نیاز به دیده شدن دارن تا بتونن کارشون رو ادامه بدن، دمتون گرم بهشون توی گیت‌هاب استار بدید
لینک گیت‌هاب :
https://github.com/MiaadTeam/lesan
لینک داکیومنت :
https://miaadteam.github.io/lesan/

حالا لسان چی هست:
یک وب‌سرور بعلاوه ODM بر روی MongoDB، که با الهام از GraphQL مدیریت دریافت داده‌ها رو به سمت Client سپرده ولی خیلی از مشکلات اون رو نداره.
و از همه مهمتر یه تعریف جدید از رابطه‌ی بین داده‌ها ارائه می‌ده، که باعث میشه دریافت داده‌ها بسیار سریعتر انجام بشه و مدیریت اونها قابل فهم‌تر باشه. این فریم‌ورک تمام رابطه‌ها رو بدون دردسر امبد میکنه و سرعت خواندن اطلاعات توش وحشتناک بالاست.
(بنچمارک رو ببینید https://miaadteam.github.io/lesan/#benchmarks).
نوع نگاه لسان به رابطه‌ها باعث شده داده‌ها و کوئری‌ها برای دریافت اونها ساده سازی بشند، به همین خاطر کل فرآیند از کدنویسی تا لایه کش حتی دیتا ماین هم ساده میشه.

💎 بررسی مقدار عددی یک ورودی
برای اینکه بررسی کنید آیا ورودی کاربر عدد است یا خیر، میتونید از تابع بالا استفاده کنید.

انتشار یادت نره ❤️

#Tips_N_Tricks

Channel: @js_challenges Group: @js_masters_gp