#Course
#JavaScript
#Jonas_Schmedtmann
#S07
#E01
001 Section Intro Dubbed

و اما فصلی که خیلیا منتظرش بودن ...
فصلی که بالاخره قراره یه صفحه استاتیک ساده به یک صفحه جذاب و پویا و زنده تبدیل بشه 🔥

تو این فصل قراره با هم DOM Manipulation رو یاد بگیریم ...

@js_challenges
@js_masters_gp

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

#Course
#JavaScript
#Jonas_Schmedtmann
#S07
#E03
003 Project_#1_Guess My Number! Dubbed

و اما استارت فصل هفتم ...
آیا خواسته من از شما چیزی غیر از انتشار و ریکشن دادن به این دوبله هاست ... ❤️

@js_challenges
@js_masters_gp

آقا چندتا video message کاملا یهویی بعدی رو ببینید یادی از گذشته کنیم ...

آیدی ربات:
@jschallenges_bot

#Course
#JavaScript
#Jonas_Schmedtmann
#S07
#E04
004 What's The Dom And Dom Manipulation Dubbed

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

شاید خیلیا اولش فکر میکردن که ما صرفا یه ایده ای به ذهنمون زده و خیلی زود فراموشش میکنیم ...

اما نه ما خیلی قوی تر از چیزی که خیلیا فکرشو میکردن ادامه دادیم و الان فقط نزدیک به 300 نفر عضو چنلی هستن که دوبله ها داخلش قرار داره و از دوبله ها استفاده میکنن ...

راز موفقیت فقط در یک کلمه خلاصه میشه:
استمرار

@js_challenges
@js_masters_gp

#NPM
⚠️دوستان این بار خواستم دستورات npm رو اینجا براتون بذارم همراه با کد و توضیحش⚠️

✅npm prune

npm prune

این دستور برای حذف بسته‌هایی که دیگر در package.json شما مشخص نشده‌اند و در حال استفاده نیستند مورد استفاده قرار می‌گیرد.
✅npm pack

npm pack

با این دستور می‌توانید یک فایل .tar.gz از پروژه‌ی خود بسازید که حاوی کد منبع و فایل‌های مورد نیاز برای برنامه نویسان دیگر است.
✅npm publish

npm publish

با این دستور می‌توانید یک بسته را در مخزن npm منتشر کنید تا سایر برنامه‌نویسان بتوانند آن را استفاده کنند.
✅npm version

npm version patch

این دستور به شما امکان می‌دهد ورژن پروژه‌ی شما را تغییر دهید. می‌توانید major, minor یا patch را به عنوان ورژن جدید اعمال کنید.

✅npm init

npm init

با این دستور می‌توانید یک پرونده package.json جدید ایجاد کنید که اطلاعات پروژه‌ی شما را شامل می‌شود.
❌اگر دوس داشتید 🔥بذارید و انتشار بدید❌
@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S07
#E05
005 Selecting And Manipulating Elements Dubbed

جوناس تو این قسمت DOM Manipulation خیلی ابتدایی رو آموزش میده 👌

@js_challenges
@js_masters_gp

#quick_challenge

console.log(9999999999999999 === 10000000000000000);

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

@js_challenges
@js_masters_gp

#Course
#JavaScript
#Jonas_Schmedtmann
#S07
#E06
006 Handling Click Events Dubbed

چطور کلیک شدن روی صفحه رو هندل کنیم و از eventListener استفاده کنیم ...

@js_challenges
@js_masters_gp

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

#Around_JS
⚠️هدف از این پست تعریف معماری نرم افزار و الگو های معماری نرم افزار و فرق بین الگو های معماری نرم افزار و الگو های طراحی نرم افزار است⚠️
✅ معماری نرم افزار، چگونگی و تعریف ساختار اجزای سیستم نرم افزاری است و همچنین تعریف این که این اجزای نرم افزاری چگونه باهم ارتباط برقرار می کنند و محدودیت و قانون های وابسته به آنها را مشخص می کند.
✅ به طور خلاصه معماری نرم افزار شامل سه بخش اصلی است که داخل عکس هست
✅ همانطور که در شکل می بینیم چگونگی ساختار اجزای سیستم می تواند براساس الگوهای معماری بنا گردد پس نتیجه می گیریم الگوی معماری، ساختار کلی سیستم را به ما نشان می دهد.
✅ حال با وجود الگوی معماری ما می توانیم تصمیم های بهتری در فاز توسعه نرم افزار بگیریم و یک تصمیم مهم انتخاب الگوی طراحی (Design Pattern) می باشد.
✅ در الگوی معماری محدوده سطح بالای سیستم را مشخص می کنیم مانند ساختار اجزای سیستم و اما در الگو های طراحی ما محدوده سطح پایین سیستم را تعریف می کنیم مانند اینکه یک جزء سیستم چگونه پیاده سازی می گردد و توجه داشته باشید ما در الگوی معماری نحوه پیاده سازی را مشخص نمی نماییم.

💎 ارور replaceAll is not a function !!!

با اینکه بیش از 1 سال است از آپدیت ES2021 میگذره اما هنوز برخی از همکاران به این ارور برخورد می کنند و دلیل آن هم عدم پشتیبانی بعضی از ورژن های یسری از مروگر ها از ES2021 یا حداقل عدم پشتیبانی کامل آن ها از آپدیت ES2021 است

🔸 به منظور حل این مشکل می تونید همچنان از متد String.prototype.replace استفاده کنید و از آنجایی که این متد فقط یک بار replace انجام میده (در واقع کل محتوا رو replace نمی کنه) میتونید از regex برای حل این مسئله استفاده کنید.

#Tips_N_Tricks

@js_challenges
@js_challenges_chat

#Around_JS
✅کلاینت (Client):
یک کامپیوتر یا دستگاهی که درخواست می‌فرستد، مانند یک کامپیوتر شخصی، تلفن همراه، یا هر دستگاه متصل به شبکه‌ای که ارتباط مستقیم با سرور دارد.
✅بسته‌های آی‌پی (IP Packets):
اطلاعاتی که به صورت بسته‌های داده ارسال می‌شوند و برای انتقال اطلاعات از یک دستگاه به دیگری در شبکه اینترنت استفاده می‌شوند. هر بسته شامل اطلاعات از جمله اطلاعات مقصد، منبع، و داده‌هایی که ارسال می‌شوند است.
✅اینترنت (Internet):
شبکه‌ای از دستگاه‌ها و سرورها که به هم وصل شده‌اند و اجازه ارسال و دریافت اطلاعات بین کلاینت و سرور را فراهم می‌کند. اینترنت با استفاده از پروتکل‌های مختلفی مانند TCP/IP و UDP برای انتقال داده‌ها استفاده می‌کند.
✅سرور (Server):
دستگاهی که درخواست‌های کلاینت‌ها را پذیرفته و پاسخ می‌دهد. سرور معمولاً دارای منابع بیشتری نسبت به کلاینت‌هاست و برای ارائه خدمات و پاسخ به درخواست‌ها استفاده می‌شود.
✅اطلاعات از کلاینت به سرور و برعکس از طریق بسته‌های داده‌ای (IP Packets) و اینترنت منتقل می‌شوند. کلاینت درخواست خود را ارسال کرده، سرور آن را پردازش کرده و نتیجه را به کلاینت بازمی‌گرداند.