یکی از ویژگی قدرتمند در جاوا اسکریپت مدرن optional chaining است که راهی مختصر و ایمن برای دسترسی به ویژگی‌های object های تودرتو فراهم می‌کند. با ?. اپراتور (optional chaining)، می‌توانید سناریوهایی را که در آن ویژگی‌ها ممکن است null یا undefined باشد به خوبی مدیریت کنید، و از ایجاد خطا در کدتان جلوگیری کنید.

در این مثال اگر می‌خواهید به city دسترسی داشته باشید اما مطمئن نیستید ک شی address تعریف شده است یا نه
می‌توان با استفاده از اپراتور .? از چنین خطایی جلوگیری کرد:
cannot read property X of undefined

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E05
005 Values and Variables_Dubbed

با هر دوبله ای که از ویدیوهای جوناس انجام میدم بیشتر اشتیاق پیدا میکنم به ادامش ...

آها راستی برای اینکه بتونید به همه فایل ها یه جا دسترسی داشته باشید و این چنل خیلی شلوغ پلوغ نشه، یه چنل دیگه زدیم با آیدی @DubDev اونجا میتونید به فایل های زیپ فصل هایی که کامل شدن (مثل فصل اول) دسترسی داشته باشید 👌

بکوبید ریکشن ها رو انصافا 🔥❤️

@js_challenges
@js_masters_gp

چنلی که فایل های زیپ دوبله های جوناس داخلش قرار میگیره:
@DubDev

حتما به ویس توضیحات گوش کنید

#js_challenge
#no43
#easy_to_medium

هشتگ های مرتبط:
#objects
#arrays

لینک برنچ مربوطه داخل ریپازیتوری:
https://github.com/MCKH03/JS_Challenges/tree/js_challenge_39

@js_challenges
@js_masters_gp

توضیحات چالش

CHALLANGE 51
#quick_challenge

هر مشکلی داشتید داخل گروه بپرسید⁉️

@js_challenges
@js_masters_gp

#VSCode_Extension

❌وقتی به وب‌سایت npm نگاه می‌کنید و یک بسته رو انتخاب میکنید که اضافه کنید به پروژتون مشکل اینه که ما اغلب به مشکلهای اضافی که میتونه ایجاد کنه فکر نمی کنیم.

به همین دلیل است که این افرونه بسیار مهم است. این به شما امکان می دهد اندازه بسته ها و کتابخانه های وارد شده را ردیابی کنید، بنابراین می توانید میزان اندازه کدی را که وارد می کنید کنترل کنید.

به خصوص در توسعه وب، باید به تک تک بایت هایی که وارد می کنید توجه داشته باشید زیرا بر سرعت بارگذاری سایت شما تأثیر منفی می گذارد، ممکن است به تجربه کاربر و حتی رتبه بندی SEO آسیب برساند.❌
💥لینک افزونه رو این پایین میذارم,اگر دوست داشتین 👍 و انتشار بدید 💥

https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

⚠️⚠️اگر کیفیت gif پایین هست داخل گروه فیلمشو میذارم⚠️⚠️

@js_challenges
@js_masters_gp

#answer
#no42

هر چقدر بیشتر با reduce کار میکنم، بیشتر بهش علاقه مند میشم ...

تازه اینکه یه استفاده سادس انشالا بعدا استفاده های پیچیده تری رو هم ازش براتون میارم 👌

ضمنا احتمالا چالش بعدی مربوط به DOM باشه از این کومپوننت هایی که دیدید که میزنید روش تکست رو نشون میده، وقتی میزنید بسته میشه بقیه تکست رو سه نقطه میزاره 🔥

اگر پیشنهاد های دیگه ای دارید بدید برای چالش های بعدی ...

@js_challenges
@js_masters_gp

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

Websites:
freecodecamp.org
javanoscript.info
javanoscriptquiz.com
developer.mozilla.org
eloquentjavanoscript.net
w3schools.com
khanacademy.org
codecademy.com
learn-js.org


Books:
Eloquent JavaScript
JavaScript: The good parts
Learn JavaScript visually
JavaScript: The definitive guide
A smarter way to learn JavaScript
You Don't Know JS
Effective JavaScript
Speaking JavaScript


YouTube Channels:
Traversy Media
Programming with Mosh
Web Dev Simplified
Academind
Fireship
Dev Ed


Podcasts:
Syntax
JavaScript Jabber
Modern Web
Full-stack radio
Codepen Radio
ShopTalk
JAMstack Radio
Radio Geek

Coding Challenge Platforms:
codewars.com
codingame.com
coderbyte.com
exercism.io
edabit.com

@DevTwitter

عزیزان این رو یه دوستی داخل گروه @js_masters_gp گذاشته

اگر دوست داشتید یه نگاه بندازید و ثبت نام کنید

ممنون از عزیزی که این رو ارسال کرده ❤️

@js_challenges
@js_masters_gp

#Design_Patterns

الگوهای طراحی به سه دسته تقسیم می‌شوند، به شرح زیر:
✅الگوهای طراحی ساختاری (Creational Design Patterns)
☑️Abstract Factory (کارخانه انتزاعی):
ایجاد یک نمونه از چند خانواده کلاس.
☑️Builder (سازنده):
جدا کردن ساخت شیء از نمایش آن.
☑️Factory Method (متد کارخانه):
ایجاد یک نمونه از چند کلاس مشتق‌شده.
☑️Prototype (نمونه):
یک نمونه کامل شده برای کپی یا کلون.
☑️Singleton (تک نمونه):
یک کلاس که تنها یک نمونه از آن ممکن است وجود داشته باشد.
🛑ادامه توضیحات در کامنت ها🛑

💫دوستان دیزاین پترن ها خیلی مباحث مهم و کاربردی هستن و من سعی میکنم هر روز یه نوع از دیزاین پتنرهارو بذارم براتون.💫

👍و انتشار فراموش نشه 🤟

راستی ساعت یک قسمت بعدی دوبله جوناس میاد یادتون نره ✌️
@js_challenges
@js_masters_gp

آماده باشید که دوبله قسمت بعدی جاوااسکریپت جوناس داره میاد 🔥
انتشارش با خودتون ...

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E07
007 Data Types_Dubbed

جوناس داخل این ویدیو میگه که تایپ null، آبجکت هست و به دلایلی هیچوقت این باگ جاوااسکریپت رو برطرف نکردن

خدایا حکمتتو شکر ...

حمایت و انتشار فراموش نشه ❤️
راستی، ساعت 7 و نیم امشب هم آنلاین باشید قسمت بعدی رو میفرستم ...

@js_challenges
@js_masters_gp

چنلی که داخلش فایل های زیپ دوره جوناس قرار خواهد گرفت:
@js_challenges_courses

🧐 9 تابع واجب بر هر js دولوپر!
+ پارت 2
👨‍💻از اونجایی که از بچگی علاقه‌ی خاصی به متن های ریز و پرمغز داشتم(وی بیاد دوران مدرسه صحبت میکند😁!) اینجا هم سعی کردم 9 تا تابع خیلی مهم js رو بصورت چیت شیت براتون بیارم. البته این پست برای سه تای دومه و در پارت سوم سه تای آخر قرار میگیره 👌

#Tips_N_Tricks

@js_challenges
@js_masters_gp

یه نکته ریز در مورد کیفیت صداهای دوبله ها
قراره کیفیتشون خیلی بهتر بشه حالا داخل ویس توضیح دادم ❤️
ضمنا دوبله قسمت بعدی دوره جوناس ساعت 7 و نیم فراموش نشه!

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E08
008 let, const and var_Dubbed

اینم قسمت بعدی همونطور که گفته بودم در مورد سه روش متفاوت متغیرسازی در جاوااسکریپت

فقط حتی الامکان از var استفاده نکنید 😁
عزیزانی که ویدیو رو ببینن بیشتر متوجه جمله بالا میشن 😂

انتشارش دیگه با خودتون ❤️

@js_challenges
@js_masters_gp

چنلی که فایل های زیپ دوره جوناس داخلش قرار میگیره:
@js_challenges_courses

🔵تکبوکولوژی مرجع تخصصی دانلود کتاب‌های برنامه‌نویسی و هوش‌مصنوعی😍

دنبال هر کتابی هستی فقط کافیه وارد کانال بشی و اسم خود کتاب یا اسم نویسندش رو سرچ کنی تا بتونی دانلودش کنی🔥

و اگر کتابی رو پیدا نکردی کافیه بهمون اطلاع بدی تا در سریع‌ترین زمان ممکن داخل کانال قرارش بدیم😍😎

توی گروهمون هم هر روز موقعیت‌های شغلی جدید حوزه‌های مختلف رو قرار میدیم🔥

لینک ورود به کانال:

✅@techbookology
✅@techbookology

🧐 nullish vs short circuiting

👨‍💻مگه فرقی ام میکنه؟ البته!😎

👨‍💻درسته که بسیار عملکرد شبیه به هم دارن ولی یکسری تفاوت های مهم تو عملکردشون وجود داره که تو تصویر بالا با دوتا مثال براتون نشون دادم.
#Tips_N_Tricks

@js_challenges
@js_masters_gp

#Design_Patterns

⚠️الگوی Singleton یک الگوی طراحی است که اطمینان حاصل می‌کند یک کلاس تنها یک نمونه داشته باشد و این نمونه به سایر قسمت‌های برنامه قابل دسترسی باشد. این الگو معمولاً وقتی که یک نمونه از یک کلاس برای مدیریت یک منبع مشترک یا تنظیمات مورد نیاز استفاده می‌شود.⚠️
در مثال داخل عکس :
❌ متد سازنده (constructor) کلاس Singleton بررسی می‌کند که آیا نمونه از کلاس قبلاً ایجاد شده است یا خیر.
اگر هنوز نمونه ایجاد نشده باشد، یک نمونه جدید ایجاد شده و به عنوان Singleton.instance ذخیره می‌شود.
اگر قبلاً یک نمونه ایجاد شده باشد، نمونه موجود به جای ایجاد یک نمونه جدید برگردانده می‌شود.
به این ترتیب، تمام کدهایی که به این کلاس دسترسی پیدا می‌کنند، همیشه با یک نمونه از آن سروکار دارند. این کمک می‌کند تا تنظیمات و منابع اشتراکی تنها یک‌بار مقداردهی شوند و از تکرار غیرضروری جلوگیری شود.❌

دوستان دیزاین پترن ها خیلی مباحث مهم و کاربردی هستن و من سعی میکنم هر روز یه نوع از دیزاین پتنرهارو بذارم براتون.

👍و انتشار فراموش نشه 🤟
@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E09
009 Basic Operators_Dubbed

تو این دوبله از دوره جوناس در رابطه با اپراتورها صحبت میشه که چی هستن و چطور کار میکنن 👌

@js_challenges
@js_masters_gp
چنلی که فایل های زیپ دوبله های دوره جوناس اونجا قرار میگیره:
@js_challenges_courses

🦾حالت Zen در vscode

با استفاده از این حالت، حواس‌پرتی شما بسیار کاهش پیدا می‌کند. با فعال کردن حالت Zen، تمام جعبه ابزارها و نوارهای اضافی موجود در پنجره حذف می‌شود تا بتوانید تمرکز بیشتری روی کدهای خود داشته باشید. برای استفاده از این حالت تنها باید به View > Appearance > Toggle Zen Mode بروید.

#Out_Of_IDE

@js_challenges
@js_masters_gp