‼️ احتمالا اسم backdoor توی دنیای امنیت سایبری به گوشتون خورده، اما دقیقا چیه و چرا هکرا ازش استفاده میکنن ؟


در دنیای امنیت سایبری، بکدور به روشی گفته میشه که توسط اون کاربرای مجاز و غیرمجاز قادر به دستیابی به اقدامات امنیتی عادی و دستیابی به سطح کاربر بالا (دسترسی به ریشه) در سیستم کامپیوتری، شبکه یا برنامه نرم افزاری باشن. پس از ورود، مجرمان سایبری می تونن از یک در پشتی برای سرقت اطلاعات شخصی و مالی، نصب بدافزارهای اضافی و … استفاده کنن.

شما می تونین بکدور رو تو قسمت های مختلفی مثل موارد زیر بزارید:

◀️فایل های درون سرور
◀️دیتابیس سایت
◀️سرویس های سرور
◀️ایجاد سرویس جدید برای اتصال

برخلاف سایر اختلال های سایبری که خوشونو به کاربر می شناسونن، backdoor به سختی شناخته میشن و معمولا به راحتی از بین نمیره.

بکدور ها میتونن از چند طریق مختلف اتفاق بیفتن. در صورت بروز بدافزار یا در حین تولید سخت افزار یا نرم افزار، این backdoor به وجود میاد.

بدافزارهای حاوی Backdoor معمولاً به عنوان Trojan طبقه بندی میشن. (تروجان یک برنامه کامپیوتری مخربه که به منظور تحویل نرم افزارهای مخرب، سرقت داده ها یا باز کردن یک درب پشتی به صورت مخفیانه در سیستم شما عمل میکنه)


💜 هکرها با Backdoor چه کاری می تونن انجام بدن؟

هکرها می تونن از یک Backdoor برای نصب همه نوع بدافزارها روی کامپیوتر شما استفاده کنن و ضرر های سنگینی به شما بزنن.

⚡️ چجوری در برابر backdoor ها امن بمونیم ؟

برای امنیت در برابر بکدور ها می تونین از اسکنر های بکدور استفاده کنین و یا در صورت دسترسی، از آنتی ویروس ها و آنتی شلر ها استفاده کنین تا درصد اتفاق افتادنش رو کاهش بدید.


#security #hacking
@CodeModule

Good Night 🌚✨

"خاطره ها تو رو به عقب برميگردونن اما رويا ها تو رو به جلو ميبرن."

@CodeModule

چجوری یک قرارداد کاری درست درمون با کارفرما بنویسیم ؟ 🔵

یکی از بزرگترین دغدغه‌های برنامه نویسا و فریلنسرا اینه که چجوری باید با شرکت‌ها و اشخاص متفاوت قرارداد برنامه نویسی بنویسیم، چراکه نگارش یک قرارداد برنامه نویسی درست که الزمات و وظایف طرفین قرارداد رو به درستی شرح داده باشه مهمه!

چرا باید قرارداد برنامه نویسی بنویسیم؟

این سوال یکی از رایج‌ترین مسائلیه که در میون اغلب فریلنسر‌ها پیش میاد و گفته میشه که آقا ما نمی‌تونیم بدون داشتن یک قرارداد برنامه نویسی، پروژه ای رو انجام بدیم؟

جواب به این سوال اینه که افراد زیادی بر مبنا اعتمادی که به طرف مقابل داشتن به همین صورت وارد پروژه شدن و بعد از مدتی به چالش هایی برخوردن، که پایین تر به چند تاشون اشاره می‌کنیم:

⏳فسخ یک طرفه قرارداد از جانب کارفرما یا مجری

⏳دریافت وجه از جانب مجری و پیش نبردن پروژه

⏳تعویق در پرداخت از جانب کارفرما

⏳تعویق پروژه از جانب مجری

⏳اختلافاتی در فرایند پروژه که منجر به دلخوری خواهد شد

⏳زیر بار نرفتن یکی از طرفین برای انجام وظایفی که قبلا با هم درباره اون صحبت شده بود

بنابراین اتفاقی که میوفته اینه که بسیاری از افراد به دلیل اینکه اعتقادی به قراردادنویسی ندارن بعد از مدتی به چالش‌ها و دلخوری هایی حل نشدنی برمیخورن که منجر می‌شه هر کدوم از طرفین پروژه از ادامه مسیر دلسرد بشن یا کلا اعتماد به همو از دست بدن.

✅ ویژگی یک قرارداد برنامه نویسی خوب چیه؟

بالاتر در رابطه با الزام قراردادنویسی صحبت کردیم و گفتیم نداشتن یک قرارداد خوب چقدر می‌تونه اثر منفی بر روی فرایند پروژه شما بزاره، حال در اینجا به این مسئله می‌پردازیم که ویژگی یک قرارداد برنامه نویسی خوب چیه؟

◀️شرح کامل وظایف

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

◀️قراردادن عنوان حل اختلاف

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

◀️حفظ محرمانگی قرارداد

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

◀️همکاری کارفرما با مجری

تو بسیاری از موارد دیده شده که کارفرما برای پیش برد کار خودش حاضر نیست زمانیو اختصاص بده و با مجری همکاری کنه و همین مسئله باعث بروز اختلافاتی میشه و دست آخر پروژه برنامه نویسی سر موقع تحویل داده نمیشه.

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

#freelancer #contract
@CodeModule

این ESLint چیه و چه کاربردی داره؟ 🤔


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

استفاده از lint باعث میشه که در نهایت کدی تمیز و روی اصول داشته باشیم.
مثلا می‌تونیم برای اون تعریف کنیم که در صورت ایجاد یک switch case در پروژه، حتما باید بخش default هم داشته باشه 😎

این ابزار میتونه در تمام زبان ها و فریمورک هایی که از JavaScript استفاده می کنن، استفاده بشه.
برخی از نمونه هایی از زبان ها و فریمورک هایی که معمولاً از ESLint استفاده می کنن عبارتند از: React، Vue.js، Angular،Next.js، Node.js و Express.js.

اما این لیست قابل توسعه هست و میشه با استفاده از پلاگین ها و تنظیمات مناسب، ESLint و برای هر برنامه JavaScript که با زبانی مشابه استفاده می کنن استفاده کرد.

در نهایت استفاده از EsLint این امکان و به ما میده که تو پروژه یه ناظر داشته باشیم. پس دیگه نیاز نیست مدام نگران این باشیم که نکنه جایی چیزی از دستمون در رفته و باگی وجود داشته باشه که ما ازش بی‌خبریم.


Document 🌐

#eslint #frontend #backend
@CodeModule

Good night 🌚✨

″هیچ حقوق و دستمزدی ارزش اینو نداره که به خاطرش سلامت روح و روانت و از دست بدی″


@CodeModule

چرا باید از Github Copilot استفاده کنیم؟‼️

اول از همه باید بگم که GitHub Copilot یک نوع هوش مصنوعی هست که می‌تونه به دولوپرا در توسعه برنامه‌های مختلف کمک کنه. در ادامه به معرفی کامل GitHub copilot می پردازیم و ویژگی هاشو بررسی می‌کنیم.

هوش مصنوعی copilet که توسط GitHub و OpenAI توسعه یافته، به طور خاص روی کمیل کد تمرکز می‌کنه و پیشنهاداتی و برای خطوط کد یا کل توابع به طور مستقیم در محیط‌های توسعه یکپارچه (IDE) ارائه میده.


اما GitHub Copilot چه مزایایی داره؟ 🧐

1️⃣ تولید سریع کد

کوپایلت دولوپرا و از نوشتن کدهای تکراری و پیچیده خلاص می‌کنه. با ارائه پیشنهادهای کدی، دولوپرا می‌تونن به سرعت کدهای خودشون و بنویسن و به تکمیل پروژه‌های خودشون سرعت ببخشن.

2️⃣ پشتیبانی از زبان‌های متعدد

هوش مصنوعی Copilot از زبان‌های متعددی از جمله Python، JavaScript، Ruby، C++ و… پشتیبانی می‌کنه. این به دولوپرا امکان انتخاب زبان مورد نظر برای پروژه‌هاشون و میده.

3️⃣ کاهش خطا

هوش مصنوعی Copilot به دولوپرا کمک می‌کنه تا خطاها و اشکالات رایج کدشون و کاهش بدن. این به افزایش کیفیت کدها و کاهش زمان صرف شده برای دیباگ کمک می‌کنه.

4️⃣ آموزش و یادگیری

کوپایلت به دولوپرا در یادگیری زبان‌ها و فریم‌ورک‌های جدید کمک میکنه. این ابزار توضیحات مربوط به کد و ارائه میده و به دولوپرا در درک عمیق‌تر کدها کمک می‌کند.


به طور کلی، GitHub Copilot ابزار کاربردی و مهمی برای کمک به دولوپرا در نوشتن کد هست.
کوپایلت و میتونید با ورود به این سایت و استفاده از نسخه trial تست کنید و اگر این تکنولوژی خوشتون اومد، اشتراک اونو در ازای ماهانه 10 دلار و یا سالانه 100 دلار تهیه کنید⚡️


#ai #copilot
@CodeModule

وضعیت کدهای برنامه نویسا 😂:

#fun
@CodeModule

انواع Pseudo class ها در css3 🔵

شبه کلاس ها یا به انگلیسی Pseudo Class، در واقع نوع دیگه ای از انتخابگرها هستن که برای تعریف حالت خاصی از یک تگ، مورد استفاده قرار میگیرن.

توی این پست چند تا از سودو کلاس های پر کاربرد و خفن رو برسی میکنیم.

1️⃣شبه کلاس invalid:

با استفاده از شبه کلاس invalid تو CSS میتونین برای عناصری که دارای مقدار نامعتبر (invalid) هستند، استایل دلخواه تعریف کنین.

input[type="email"]:invalid {
 border: 2px solid black;
 background-color:red;
 color:#fff;
}

2️⃣شبه کلاس first-child:

شبه کلاس first-child به شما این اجازه رو میده تا اولین فرزند هر پرنت رو بهش استایل بدید.

body p: first-child {
/*Write css codes*/
}

3️⃣شبه کلاس last-child:

برای مثال استفاده در تگ P ( یعنی تمامی تگ های P که آخرین فرزند از تگ والد ( پدرشون ) هستن رو انتخاب میکنه )

body p:last-child {
background-color:#1d7ce7;
color:#fff;
padding:5px;
}

4️⃣شبه کلاس nth-child:

می‌تونین به عنوان پارامتر، شماره اون فرزند رو وارد کنید و یا میتونین با استفاده از کلمات کلیدی ( odd یعنی فرد و even یعنی زوج ) معمولا و بیشتر در جدول ها استفاده میشه. ( مثلا گفتیم سطرهای فرد فلان رنگ زمینه و سطرهای زوج بهمان رنگ )

li:nth-child(3) {
 background-color:#e30730;
}

/* For odd tr */
table tr:nth-child(odd){
background-color:#f2f2f2;
}
 
/* For even tr */
table tr:nth-child(even){
background-color:#8AC007;
color:#fff;
}

5️⃣شبه کلاس not:

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

p:not(.free) {
background-color:green;
color:white;
text-align:center;
}

6️⃣شبه کلاس disable:

با استفاده از شبه کلاس disabled میتونین برای تگ هایی که غیرفعال هستن ( اگه از صفت disabled درون یک تگ استفاده کنیم اون تگ غیرفعال میشه ) ، استایل دلخواه تعریف کنید.

button:disabled {
background-color:red;
color: white;
}

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

#css #styling
@CodeModule

به VsCode گربه اضافه کن :)) ⌨️

یکی از سرگرم کننده ترین اکستنشن ها یا افزونه های VsCode، قطعا Vscode-pets هست. با استفاده از این اکستنشن میتونید یه حیوان خانگی به VsCode اضافه، و با اون تعامل داشته باشید 🐾

برای نصب این افزونه به بخش Extensions برید و عبارت vscode-pets و سرچ کنید. بعد از نصب، برای فعال سازی این اکستنشن کلید های ترکیبی cmd(ctrl) + shift + p و فشار بدید و عبارت Start pet coding session و تایپ، و سپس رو پیشنهاد VsCode کلیک کنید.

اطلاعات بیشتر و نحوه تغییر حیوان و میتونید تو داکیومنت این اکستنشن مطالعه کنید.


#vscode #extensions
@CodeModule

Good Night 🌚✨

اگر تو بخش تاریکی از زندگی به سر میبری، امیدتو از دست نده چون
خورشید تو تاریکی طلوع می‌کنه.

@CodeModule

فریلنسری و درآمد دلاری 🛍

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

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


1⃣آپ‌ورک (Upwork)

نوع خدمات فریلنسری: مدیریت برند، برنامه نویسی، طراحی سایت
🔹مزایا: پرداخت مطمئن، مشتریان معتبر، پروژه‌های مبتنی بر بودجه
🔸معایب: فرآیند طولانی انتخاب، هزینه بالای خدمات


2⃣ تاپ‌تال (Toptal)

نوع فریلنسری: توسعه‌ نرم افزار، مشاوره‌ مالی، مدیریت موقت
🔹مزایا: وجود شرکت‌ها و استعدادهای درجه یک، صورت حساب و پرداخت رایگان
🔸معایب: فرآیند غربالگری گسترده، کار تنها بر روی پروژه‌های بزرگ


3⃣ فریلنسر (Freelancer)

نوع فریلنسری: ترجمه محتوا، توسعه وب
🔹مزایا: ردیاب پیشرفته، چت زنده، پشتیبانی ۲۴ ساعته در ۷ روز هفته برای مشتریان
🔸معایب: رابط پیچیده، تقاضا کننده‌های اسپم و مشتریان تقلبی


4⃣ گورو (Guru)

نوع فریلنسری: بازاریابی، برنامه نویسی، مدیریت
🔹مزایا: پرداخت امن، لیست مشاغل سفارشی، عضویت رایگان
🔸معایب: امکان وجود مشتریان تقلبی


5⃣ پیپل‌پرآور (Peopleperhour)

نوع فریلنسری: برنامه نویسی، روزنامه نگاری، برند سازی
🔹مزایا: صورت حساب خودکار، لیست کردن با توجه به محل، پرداخت امن
🔸معایب: پیشنهادات رایگان، محدود به ۱۵ عدد در ماه است


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


#freelancer
@CodeModule

به نظرتون قبولم میکنن؟😂😂😂😂


#fun
@CodeModule

🔵از این به بعد pdf هاتو به هر زبانی که دوست داری ترجمه کن

✅این سایت کاملا رایگانه و با محیط کاربری ساده و بدون ثبت نام، هر تعداد pdf که نیاز داشتید و ترجمه میکنه.

✅تنها محدودیتی که داره اینه، هر بار 20 صفحه فقط می‌تونه ترجمه کنه و اگر فایل طولانی دارید باید پارت بندی کنید.

➡️Website◀️

#tool #translate
@CodeModule

❓فلوچارت چیه و چه کاربردی داره؟

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

‼️نمادهای مهم در رسم فلوچارت چیه؟

🔢 ترمیناتور (Terminator): شروع و پایان فرایندو مشخص میکنه و به شکل بیضی نشون داده می‌شه. هر فلوچارت یک ترمیناتور برای شروع و یکی برای پایان داره.

🔢 فرایند (Process): به شکل مستطیل که برای نمایش دستورات معمولی مثل دستورات محاسباتی و انتسابی استفاده میشه.

🔢 تصمیم (Decision): تصمیم‌گیری برای برقراری شرط هست که با لوزی نشون داده میشه. این مرحله دو خروجی متفاوت وابسته به پاسخ شرط داره.

🔢 ورودی (Data):ورودی‌ها به شکل متوازی الاضلاع نشون داده می‌شن.

🔢 سند (Document): برای نمایش خروجی و گزارش نهایی از چهارضلعی منحنی استفاده می‌شه.

🔢 ارجاع به درون برنامه (On-Page Reference): به شکل دایره که حرفی درون اون قرار گرفته نمایش داده می‌شه و به معنی پایان این مرحله در این فلوچارت و لزوم ادامه اون تو فلوچارت دیگه ای هست.

🔢 تاخیر یا انتظار (Delay or wait): به شکل یک نیمه بیضی که به معنی انتظار و وقفه در انجام فراینده.


🔵 مزایای فلوچارت برنامه‌نویسی:

✅فلوچارت‌ها روش بهتری برای برقراری ارتباط منطقی سیستم هستن.

✅فلوچارت‌ها به‌عنوان یک راهنمای برای طرح اولیه در طول طراحی برنامه عمل می‌کنن.

✅فلوچارت‌ها به فرآیند اشکال‌زدایی کمک می‌کنن.

✅با کمک فلوچارت می‌توان برنامه‌ها را به‌راحتی تحلیل کرد


⬇️معایب فلوچارت برنامه‌نویسی:

❌ترسیم فلوچارت برای برنامه‌های بزرگ و پیچیده دشوار است.

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

❌اصلاح فلوچارت بسیار دشوار است.


#programming #flowchart #basic
@CodeModule

5 صفت یا attribute برای html که کسی اونا رو بهت نمیگه🔥⬇️


1⃣ صفت Accept

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

<input type="file" name="CodeModule" accept=".jpg,.png,.doc">

🔢 صفت Loading

شما میتونین از صفت loading در تگ <img> برای کنترل نحوه بارگذاری تصویر توسط مرورگر استفاده کنید که شامل دو مقادیره:

مقدار eager: مقدار پیش فرض تگ img هست که همزمان با load صفحه وب، تصویر هم load میشه.

مقدار lazy: زمانی که صفحه وب load شد، تصویر هم با اسکرول شما load میشه.

<img loading="lazy" src="image.jpg" alt="CodeModule" />

🔢 صفت Multiple

شما میتونین از صفت multiple برای تگ های <input> و <select> استفاده کنین تا به کاربران اجازه بدید چند مقدار را همزمان انتخاب کنن.

<input type="file" id="CodeModule" name="attribute" multiple>
<select name="attribute" id="CodeModule" multiple></select>

🔢 صفت Title

شما میتونین از صفت title برای ارائه اطلاعات اضافی درباره یک تگ استفاده کنید. این اطلاعات معمولا زمانی که کاربر ماوس رو روی یه تگ نگه داره یا اصطلاحا عمل hover کردن و انجام بده، نمایش داده میشه.
این صفت یک global attribute هست.

<p title="Free Web tutorials">CodeModule</p>

🔢 صفت Contenteditable

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


مثلا اگر یک پاراگراف و قابل ویرایش کنیم کاربر میتونه محتوای اون پاراگراف و به سلیقه خودش تغییر بده.
این صفت یک global attribute هست.

<p contenteditable="true">منو ویرایش کن</p>

#html #attribute
@CodeModule

Good Night 🌚✨

"همه‌ی رویاهای ما میتونن به حقیقت بپیوندن، اگر جرات دنبال کردنشون و داشته باشیم"

@CodeModule

سواگر (Swagger) در مقابل Postman | کدوم بهتره؟🤔


پلتفرم Swagger و Postman دو راه حل بنیادی هستن که در ساده سازی فرآیندهای پیچیده طراحی، آزمایش و مستندسازی API ها نقش اساسی دارن. هر دو اهداف مشترکی دارن اما ویژگی هایی دارن که اونا رو متمایز میکنه. در این مقاله، تفاوت‌های اصلی بین Swagger و Postman و بررسی می‌کنیم.


برخی نکات مثبت Postman⬇️

توانایی Postman برای برنامه‌ریزی و اجرای مجموعه‌ها در فواصل زمانی از پیش تعریف‌شده، امکان نظارت مستمر API را فراهم می‌کنه و اطمینان حاصل می‌کنه که API‌های شما کارآمد و قابل اعتماد باقی می‌مانند.

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

پشتیبانی Postman از اسکریپت نویسی با استفاده از جاوا اسکریپت به کاربران این امکان و میده که اسکریپت های آزمایشی سفارشی ایجاد کنن و سناریوهای آزمایش API پیچیده را خودکار کنند.

پلتفرم Postman ویژگی های همکاری قوی رو ارائه میده، از جمله توانایی به اشتراک گذاری مجموعه ها و محیط ها، که اونو به ابزاری ارزشمند برای تیم ها تبدیل می کنه. ادغام آن با سیستم های کنترل نسخه، همکاری و مدیریت پروژه را افزایش می دهد.


برخی نکات مثبت Swagger⬇️

فرمت مشخصات Swagger زبان شناس هست و آن را با طیف گسترده ای از زبان های برنامه نویسی سازگار می کند و توسعه API را در زبان انتخابی امکان پذیر می کند. تولید اسناد API بر اساس مشخصات OpenAPI ‌ خودکار می کنه، در زمان صرفه جویی، و خطر قدیمی شدن اسناد و کاهش میده.

ابزار Swagger می‌تونه درخواست‌ها و پاسخ‌های API را در برابر مشخصات مستند تأیید کنه و به شناسایی و اصلاح مشکلات در مراحل اولیه توسعه کمک می‌کنه. این برنامه از تولید کد برای کتابخانه های کلاینت و خرد سرور پشتیبانی می کنه که تضمین میشه برنامه های کلاینتی به خوبی با API هماهنگ هستن و احتمال خطاهای یکپارچه سازی و کاهش میدن.

این نرم افزار با سایر ابزارهای توسعه و آزمایش ادغام میشه، اتوماسیون، پوشش تست و کارایی کلی را در گردش کار توسعه API افزایش میده.

در آخر Swagger یا Postman کدوم کارآمد تره؟ 🤔


انتخاب بین Swagger و Postman به نیازهای خاص شما در طیف توسعه و آزمایش API بستگی داره.

پلتفرم Postman به عنوان یک ابزار همه کاره و کاربر پسند که برای تست API، اتوماسیون و همکاری طراحی شده، می درخشد. از طرف دیگه، Swagger که اکنون به عنوان OpenAPI Specification شناخته میشه، در طراحی و مستندسازی API برتری دارد.


#postman #swagger
@CodeModule

احراز هویت با jwt 🗝🔒

در واقع JSON Web Token یا JWT یک استاندارد وب هست که روشی فشرده و خود شمول (self-contained) رو جهت انتقال امن اطلاعات بین مقصد های مختلف رو توسط یک شی JSON تعریف می‌کنه. این اطلاعات قابل تصدیق و اطمینان هستن، از این‌ رو که به صورت دیجیتال امضا می‌شن. JWT ها توسط یک کلید خصوصی (با استفاده از الگوریتم HMAC) و یا یک جفت  private key یا public key (توسط الگوریتم RSA) قابل امضا شدن هستن.


دو روش کلی و پرکاربرد اعتبارسنجی سمت سرور، برای برنامه‌های سمت کاربر وب وجود داره⬇️


✅ روش اول Cookie-Based:

برای Authentication جزو پرکاربردترین روش ها هست و تو این حالت به ازای هر درخواست، یک کوکی برای اعتبارسنجی کاربر به سمت سرور ارسال میشه (و برعکس).

✅ روش دوم Token-Based:

برای Authentication که بر مبنای ارسال یک توکن امضا شده به سرور، به ازای هر درخواسته.


مزیت‌های استفاده‌ی از روش مبتنی بر توکن چیه؟

🔵وابستگی به domain صدورش نداره و اصالتش بر اساس روش‌های رمزنگاری تصدیق می‌شه

🔵در حین کار با توکن‌ها، نیازی به ذخیره‌ اطلاعات داخل session سمت سرور نیست چون توکن، خود شمول (self-contained) هست.

🔵امروزه همینقدر که استاندارد JSON Web Token رو پیاده سازی کرده باشید، امکان کار با انواع و اقسام پلتفرم‌ها و کتابخانه‌ها رو هم دارید.

🔵حین استفاده از روش مبتنی بر توکن، امکان توزیع تمام فایل‌های برنامه (جاوا اسکریپت، تصاویر و غیره) توسط CDN وجود داره.


پ.ن: خود شمول به معنای اینه که payload توکن، شامل تمام اطلاعات مورد نیاز جهت اعتبارسنجی یک کاربره تا دیگه نیازی به کوئری گرفتن هر باره‌ از دیتابیس نباشه ( تو این روش مرسومه که فقط یکبار از دیتابیس کوئری گرفته بشه و اطلاعات مرتبط با کاربر رو امضای دیجیتال، و بعد ارسال می‌کنه )


#jwt #web #token #json
@CodeModule

پردازشگر PostCSS چیه و چه کاربردی
داره؟ 🧐

خب PostCSS یک پردازشگر مدرن css هست که وابسته به پلاگین هاییه که با جاوا اسکریپت براش نوشته شده.
میشه گفت PostCss امکانات بیشتری نسبت به Preprocessor ها در اختیار ما قرار میده البته این نکته هم فراموش نشه که شما می تونید PostCss رو به همراه Preprocessor ها هم استفاده کنید.
البته توجه داشته باشید که PostCss یک preprocessor نیست.

برای مثال تو یک پروژه نیاز دارید توی css متغیر بنویسید ، برای این کار یک پلاگین به اسم postcss-simple-vars وجود داره که این امکان رو به css اضافه می کنه.

$dir:    top;
$blue:   #056ef0;
$column: 200px;

.menu_link {
    background: $blue;
    width: $column;
}
.menu {
    width: calc(4 * $column);
    margin-$(dir): 10px;
}

خروجی کد بالا که به css کامپایل شده:

.menu_link {
    background: #056ef0;
    width: 200px;
}
.menu {
    width: calc(4 * 200px);
    margin-top: 10px;
}

🔵در حال حاضر بیش از ۲۰۰ پلاگین برای PostCSS وجود داره که لیست اون هارو می تونید از تو Github یا سایت postcss.parts ببینید.


❓چرا باید از PostCSS استفاده کنیم؟


1️⃣سرعت: کامپایل سریعتر نسبت به Preprocessor ها.

2️⃣ماژولار: شما بر اساس نیاز پروژه می تونید پلاگین های مختلفی اضافه کنید.

3️⃣قدرت: وجود بیش از ۲۰۰ پلاگین که این ابزار رو قدرتمند و کاربردی تر می کنه.


⚡️سرعت کامپایل PostCss و در مقایسه با سایر ابزار ها میتونید مشاهده کنید ⬇️

PostCSS 5.0.11: 40 ms
PostCSS 5.0.10: 60ms (1.5 times slower)
Rework: 75 ms (1.9 times slower)
libsass: 76 ms (1.9 times slower)
Less: 147 ms (3.7 times slower)
Stylus: 166 ms (4.1 times slower)
Stylecow: 258 ms (6.4 times slower)
Ruby Sass: 1042 ms (26.0 times slower)


#css #styling
@CodeModule