Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

#quick_challenge چند شیء پروتوتایپی در زنجیره برای آرایه زیر وجود دارد⁉️

let arr = [];

@js_challenges @js_masters_gp

#Tips_N_Tricks 🏁 بچه ها تو این عکس سعی کردم تمام اپراتورهایی که توی جاوااسکریپت هست رو یه جا جمع کنم و فکر میکنم میتونه منبع خوبی باشه برای شما عزیزان 🏁 ❌هدف از این کانال اینه که کمکی کرده باشیم به کامیونیتی فارسی جاوااسکریپت. پس بشدت به حمایت شما برای دیده شدن بیشتر نیاز داریم❌ @js_challenges @js_masters_gp @jschallenges_bot

#Fun طفلکی نود ماژول😂😂😂 @js_challenges @js_masters_gp @jschallenges_bot

#quick_challenge کدام کلمه کلیدی برای ایجاد خطا استفاده میشود⁉️ @js_challenges @js_masters_gp

#Course #JavaScript #Jonas_Schmedtmann #S07 #E09 009 Coding Challenge_#1_Dubbed ℹ️ چالش اول این سکشن مربوط به reset کردن بازی راستی ... نصف فصل هفتمم که تموم شد ... 7️⃣✔️ @js_challenges @js_masters_gp برای دسترسی به فایل زیپ دوبله های جوناس، از ربات زیر استفاده کنید: @jschallenges_bot

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

#Course #JavaScript #Jonas_Schmedtmann #S07 #E08 008 Manipulating Css Styles Dubbed دستکاری استایل های CSS به کمک JavaScript ... ✔️ @js_challenges @js_masters_gp برای دسترسی به فایل های زیپ دوبله ها از ربات استفاده کنید: @jschallenges_bot

💎 ارور replaceAll is not a function !!! با اینکه بیش از 1 سال است از آپدیت ES2021 میگذره اما هنوز برخی از همکاران به این ارور برخورد می کنند و دلیل آن هم عدم پشتیبانی بعضی از ورژن های یسری از مروگر ها از ES2021 یا حداقل عدم پشتیبانی کامل آن ها از آپدیت ES2021 است 🔸 به منظور حل این مشکل می تونید همچنان از متد String.prototype.replace استفاده کنید و از آنجایی که این متد فقط یک بار replace انجام میده (در واقع کل محتوا رو replace نمی کنه) میتونید از regex برای حل این مسئله استفاده کنید. #Tips_N_Tricks @js_challenges @js_challenges_chat

#Course #JavaScript #Jonas_Schmedtmann #S07 #E07 007 Implementing The Game Logic Dubbed 👀 تو این قسمت 20 دقیقه ای منطق بازی Guess my number پیاده سازی میشه که حتما حتما توصیه میکنم اول خودتون سعی کنید پیاده سازیش کنید که بسیار تو فرآیند یادگیریتون تاثیرگذاره ⚡️ @js_challenges @js_masters_gp برای دسترسی به فایل زیپ فصل های دوبله شده از ربات زیر استفاده کنید 👍 @jschallenges_bot

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

#Course #JavaScript #Jonas_Schmedtmann #S07 #E06 006 Handling Click Events Dubbed چطور کلیک شدن روی صفحه رو هندل کنیم و از eventListener استفاده کنیم ... @js_challenges @js_masters_gp برای دسترسی به فایل زیپ دوبله های دوره جاوااسکریپت جوناس از ربات زیر استفاده کنید: @jschallenges_bot

#quick_challenge

console.log(9999999999999999 === 10000000000000000);

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

#Course #JavaScript #Jonas_Schmedtmann #S07 #05 005 Selecting And Manipulating Elements Dubbed جوناس تو این قسمت DOM Manipulation خیلی ابتدایی رو آموزش میده 👌 @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 #E04 004 What's The Dom And Dom Manipulation Dubbed زمانی که دوبله ها شروع شد چه کسی فکرش رو میکرد که ما با این سرعت به اینجا برسیم ... شاید خیلیا اولش فکر میکردن که ما صرفا یه ایده ای به ذهنمون زده و خیلی زود فراموشش میکنیم ... اما نه ما خیلی قوی تر از چیزی که خیلیا فکرشو میکردن ادامه دادیم و الان فقط نزدیک به 300 نفر عضو چنلی هستن که دوبله ها داخلش قرار داره و از دوبله ها استفاده میکنن ... راز موفقیت فقط در یک کلمه خلاصه میشه: استمرار @js_challenges @js_masters_gp

آیدی ربات: @jschallenges_bot