قوانین Cohesion و Coupling، راهی برای نوشتن کدهای حرفه ای تر 💀

دو اصل Coupling (جفت) و Cohesion
(انسجام)، نقش مهمی در ایجاد سیستم های نرم افزاری قوی و قابل نگهداری دارند، که لازمه هر برنامه نویسی راجبشون بدونه !

یکی از مشکلاتی که برنامه نویس های کم‌تجربه با اون درگیرن، نوشتن کدهای تمیزه که قوانین زیادی براش وجود داره. یکی از اون قوانین Cohesion و Coupling می‌باشد.

انسجام یا Cohesion چیه ؟

به صورت خلاصه وقتی شما یک فرمانده باشین(coder) و همه سربازاتون(code) هدف خاصی داشته باشن، بادهم یکپارچه میشن و این میشه پیوستگی.
اما بیانش به طور رسمی، به میزان ارتباط و وابستگی عناصر درون یک ماژول، کلاس یا تابع به یکدیگر اشاره داره.

به صورت کلی انسجام دو نوع داره که هرکدوم تعریف خاص خودشون رو دارن:

1⃣انسجام بالا
یعنی همه عناصر درون یک ماژول، دستشون تو یک کاسه هست و باهم برای دستیابی به یک هدف مشترک کار میکنن، که این خودش مزیت هایی داره: کد خواناتر _قابل درک

2⃣انسجام کم
دقیقا برعکس انسجام بالا هست، یعنی هرچی عناصر داخل یک ماژول باهم نامرتبط باشند، انسجام کمتر میشه.

جفت یا Coupling چیه ؟ 🤔

به میزان وابستگی متقابل ماژول ها به هم کوپلینگ میگویند که مثل انسجام ها دو نوع داره:

1⃣ کوپلینگ کم
کوپلینگ کم یعنی ماژول ها به طور ضعیفی به هم متصل هستن، و میتونن اغلب بدون تاثیر بریکدیگر اصلاح بشن، که یکی از مزیت های آن قابل استفاده مجدد شدن کد ها هست.

2⃣کوپلینگ بالا
کوپلینگ بالا نشان دهنده وابستگی زیاد ماژول ها با یکدیگر هست، که اگر در یکی از کد ها باگ یا خطایی رخ بده کل سیستم متوقف میشه یا درست کار نمیکنه.

به طور کلی استفاده از Coupling و Cohesion، به خاطر خوانایی بهتر و درک کد و مزیت های دیگه، توصیه میشه و از طرفی برای استفاده ازشون دو نکته رو باید رعایت کنیم:

🔵گروه بندی کردن ماژول ها، کلاس ها و توابع با وظایف مرتبط

🔵استفاده از روابط انتزاعی برای پنهان کردن جزئیات پیاده سازی


درکل هدف نهایی نوشتن کدی هست که Coupling کم و Cohesion بالا داشته باشد. این نوع کد قابل‌ نگهداری‌ بیشتر، قابل‌ تست‌تر و دارای استحکام بیشتری هست.


#cohesion #coupling
@CodeModule

هنوز که هنوزه من فرار میکنم 😂😂


#fun
@CodeModule

🔵 با استفاده از این سایت، Box Shadow کاستوم خودت رو بساز !

سایت Css Matic یک ابزار آنلاینه که با استفاده ازش میتونید به صورت دستی، Box Shadow دلخواه خودتون رو تنظیم و بسازید و خروجی کد Css ای اون رو، مشاهده و کپی کنید ✈️

همچنین قابلیت های دیگه ای، مثل ساخت gradient و border radius رو هم داره.


🔵 Box Shadow Generator


#tools #css
@CodeModule

⌨️ تسلط بر Data Visualization با Matplotlib در پایتون

در واقع Matplotlib یک کتابخانه قدرتمند بصری‌سازی داده در پایتونه که به کاربران امکان ایجاد انواع گسترده‌ای از نمودارها، چارت ها و گراف هارو میده.

همچنین به دلیل انعطاف‌پذیری و آپشن های کاستومایز سازیش، این کتابخانه در جوامع علمی، تحلیل داده و تسک های یادگیری ماشین (machine learning) به طور گسترده استفاده میشه.

کتابخانه Matplotlib به کاربرا این امکان رو میده که بصری‌سازی‌های با کیفیت بالا مثل نمودارهای خطی، نمودارهای پراکندگی، نمودارهای میله‌ای، هیستوگرام، نمودارهای دایره‌ای و ... ایجاد کنن.

این کتابخانه یک اینترفیس (رابط) ساده برای تولید شکل‌های با کیفیت چاپی فراهم میکنه که اونو به یک ابزار موثر و ضروری برای بررسی و ارائه داده‌ها، تبدیل می‌کنه.

✅مزایای کتابخانه Matplotlib چیه:

🟢پشتیبانی گستره از انواع چارت ها و نمودار ها

🟢قابلیت ادغام با کتابخانه های خفن دیگه ی پایتون مثل Pandas , Numpy

🟢کامیونیتی بزرگ

🟢وجود دسته های بزرگ از نمودار و چارت در گالری Matplotlib که برای راهنمایی کاربرا ایجاد شده

❌معایب کتابخانه Matplotlib چیه :

🔴این کتابخانه دارای منحنی یادگیری تند (steep Learning Curve) هست یعنی برای پیاده سازی نمودار های پیچیده تر باید تسلط عمیقی پیدا کرد.

🔴استایل‌های پیش‌فرض نمودارهای Matplotlib بدون کاستومایز، ظاهر خوبی ندارن.

🔴نمودار های پیچیده ساخته شده توسط Matplotlib ممکنه به اندازه باقی کتابخونه ها بهینه نباشه.


به طور کلی، Matplotlib یک ابزار چندکاربری و قدرتمند برای بصری‌سازی داده در پایتونه که گزینه‌های گسترده‌ای برای ایجاد نمودارهای اطلاعاتی و جذاب بصری فراهم میکنه🔥


#python #library #matplotlib
@CodeModule

🐱 سطح گیتهابت رو با این ابزار بسنج !

گیتهاب برای برنامه نویس مثل شناسنامه میمونه، پس چه بهتر که ما شناسنامه خودمون رو ارزیابی کنیم!

گیت رول یک ابزار خفنه که گیت هابمون رو اسکن میکنه و طبق کد هایی که زدیم و پروفایلمون، اطلاعات منحصر به فردی ارائه میده.

اما این اطلاعات منحصر به فرد شامل چه چیزایی میشه ؟

1⃣زبان هایی که باهاشون کد زدیم.

2⃣تکنولوژی هایی که در حوزه های مختلف استفاده کردیم.

3⃣به پروفایلمون از 1 تا 10 نمره میده (هرچقدر به 10 نزدیک تر باشه بهتره)

4⃣یک نتیجه گیری کلی، در حد یک یا چند خط دربارمون میگه.

5⃣نکاتی راجب کد هایی که نوشتیم، مثل قابلیت نگهداری و قابل اطمینان بودن کد، بهمون ارائه میده.


نحوه استفاده از این ابزار به چه صورته؟ 🔥

ابتدا وارد سایت gitroll.io میشیم و سپس روی Scan Github Now کلیک میکنیم. بعد کلیک دو گزینه به ما نمایش داده میشه که روی Myself کلیک و با اکانت گیت هابمون لاگین میکنیم و تمام، شروع به اسکن میکنه. یک گزینه دیگه هم برای قابلیت اسکن پروفایل های دیگران داره.

‼️برای اسکن کردن باید vpn فعال‌ باشه


در نهایت جدا از اینکه ابزار خوبیه و باعث میشه بفهمی با خودت چند چندی، احتمال محاسبه اشتباه هم داره و نباید زیاد به آمار و ارقامش اعتماد کنید.

🔵 gitroll.io

#github #gitroll
@CodeModule

Good Night 🌑✨

همیشه مراقب اشتباه دوم باش، اشتباه اول
حقت بوده.

@CodeModule

🤟 سوالات مصاحبه ای Node.js

🟢در این پست، چند منبع برای سوالات مصاحبه ای Node.js به همراه پاسخ بهتون معرفی میکنم، که هم برای تقویت دانش و هم افزایش درصد موفقیت در مصاحبه ها، فوق العاده مفید و کاربردیه.

🐱 https://gist.github.com/paulfranco

🐱 https://github.com/Devinterview-io

🐱 https://github.com/Mohamed-Hashem


#nodejs #interview
@CodeModule

تفاوت بحث ها در Stack Overflow و Github 😂😂

#fun
@CodeModule

طرح‌های فیگما واسه توسعه و کدنویسی (پارت اول)🎨

🔵طرح فیگما سایت املاکی (دارای تعداد صفحات بالا + رسپانسیو)

🔵طرح فیگما سایت پوشاکی (دارای تعداد صفحات بالا + رسپانسیو)

🔵طرح فیگما سایت آشپزی

🔵طرح فیگما سایت شخصی

🔵طرح فیگما سایت موسیقی (سلیقه ادمین)


#figma
@CodeModule

بافر چیه و چه کاربردی در Node.js داره؟🚀

تا الان حتما اسم بافر رو شنیدید و شاید در مرحله اول، کمی براتون گُنگ به نظر رسیده باشه. تو این پست به بررسی تخصصی بافر میپردازیم، پس با ما همراه باشید.

قبل از بررسی بافر، باید راجب بایت و بیت اطلاعاتی داشته باشیم.

بیت: ابتدایی ترین سطح داده ها که به صورت 0 و 1 نمایش داده میشن.

بایت: مجموعه‌‌ی هشت بیت متوالی بایت نامیده میشود، که ظاهرشون به‌طور مثال 01010101 میباشد.

اما بافر‌ها چی هستن؟ 🤔

بافرها نظارت‌ کننده‌های موقت بر داده‌ها هستند. آن‌ها داده‌ها رو نگه‌داری و دسترسی بهشون رو فراهم می‌کنن، بدون اینکه به داده‌ها آسیبی وارد شود ( شبیه یک نگهبان)

یکی از مزیت های قابل توجه بافر‌ها، اینه که هرگونه اختلاف جریان داده ها رو متعادل میکنه و باعث میشه فرایند های کند مانع فرایند های سریع تر نشود.

نحوه استفاده از بافرها در Node.js 🤟

در Node.js، از بافرها زمانی استفاده می‌کنیم که نیاز به کار با فایل‌های باینری، جریان‌های TCP و دسترسی سریع و مستقیم به داده‌های بایتی داشته باشیم. همچنین برای کار با رشته‌های باینری یا داده‌های باینری هم، از بافرها در Node.js استفاده می‌شود.

برای درک بهتر موضوع‌، میتونیم به سناریو زیر اشاره کنیم⬇️

زمانی که میخوایم یک فیلم یا ویدیو رو از سرویس های آنلاین مثل یوتیوب مشاهده کنیم، حتما براتون سوال شده که چه جوری بدون اینکه کل فیلم دانلود بشه، میتونیم شروع به دیدن ویدیو کنیم. این وظیفه بافر‌ها هست و به طور کلی به این صورته:

ابتدا داده های درحال دانلود در یک بافر ذخیره میشن و این بافر، مثل یک وسیله نگه دارنده عمل میکنه که به نوعی شبیه به یک اتاقه، و زمانی که داده ها به قدر کافی در بافر ذخیره شده باشه، ویدیو شروع به پخش میشه و در حین تماشا داده های بیشتری به بافر اضافه می‌شود. این فرایند امکان پخش محتوا رو بدون نیاز به انتظار برای دانلود کامل، محیا میکنه.

در نهایت می‌تونیم نتیجه بگیریم که بافرها در Node.js، نقش مهمی در کنترل و مدیریت داده‌های باینری و بایتی دارن، و برای انجام عملیات مرتبط مانند آپلود فایل، خواندن داده‌ها و کلی کاربرد دیگه، قابل استفاده هستند.


#buffer #nodejs
@CodeModule

Good Night 🌑✨

اگه میخوای پرواز کنی؛ باید همه بار های سنگینی که تو رو به سمت پایین میکشن؛ رها کنی.


@CodeModule

🎨 با مجموعه Shadcn بیشتر آشنا بشید !

در واقع Shadcn یک مجموعه ابزار برای ساخت رابط‌های کاربری (UI) هست که پرقدرت و نسبتا نوظهوره، و با ارائه کامپوننت‌ها و ابزارهای مدرن، دولوپرا و توسعه‌دهنده هارو با تجربه‌ای بی‌نظیر آشنا می‌کنه. این کتابخانه در واقع مجموعه ای از کامپوننت های reusable هست که با Radix و Tailwind ساخته شده.

این ابزار با تمرکز بر سادگی و انعطاف پذیری، کامپوننت های گسترده‌ای برای طراحی وبسایت‌ها و پروژه ها ارائه میده.

✅ مزایای استفاده از Shadcn چیه :

✅ طراحی زیبا و حرفه‌ای کامپوننت ها

✅ قابلیت کاستوم سازی کامپوننت ها

✅ سریع و بهینه

✅ یادگیری و استفاده آسان


✅ مزایای Shadcn در برابر رقبا چیه ؟

مزایای Shadcn نسبت به سایر رقبا از جمله Bootstrap و Materialize، سبکی، سرعت، انعطاف پذیری و ... هست. همچنین، بهبود پایداری و امنیتی و ایجاد قابلیت‌های مدرن، این ابزار رو از سایرین رقباش متمایز میکنه.

🔵 یکی دیگه از ویژگی بسیار جذاب این کتابخانه، اینه که شما میتونین کامپوننت ها رو به صورت جداگانه و به راحتی نصب کنید.

در کل Shadcn UI ابزار یا کتابخانه ای هست که دولوپرا رو در ساخت رابط‌های کاربری زیبا، کارآمد و یکپارچه یاری می‌کنه. با استفاده از Shadcn می‌تونیم فرآیند توسعه رو سریع تر، کیفیت و یکنواختی UI رو افزایش و تجربه کاربری بهتری ارائه بدیم.

برای یادگیری و اطلاعات بیشتر راجب این کتابخانه، میتونید به داکیومنتش مراجعه کنید 🏖️

Document 🌕

#ui #shadcn
@CodeModule

همه چیز راجب Container ها ⚡️

امروزه در دنیای نرم افزار، Container ها نقش مهمی پیدا کردن و داخل تکنولوژی های بزرگی مثل Docker و kubernetes که دربارشون مفصل صحبت کردیم، استفاده میشن.

🗂 اما کانتینرها دقیقا چی هستند؟

در واقع Containerization یک روش استقرار نرم افزاره که کد برنامه رو با تمام وابستگی های اون (کتابخانه ها و فایل های کانفیگ) مورد نیاز برای اجرا، در یک واحد مستقل به اسم Container بسته بندی میکنه. پس کانتینرها محل نگهداری دپندنسی‌ها و کانفیگیوریشن فایل‌ها هستن.

🤔 کانتینرها چجوری کار می‌کنن؟

1️⃣مرحله اول : ساخت تصویر

ما به عنوان یک دولوپر کد هارو می‌نویسیم و تمام وابستگی های مورد نیاز رو مشخص میکنیم. با استفاده از ابزار هایی مثل Docker یک تصویر درست میکنیم که این تصویر شامل تمام چیز هایی هست که برای اجرای برنامه در هر محیطی نیازه، که از استاندارد (OCI)  Open Container Initiative پیروی می‌کنه.

💙 این تصویر از چند لایه تشکیل میشه:

◀️لایه پایه : معمولا شامل یک سیستم عامل مینیمال مثل لینوکس هست.

◀️لایه های وابستگی :  این لایه حاوی کتابخونه های از پیش نصب شده و اجزای مورد نیاز برنامه هست.

◀️لایه برنامه : حاوی کد های برنامه و هر فایل پیکربندی اضافه مخصوص برنامه هست.


2️⃣مرحله دوم : اجرای کانتینر

زمانی که یک تصویر رو با استفاده از موتور Docker اجرا می‌کنید، یک کانتینر در حال اجرا از اون تصویر ایجاد میشه.
موتور Docker از هسته سیستم عامل میزبان برای عملکردهای اصلی استفاده میکنه، اما فرایندها و منابع کانتینر رو ایزوله می‌کنه.
این امر باعث میشه یک محیط اجرای سبک و کارآمد برای اجرای برنامه فراهم میشه.

⚠️ نکات مهمی که بهتره بدونید:

🔵 هر کانتینر در یک فضای کاربری جداگانه اجرا میشه که از تداخل بین برنامه‌ها یا وابستگی‌ها جلوگیری میکنه.

🔵 برای مدیریت تعداد زیادی از کانتینرها، از پلتفرم‌های ارکستراسیون کانتینری مثل Kubernetes استفاده میشه.

🔵 بسیاری از پلتفرم‌های کانتینری مثل Docker، از رویکرد "امن به صورت پیش‌فرض" پشتیبانی می‌کنن، به این معنا که ویژگی‌های امنیتی به طور پیش‌فرض فعال هستن و خطر پیکربندی نادرست رو کاهش میدن.

اما یکسری نقاط ضعف هم وجود داره :

🔢 برخی از منابع هسته سیستم عامل اصلی یا فریمورک های مشترک ممکن توسط چند کانتینر قابل دسترسی باشن، این میتونه آسیب پذیری احتمالی در صورت عدم مدیریت رو ایجاد کنه.

🔢 یک نقض امنیتی در سیستم عامل میزبان میتونه همه کانتینر های درحال اجرا رو به خطر بندازه.

به صورت کلی اگر به دنبال افزایش کارایی، مقیاس پذیری و امنیت در پروژه ها هستید، بهتره از داکر و کانتینرها استفاده کنید🔥


#docker #containerization #container #kubernetes
@CodeModule

🔵 با تابع calc در Css بیشتر آشنا بشید!

تابع ()calc برای انجام عملیات ریاضی ساده و پیشرفته، روی ابعاد و ویژگی‌های یک واحد طراحی وب استفاده میشه. این تابع به طراحان وب امکان میده تا مقادیر پیکسلی، درصدی و دیگر واحدهای مورد استفاده در CSS رو با بقیه ترکیب کنن و به شکل دقیق‌تر کنترل کنن.

این تابع بخصوص برای انجام عملیات ریاضی بر روی مقادیر نسبی (مثل em, rem, vw, %) بسیار کاربردی و مفیده. در مثال زیر عرض یک عنصر نسبت به عرض عنصر نگهدارنده اون (والدش) محاسبه شده :

.element { 
  margin-right: calc(10% + 5px); 
} 

⚠️ توجه داشته باشید که باید بین علامت ریاضی، جمع و تفریق و مقادیر، یک فاصله وجود داشته باشه، در غیر این صورت استایل درست محاسبه نمیشه و با مشکل رو به رو میشیم.

اما برای ضرب و تقسیم اگر فاصله وجود نداشته باشه، مشکلی به وجود نمیاد و محاسبه به درستی انجام میشه.

  margin-right: calc(10% -5px); /* خطا */ 
  margin-right: calc(10% +5px); /* خطا */ 
  margin-right: calc(10%/5px);  /* صحیح */ 
  margin-right: calc(10%*5px);  /* صحیح */

با استفاده از این تابع، میتونید دقیق تر و حساب شده تر مقادیر پراپرتی هاتون رو حساب کنید. نمونه مثال بیشتر و سایر اطلاعات رو میتونید تو مقاله زیر مطالعه کنید 🏖️

🔵Article

#css #calc
@CodeModule

متغیر محیطی چیه و کاربردش در Node.js 🤟

متغیرهای محیطی (Environment Variables) مقادیر پویایی با نام‌های مشخص هستن، که در خارج از برنامه تنظیم میشن و به طور کلی برای پیکربندی برنامه در محیط‌های مختلف (مانند توسعه، تولید و تست) یا ذخیره اطلاعات حساس که نباید به صورت پابلیک در کد ذخیره بشن، استفاده میشه.

نحوه تنظیم متغیرهای محیطی ⬇️

روش‌های مختلفی برای تنظیم متغیرهای محیطی در Node.js وجود داره.

🔵 تنظیم از طریق ترمینال :

export NODE_ENV=production
node app.js

🔵 تنظیم در فایل.env:

ابتدا یک فایل .env در پروژه می‌سازیم و متغیرهای محیطی رو به صورت KEY=VALUE تعریف میکنیم:

NODE_ENV=production
DB_HOST=localhost
DB_PASSWORD=secret123

و بعد میتونیم با استفاده از پکیجی مثل dotenv این فایل رو در برنامه خودمون بارگیری کنیم:

const dotenv = require('dotenv');

dotenv.config();

console.log(process.env.NODE_ENV); // Output: production

دسترسی به متغیرهای محیطی در Node.js

در nodejs ما با استفاده از process.env که به صورت سراسری یا گلوبال در دسترس هست، میتونیم به متغیر های محیطی دسترسی داشته باشیم، و برای نام گذاری متغیر های محیطی باید نام متغیرها رو با حروف بزرگ و با underscore جدا کنیم. ( چون این یک قانون و استاندارده)

const hostname = process.env.DB_HOST;
console.log(hostname); // Output: localhost 

🔵 از متغير های محیطی برای تنظیم مقادیر مختلف مانند آدرس سرور دیتابیس، پورت برنامه، و اطلاعات حساس مثل رمز عبور دیتابیس و غیره استفاده میشه. در حالت معمولی، نباید این اطلاعات رو در کد ها ذخیره کنیم.

🔵 برای راحتی و دسترسی مطمئن تر به متغیر های محیطی، میتونیم از پکیج dotenv استفاده کنیم.


به صورت کلی با استفاده از متغیر های محیطی، میتونیم کد های nodejs خودمون رو تمیز تر و امن تر نگه داریم.


#env #environment_variables
@CodeModule

🪴دائم برای نوشتن کامندای تکراری لینوکسی، وقت تلف میکنی ؟

توی این پست با هم یک راهکار یاد میگیریم که توی سیستم عامل لینوکس، به جای اینکه هی یک دستور تکراری و طولانی رو بارها و بارها بنویسیم و وقتمون رو تلف کنیم، براش یک alias بنویسیم تا با کامند کوتاه و دلخواهمون اون دستور رو اجرا کنیم 🥹

داخل سیستم عامل های لینوکسی یک فایل وجود داره به اسم bashrc، که داخل این فایل ما میتونیم یسری کانفیگ برای shell بنویسیم، مثل فانکشن های کاستوم شده و یا alias ها و ... که بتونیم، اونارو داخل shell اجرا کنیم.

🔵برای تعریف دستور های دلخواهمون با استفاده از alias در فایل bashrc، ابتدا کافیه با ادیتوری که روی سیستم عاملتون دارید فایل رو باز کنید (من با nano این کارو انجام میدم) :

# syntax :
# nano <.bashrc dir>

nano ~/.bachrc

🔵مرحله بعد در فایل باز شده کمی که به سمت پایین اسکرول کنید، چند تا alias دیفالت کامنت شده که میتونید، پایینشون alias خودتون رو تعریف کنید.

برای تعریف alias باید از خود کلمه کلیدی alias استفاده کنید و اسم شناسه دلخواهتون رو بنویسید، و برای مقدار هم کامند مورد نظر رو قرار بدید، طبق سینتکس زیر (برای مثال من کامند shutdown رو تست میکنم) :

# alias syntax : 
# alias <keyword>='<command>'

alias shut='sudo shutdown -P now'

بعد از اینکه alias هاتون رو تعریف کردید، فایل رو سیو میکنید و خارج میشید. حالا اگه دستورتون رو در shell وارد کنید کامند رو پیدا نمیکنه، چون برای اینکه بتونید shell configuration government رو آپدیت کنید تا alias ها یا سایر کانفیگ ها قابل استفاده بشن، باید دستور زیر رو وارد کنید:

# syntax : 
# source <.bashrc dir>

source ~/.bashrc

🔵الان دیگه با زدن کامند shut در shell، خودش دستور sudo shutdown -P now رو برامون اجرا می‌کنه و دیگه نیازی نیست هر دفعه تایپش کنیم و وقتمون گرفته بشه. شما هم میتونید کامند های پرکاربرد لینوکسی تون رو با این روش، کوتاه تر و سریع تر بنویسید 🧑‍🎓


#linux #shell
@CodeModule

Good Night 🌚✨

كسى كه از اشتباهاتش درس نميگيره، مجبوره دوباره اونها رو زندگى كنه.


@CodeModule