Code Module | کد ماژول

از فردا بدنا همه آرنولدی😂😂 #fun @CodeModule

کد های مرتب با اکستنشن Prettier 📥 اکستنشن Prettier، یکی از اکستنشن های محبوب طراح ها و توسعه دهنده ها تو ادیتور VsCode هست. این افزونه به شما امکان فرمت‌بندی خودکار کد با استفاده از قواعد خاص را می‌دهد تا کدهایتان به شکلی منظم و قابل خواندن تبدیل شوند. با نصب و فعال‌سازی اکستنشن Prettier، شما می‌تونید کدهاتون و فرمت‌بندی، و از قواعد استانداردی برای قالب‌بندی کد استفاده کنید. این افزونه همچنین امکاناتی برای پیکربندی سفارشی هم داره. این اکستنشن بعد از نصب به صورت اتوماتیک فعال نمیشه و برای کانفیگ و فعالسازی اون آموزش کوتاه زیر رو آماده کردیم. 1️⃣مرحله اول: اکستنشن Prettier رو روی VsCode تون نصب کنید. با زدن کلیدهای “, + Ctrl” یا دنبال کردن مسیر “File-> Preferences -> Settings” وارد بخش تنظیمات ادیتور VsCode میشیم، در کادر جستجو عبارت “format on save” رو سرچ می کنیم. در نهایت در گزینه های موجود تیک گزینه “Format on Save” رو میزنیم. 2️⃣مرحله دوم: در همون کادر جستجوی تنظیمات عبارت “default formatter” رو سرچ کنید، کادر تنظمات Default Formatter رو باز کنید و آیتم “Prettier – Code Formatter” رو انتخاب کنید. 🔵در نهایت بعد از نصب و کانفیگ بندی، با هر بار تغییر و سیو کردن کد، prettier خودشو نشون میده و کدهاتون و مرتب میکنه🔥 #extension #vscode #prettier @CodeModule

Good Night 🌚✨ "برای خود واقعی بودن نیازی به تأیید مردم نیست، خودت باش دوست من " @CodeModule

🌂 تا حالا اسم ادیتور VIM به گوشتون خورده؟ ادیتور vim یکی از ادیتورهای پرطرفداره که امروزه برخی از برنامه نویسا از اون استفاده می‌کنن. نرم افزار Vim رایگان و اوپن سورسه که توسط Bram Moolenaar نوشته شده. 🧑‍🎓 تاریخچه کد ادیتور vim این ادیتور اولین بار در سال ۱۹۹۱ برای انواع یونیکس منتشر شد. هدف اصلی از ساخت اون ارتقاء ویرایشگر Vi بود که در سال ۱۹۷۶ منتشر شده بود. Vim در واقع به عنوان کلونی از نرم افزار قدیمی Vi هست که improved شده. همچنین مثل Vi این ادیتور هم command line محوره و مبتنی بر ترمیناله. ✅مزایای استفاده از ویرایشگر VIM چیه؟ 🔵این نرم افزار در هر سیستمی قابل نصبه. 🔵می‌تونید از اون در دو حالت ترمینالی و گرافیکی استفاده کنید. 🔵حجم کمی داره 🔵قابلیت شخصی سازی بالایی داره و از یک فایل متنی ساده برای ذخیره این تنظیمات استفاده می‌کنه. 🔵پلاگین‌های خیلی زیادی داره که این پلاگین‌ها باعث افزایش قابلیت‌ها و کاربردهای این نرم‌افزار میشن. 🔵از قابلیت چند پنجره‌ای پشتیبانی می‌کنه. با استفاده از این ویژگی میشه صفحه نمایش رو به چندین بخش تقسیم کرد. 🔵از ویژگی چند زبانه‌ای (multiple tabe) پشتیبانی می‌کنه که اجازه میده تا توی چندین فایل کار کنید. 🔵دستورات Vim به سادگی به حافظه سپرده میشه. 🔵یادگیری نسبتا ساده ⚠️خوبه که بدونید ویرایشگر Vim به طور سنتی دارای محیط گرافیکی (GUI) نیست، اما به تازگی نسخه جداگانه‌ای به نام gVim ایجاد شده که محیط گرافیکی برای این ادیتور فراهم میکنه. #vim #editor @CodeModule

با استفاده از Wave سایتتو خوشگل کن!🔥 احتمالا همچین شکل هایی رو تو سایت های مختلف دیدید. امروز میخوام یه سایت بهتون معرفی کنم که با استفاده از اون، Wave های دلخواه خودتون رو به شکل های مختلف کاستوم کنید و به صورت svg یا png خروجی بگیرید⚡️ ➡️Website◀️ #tools @CodeModule

آشنایی با حلقه ها در ۱۰ ثانیه 😂😂 #fun @CodeModule

نمونه قرارداد پروژه های فریلنسری 🔥 تو این پست یک نمونه قرارداد برای پروژه‌های فریلنسری قرار دادم که بهتون کمک می‌کنه، پروژه‌های فریلنسریتون و به شکل حرفه‌ای‌تر و شفاف‌تر جلو ببرید، و احتمال بروز مشکلات حقوقی و کاهش بدید. این قرارداد، جامع و برای پروژه های فریلنسری نرم افزاری و با نظارت کارشناس حقوقی آماده شده 😎 https://7ln.ir/el7 #freelancer @CodeModule

ایجاد تصویر با هوش مصنوعی 🤖 ابزاری که توی این پست معرفی میکنیم یکی از اولین هوش مصنوعی ها برای تولید تصاویر هست و قادره، تصاویر رو به شکل‌های خلاقانه و هنری تبدیل کنه. برای استفاده از این ابزار کاربردی و خفن، میتونید به وب سایتش مراجعه کنید.😎 ➡️Website◀️ #ai #tools @CodeModule

آشنایی با Kubernetes و تفاوت آن با Docker 🐚 در واقع Kubernetes نوعی سیستم هست که وظیفه هماهنگ کردن برنامه‌های کاربردی و در حال اجرا روی کانتینر‌های مجازی بر عهده داره. Kubernetes اغلب “K8s”  نامیده میشه. K8s به‌منظور استقرار و مدیریت برنامه‌های ابری، از طریق زیرساخت‌ها و پلتفرم‌های ابر عمومی و بصورت خودکار، استفاده میشه. ⚡️وظایف kubernetes چیه ؟ انعطاف‌پذیر کردن برنامه‌ها، اختصاص فضای ذخیره‌سازی پایدار، مقیاس‌بندی خودکار و فعالیت مداوم برای حفظ وضعیت مطلوب نرم‌افزار‌ها از جمله وظایف مهم و کلیدی این سیستم یاد شده. ☯️ ویژگی‌های قابل توجه Kubernetes ◀️کشف سرویس و بالانس کردن بار ◀️سازماندهی Storage و فضای ذخیره‌سازی ◀️جمع‌کردن و گسترش دوباره داده‌ها ◀️بسته‌بندی خودکار ◀️ویژگی Self-healing ◀️مدیریت و پیکربندی مخفی تفاوت Docker با Kubernetes چیه ؟ همونطور که توی پست های قبل توضیح دادیم، docker یک سکو و پلتفرم نرم‌افزاریه که به‌منظور ساخت و ایجاد برنامه‌های کاربردی کانتینری استفاده میشه. درحالی‌ که Kubernetes یا K8s وظیفه خودکار کردن ابزارهای مختلف و از جمله فرآیند اجرای برنامه‌های کانتینری و cloud native application ها رو که با استفاده از Docker ساخته شدن رو بر عهده داره. 😉بسیاری از سازمان‌ها و شرکت‌ها از هر دو سیستم یعنی Docker و Kubernetes به‌صورت همزمان استفاده می‌کنن. در نهایت Kubernetes تاریخچه‌ای ۱۵ ساله داره و به لطف این پشتوانه و جامعه بزرگ توسعه‌دهنده هایی که اونو بهینه می‌کنن، تونسته که به یکی از موفق‌ترین نمونه‌ها در دنیا متن‌باز تبدیل بشه و انتظار میره در آینده هم شاهد افزایش و پیشرفت این ساز و کار کارآمد باشیم برای یادگیری kubernetes میتونید به داکیومنتش مراجعه کنید.😎 Document 🌕 #kubernetes #containers #different #docker @CodeModule

این سایت کمک می‌کنه سریع تر کد بزنی! 💀 قطعا براتون پیش اومده که مجبور باشید یه سری استایل های پیور و به کلاس های tailwind ریفکتور کنید، اما حوصله و وقتشو ندارید. با استفاده از این سایت، خیلی راحت میتونید کدهای خام css و به کلاس های tailwind تبدیل کنید 😎 🔵tailwind converter #tools #tailwind @CodeModule

5 کد ادیتور آنلاین و کاربردی ⚡️ 🔴Replit.com 🔴Codepen.io 🔴Codesandbox.io 🔴Vscode.dev 🔴Stackbiltz.com #code_editor @CodeModule

Good Night 🌚✨ انسان به دنیا نیومده که قانع باشه تا میتونی به دست بیار و لذت ببر @CodeModule

🐱 با GitHub Actions بیشتر آشنا بشید 🔵در واقع GitHub Actions یک پلتفرم برای یکپارچه سازی / تحویل مداوم (CI/CD) هست که به شما اجازه میده تا pipeline ساخت، تست و استقرار و خودکار کنید. همچنین به شما این امکانو میده که کد دلخواه رو در یک مخزن مشخص در هنگام وقوع یک رویداد اجرا کنید. Action از بسته های کد در کانتینرهای Docker استفاده می کنه که روی سرورهای GitHub اجرا میشن. همچنین اونا با تمام زبان های برنامه نویسی سازگار هستن تا اطمینان حاصل بشه که اونارو روی ابرهای عمومی و همچنین سرورهای محلی اجرا کنید. این بخشی از یک سری راهنمای گسترده در مورد CI/CD هست. ✅مزایای GitHub Actions ◀️انعطاف پذیری ◀️طیف گسترده ای از قالب های ci ◀️تست کانتینرهای متعدد ◀️طرح های رایگان جذاب ◀️نصب ساده همچنین Github actions زمانی که CI تو پروژه باشه، به توسعه دهنده ها اجازه میده به صورت مستقل و با سرعت خودشون شروع به کار روی ویژگی های مختلف برنامه کنن بدون اینکه نیاز به هماهنگی داشته باشن. برای یادگیری این ابزار میتونید به داکیومنتش مراجعه کنید😎 Document 🌕 #github #github_action #ci #cd @CodeModule

اوضاع جوریه که باید از مهد کودک برنامه نویسی و شروع کنیم 😂😂😂 #fun @CodeModule

لیستی از بهترین ربات های هوش مصنوعی، که میتونید باهاشون تعامل داشته باشید 🔥 🔵@littleb_gptBOT 🔵@gpt3_unlim_chatbot 🔵@JWGPT3_bot 🔵@gpt4bot 🔵@GPT4Telegrambot 🔵@GPT4Tbot 🔵@BuddyGPTBot 🔵@chista_ai_bot #ai @CodeModule

Good Night 🌚✨ " سورس‌کد مثل لطیفه (جوک) می‌مونه؛ اگه مجبور به توضیحش شدید، بدونید که اصلاً خوب نوشته نشده. " @CodeModule

بررسی برخی فیچر های جدید جاوا اسکریپت (ES14) ✌️ اکما اسکریپت ۱۴ موجی از ویژگی‌های هیجان‌انگیز و در سال ۲۰۲۳ به نمایش گذاشت تا تجربه‌ی بهتری از برنامه نویسی با جاوا اسکریپت داشته باشید. تو این پست برخی از متد های جدیدی که به جاوااسکریپت اضافه شده رو بررسی میکنیم. 1⃣ متد findLast این متد در پروتوتایپ تمامی آرایه‌ ها قابل دسترسی هست (به عنوان مثال Array.prototype.findLast) و به طور مشابه به متد find عمل می‌کنه و برای یافتن یک عضو در آرایه استفاده میشه. با این تفاوت که جستجو رو از انتهای آرایه شروع می‌کنه.

const array1 = [5, 12, 50, 100, 44];const found = array1.findLast((element) => element > 45);
console.log(found);//Output: 100

2⃣متد toSorted این متد نیز مشابه متد sort هست. این دو متد برای مرتب‌سازی اعضای یک آرایه استفاده میشن، با این تفاوت که متد toSorted آرایه اصلی و تغییر نمیده و خروجی اون یک آرایه جدید از اعضای مرتب‌شده هست.

const sortedNumbers = numbers.toSorted((a, b) => a - b) 
console.log(sortedNumbers) // Output: [1, 2, 3, 4, 5] 
 
// common mistake using numbers 
const nums2 = [0, 15, 5, 10, 20] 
const sortedNums2 = nums2.toSorted() 
console.log(sortedNums2) // Output: [0, 10, 15, 20, 5]

3⃣ متد toReversed این متد نیز مشابه متد reverse عمل می‌کنه که برای معکوس کردن اعضای یک آرایه استفاده می‌شود، با این تفاوت که متد toReversed آرایهٔ اصلی و تغییر نمیده، بلکه خروجی اون یک آرایه جدید از اعضای معکوس شده هست.

const originalArray = [1, 2, 3, 4, 5];
// toReversed
const newArray = originalArray.toReversed();
console.log(originalArray); // Output: [1, 2, 3, 4, 5] the array is unmodified
console.log(newArray); // Output:[5, 4, 3, 2, 1]

4⃣ متد with این متد به ما اجازه میده که یک عضو از آرایه رو با یک مقدار دیگه جایگزین کنیم، بدون اینکه آرایه اصلی و تغییر بدیم. این متد دو ورودی می‌گیره: ورودی اول که شماره ایندکس مورد نظر برای جایگزینی هست، و ورودی دوم مقدار جدید مورد نظر هست.

const numbers = [1, 2, 9999, 4]; 
 const result = numbers.with(2, 3); 
 console.log(result); // [1, 2, 3, 4]

5⃣متد groupBy با استفاده از متد groupBy، می‌تونیم اعضای یک آرایه رو بر اساس یک ویژگی مشترک بین آن‌ها گروه‌بندی کنیم. نکته‌ای که درباره‌ی groupBy وجود داره اینه که بر خلاف متدهای بالا، این متد به صورت استاتیک در دسترس، و مستقیماً از شیء Object Global قابل دسترسی هست.

 const inventory = [ 
  { name: &quotasparagus&quot, type: &quotvegetables&quot, quantity: 5 }, 
  { name: &quotbananas&quot, type: &quotfruit&quot, quantity: 0 }, 
  { name: &quotgoat&quot, type: &quotmeat&quot, quantity: 23 },
]

function myCallback({ quantity }) { 
  return quantity > 5 ? &quotok&quot : &quotrestock&quot 
} 
 
const result2 = Object.groupBy(inventory, myCallback);

#javascript #es14 @CodeModule

در پست های قبل راجب اهمیت تست نویسی صحبت کردیم و امروز میخوایم یکی از محبوب‌ترین فریمورک‌ها برای این کار، یعنی Jest و بررسی کنیم😎 ✅فریمورک Jest چیه؟ در واقع Jest یک فریمورک تست نویسی جاوااسکریپتی هست که امروزه به طور گسترده‌ای مورد استفاده قرار میگیره. این فریمورک با همه فریمورک‌های مدرن جاوا اسکریپت مثل React، Angular، Vue،  Node و نظایر این‌ها سازگاری داره. این فریمورک در اصل توسط فیسبوک توسعه داده شده و برای جامعه برنامه نویسان جهت استفاده و توسعه متن باز شده است. ❓چرا Jest و انتخاب کنیم؟ وضعیت پرسش‌نامه سال ۲۰۱۸ جاوااسکریپت نشون میده که Jest محبوب‌ترین و پر استفاده‌ترین فریمورک تستینگ برای جاوااسکریپت بوده و حدود ۳۹٫۶% از توسعه دهنده ها از اون استفاده میکردن. و همچنین Facebook، Twitter، Airbnb، Instagram، Spotify و بسیاری از استارتاپ‌های بزرگ، همگی از این فریمورک برای تست محصولاتشون که با جاوااسکریپت نوشته شده، استفاده میکنن. ✅مزایای فریمورک Jest ◀️بدون پیکربندی ◀️استفاده ساده ◀️سرعت بالا ◀️اجرای موازی تست ها ◀️مستندات بسیار خوب اگه شما از تست نوشتن خوشتون نمیاد، Jest قطعا نظر شما رو عوض میکنه چون استفاده از این فریمورک فوق‌العاده آسون و راحته. برای یادگیری این فریمورک میتونید به داکیومنتش مراجعه کنید. Document 🌕 #testing #jest #framework @CodeModule

پسورد من توی چند سایت مختلف😂😂😂: #fun @CodeModule