#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

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E10
010 Operator Precedence_Dubbed Comp

دوبله قسمت دهم مربوط به اولویت اجرای اپراتورها تقدیم شما 👌

تعداد قسمت های دوبله شده دو رقمی، انشالا زمانی که کامل تموم بشه 🔥
انتشارم که ...

@js_challenges
@js_masters_gp

چنلی که داخلش فایل زیپ فصل هایی که تاحالا دوبله شدن قرار میگیره:
@js_challenges_courses

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E11
011 Coding Challenge_#1_Dubbed

و اما اولین چالش دوره جاوااسکریپت Jonas Schmedtmann بزرگ ...
خب با این ویدیو میشه گفت تقریبا 50 درصد از فصل دوم هم دوبله شده 🔥
انشالا بعد از اتمامش فایل زیپش رو با کیفیت صداهای بهتر داخل چنل @js_challenges_courses براتون قرار میدم ❤️

@js_challenges
@js_masters_gp

#Out_Of_IDE
#Fun

این ویدیو من رو یاد یک قانون خیلی مهم تو برنامه نویسی انداخت ...
کسی هم هست که ندونه این قانون چه قانونیه 😂؟

@js_challenges
@js_masters_gp

مارو در اینستاگرام هم دنبال بکنید ❤️:
https://www.instagram.com/js_challenges_i

🧐 9 تابع واجب بر هر js دولوپر!
+ پارت 3

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#Design_Patterns

⚠️الگوی Factory یک الگوی طراحی است که به شما اجازه ایجاد شیء در یک روش مشخص وابسته به محیط فراهم می‌کند. این الگو به شما این امکان را می‌دهد که ایجاد شیء را از جزئیات ایجاد جدا کنید، به طوری که کدی که یک شیء را ایجاد می‌کند، از جزئیات وابسته به ایجاد فاصله گرفته باشد.
به عبارت دیگر، الگوی Factory کار ساخت یک شیء را از کاربر جدا می‌کند و به یک کارخانه (Factory) سپرده می‌شود تا تصمیم بگیرد چه نوع شیء‌ای را بسازد.⚠️
در مثال داخل عکس :
❌ کلاس Product یک کلاس ساده است که یک شیء با یک ویژگی به نام name ایجاد می‌کند.
کلاس ProductFactory یک Factory است که مسئول ایجاد شیء Product است. متد createProduct این کلاس یک نمونه از Product ایجاد کرده و آن را برمی‌گرداند.
در نهایت، با ایجاد یک نمونه از ProductFactory و فراخوانی createProduct، یک نمونه از Product ساخته می‌شود.❌

🏁 استفاده از الگوی Factory به شما این امکان را می‌دهد که بدون تغییر در کد مصرف‌کننده، نوع شیء را به راحتی تغییر دهید و از تغییرات جزئی در پیاده‌سازی محافظت کنید. 🏁

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

CHALLANGE 53
#quick_challenge

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

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E12
012 Strings and Template Literals_Dubbed

دوبله قسمت بعدی تقدیم شما مربوط به template literals ❤️

@DeepDevs
@DeepDevsGp

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

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E13
013 Taking Decisions_ if _ else Statements_Dubbed

آقا سرعت و کیفیت دوبله ها به نظرتون ریکشن نداره انصافا 🔥❤️؟

@js_challenges
@js_masters_gp
@js_challenges_courses

آقا یکی دیگه هم داره اکسپورت میشه 🔥
ریکشنارو برسونید 40 تا ❤️‍🔥 تا اینم امشب بزارم وگرنه میره فردا 😁

@js_challenges
@js_masters_gp

20 تا دیگه ...

آقا انصافا همتون عشق منید
جدی میگم ❤️🔥

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

من این چنل و این کامیونیتی رو به یکی از بزرگترین ها تبدیل میکنم 🔥


ساعت یازده امشب قسمت بعدی رو میزارم ❤️

فردا هم چند قسمت دیگه میزارم و یه چالش DOM هم داریم یادتون نره ✌️

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S02
#E14
014 Coding Challenge_#2_Dubbed

اینم دوبله چالش دوم سکشن اول
شبتون بخیر همگی ❤️

@js_challenges
@js_masters_gp

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

#quick_challenge

امروز رو با یه چالش کوچیک شروع میکنیم قشنگ حال کنید 😁
ضمنا ساعت یک چالش DOM فراموشتون نشه 👌

@js_challenges
@js_masters_gp

#Design_Patterns

⚠️الگوی Observer یک الگوی طراحی است که برقراری رابطه یک به چند بین اشیاء را فراهم می‌کند. در این الگو، یک شیء معروف به "Subject" (موضوع) تغییراتی را اعلام می‌کند و اشیاء دیگری که به آن مشترک هستند (معروف به "Observers") از تغییرات مطلع می‌شوند و واکنش نشان می‌دهند.⚠️
در مثال داخل عکس :
❌ کلاس Subject یک موضوع را نمایش می‌دهد. این موضوع دارای یک لیست از مشاهده‌گرها (observers) است و متدهای subscribe، unsubscribe و notify را دارد.
کلاس Observer یک مشاهده‌گر را نمایش می‌دهد. این مشاهده‌گر دارای یک متد به نام update است که وظیفه نمایش اطلاعات دریافتی را دارد.
در نهایت، با ایجاد یک موضوع و چند مشاهده‌گر، مشاهده‌گرها با فراخوانی notify از تغییرات در موضوع مطلع شده و به‌روزرسانی‌های متفاوت نمایش داده می‌شوند.❌

🏁 االگوی Observer به کاربران این امکان را می‌دهد که بدون وابستگی به ساختار داخلی یک شیء، به تغییرات آن شیء واکنش نشان دهند. این بهبود از لحاظ انعطاف‌پذیری و جداسازی اجزا در برنامه‌نویسی به اصطلاح "Loose Coupling" نامیده می‌شود. 🏁

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

#js_challenge
#no44
#DOM
#medium

لینک فایل های html css و starter.js داخل ریپازیتوری اصلی چنل:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Text%20Collapse%201

خب میریم سراغ چالش DOM بعدی در رابطه با این کومپوننت هایی که قطعا دیدید که وقتی روشون کلیک میشه متنشون بیشتر و یا کمتر نشون داده میشه 👌

کسی که چالش های DOM این چنل رو حل بکنه، بعد وقتی بخواد از ریکت استفاده بکنه قدرش رو خیلی بیشتر میدونه 😁
البته اینم بگما، عزیزانی که ریکت کار میکنید میتونید این چالش های DOM رو شما با ریکت بزنید چون کاملا برای ریکت هم کاربردی هستن ...

ببینید و حلش بکنید و وقتی حلش کردید از کومپوننتی که خودتون طراحی کردید یه ویدیو بگیرید بفرستید ❤️

@js_challenges
@js_masters_gp