#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

@js_challenges_fun
@js_challenges_chat

بشتابید ...

💎 نحوه ایجاد Self-calling Function در جاوا اسکریپت
همه میدونیم که توابع به صورت پیشفرض تا صدا زده نشوند اجرا نخواهند شد، جاوا اسکریپت قابلیتی داره که به وسیله اون میتونید تابعی را تعریف کنید که به صورت خودکار، علاوه بر اینکه تعریف خواهد شد، اجرا هم بشود به این توابع میگیم Self Calling Fucntion.

🟣 به این توابع Self-Invoking Functions هم میگن.

#Tips_N_Tricks

@js_challenges
@js_masters_gp

🔥 سه میانبر js

👨‍💻 تو این پست براتون سه تا میانبر خیلی کاربردی رو اوردم که با قرار دادن تو پروژه تون میتونین هرچه بیشتر به یک سینیور فرانت اند نزدیک بشین😁

#Tips_N_Tricks

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmetdtmann
#S02
#E15
015 Type Conversion and Coercion_Dubbed

حتما دیدین که داخل جاوااسکریپت یه استرینگ و یه عدد رو جمع میکنید بعد یه نتیجه عجیب غریب تحویل میگیرید

این جلسه دقیقا در همین رابطست
امیدوارم که از دوبله راضی باشید ✌️

چون این ویدیو هم ویدیوی بسیار مهمیه و هم نسبتا طولانی تره دوست دارم بازخوردتون رو بدونم در مورد دوبلش و اینکه قشنگ متوجه شدید یا نه؟ حتما کامنت کنید نظرتونو برام که خیلی ارزشمنده ❤️

@js_challenges
@js_masters_gp

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

اهل دلاش اعلام حضور بکنن 😂😂😂

#Out_Of_IDE
#Fun

@js_challenges_fun

#Out_Of_Laptop

در این پست میخوام یه کانفیگ معمولی برای برنامه نویسی وب براتون (چه فرانت چه بک) معرفی کنم :
✅CPU : i5 10 یا i7 8 به بالا
✅RAM : 8 به بالا
✅SSD : 250 به بالا
✅GPU : زیاد از واجبات نیست
✅Monitor : LED 15.6" رفرش ریت هرچی بالا بهتر

⚠️بچه ها در نظر داشته باشید با کانفیک بالاتر یا پایینتر از اینا هم میشه برنامه نویسی کرد.این کانفیگ صرفا متوسطه⚠️

@js_challenges
@js_masters_gp

#Design_Patterns

⚠️الگوی استراتژی یک الگوی طراحی است که امکان تعویض رفتارها یا الگوهای عملکردی مختلف را در یک سیستم فراهم می‌کند. این الگو به اجزای مختلف یک الگوی معماری اجازه می‌دهد تا در زمان اجرا رفتارهای مختلفی را به کاربردهای مشابه اعمال کنند.

معمولاً این الگو به شکل یک رابط یا کلاسی عمل می‌کند که دسترسی به روش‌های متفاوتی دارد که هر کدام یک رفتار یا راهبرد خاص را ارائه می‌دهند. سپس یک یا چند کلاس دیگر (معمولاً با نام‌هایی مانند ConcreteStrategyA, ConcreteStrategyB, و غیره) این رابط را پیاده‌سازی می‌کنند. هر کدام از این کلاس‌ها یک راهبرد خاص را برای انجام کار ارائه می‌دهند.
در زمان اجرا، شیء مربوطه از نوع رابط استراتژی دریافت می‌کند و می‌تواند رفتار خاص خود را از طریق استفاده از متد‌های موجود در این رابط تعیین کند. این اجازه را به اجزای سیستم می‌دهد تا بر اساس نیاز خود یک استراتژی خاص را انتخاب کرده و از آن استفاده کنند.⚠️
❌ادامه در کپشن...❌
👍و انتشار فراموش نشه 🤟
@js_challenges
@js_masters_gp