Good night 🌚 ✨
″هیچ حقوق و دستمزدی ارزش اینو نداره که به خاطرش سلامت روح و روانت و از دست بدی″
@CodeModule
″هیچ حقوق و دستمزدی ارزش اینو نداره که به خاطرش سلامت روح و روانت و از دست بدی″
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4👌3
چرا باید از 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
اول از همه باید بگم که GitHub Copilot یک نوع هوش مصنوعی هست که میتونه به دولوپرا در توسعه برنامههای مختلف کمک کنه. در ادامه به معرفی کامل GitHub copilot می پردازیم و ویژگی هاشو بررسی میکنیم.
هوش مصنوعی copilet که توسط GitHub و OpenAI توسعه یافته، به طور خاص روی کمیل کد تمرکز میکنه و پیشنهاداتی و برای خطوط کد یا کل توابع به طور مستقیم در محیطهای توسعه یکپارچه (IDE) ارائه میده.
اما GitHub Copilot چه مزایایی داره؟
کوپایلت دولوپرا و از نوشتن کدهای تکراری و پیچیده خلاص میکنه. با ارائه پیشنهادهای کدی، دولوپرا میتونن به سرعت کدهای خودشون و بنویسن و به تکمیل پروژههای خودشون سرعت ببخشن.
هوش مصنوعی Copilot از زبانهای متعددی از جمله Python، JavaScript، Ruby، C++ و… پشتیبانی میکنه. این به دولوپرا امکان انتخاب زبان مورد نظر برای پروژههاشون و میده.
هوش مصنوعی Copilot به دولوپرا کمک میکنه تا خطاها و اشکالات رایج کدشون و کاهش بدن. این به افزایش کیفیت کدها و کاهش زمان صرف شده برای دیباگ کمک میکنه.
کوپایلت به دولوپرا در یادگیری زبانها و فریمورکهای جدید کمک میکنه. این ابزار توضیحات مربوط به کد و ارائه میده و به دولوپرا در درک عمیقتر کدها کمک میکند.
به طور کلی، GitHub Copilot ابزار کاربردی و مهمی برای کمک به دولوپرا در نوشتن کد هست.
کوپایلت و میتونید با ورود به این سایت و استفاده از نسخه trial تست کنید و اگر این تکنولوژی خوشتون اومد، اشتراک اونو در ازای ماهانه 10 دلار و یا سالانه 100 دلار تهیه کنید
#ai #copilot
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5⚡2
انواع Pseudo class ها در css3 🔵
شبه کلاس ها یا به انگلیسی Pseudo Class، در واقع نوع دیگه ای از انتخابگرها هستن که برای تعریف حالت خاصی از یک تگ، مورد استفاده قرار میگیرن.
توی این پست چند تا از سودو کلاس های پر کاربرد و خفن رو برسی میکنیم.
1️⃣ شبه کلاس invalid:
با استفاده از شبه کلاس invalid تو CSS میتونین برای عناصری که دارای مقدار نامعتبر (invalid) هستند، استایل دلخواه تعریف کنین.
2️⃣ شبه کلاس first-child:
شبه کلاس first-child به شما این اجازه رو میده تا اولین فرزند هر پرنت رو بهش استایل بدید.
3️⃣ شبه کلاس last-child:
برای مثال استفاده در تگ P ( یعنی تمامی تگ های P که آخرین فرزند از تگ والد ( پدرشون ) هستن رو انتخاب میکنه )
4️⃣ شبه کلاس nth-child:
میتونین به عنوان پارامتر، شماره اون فرزند رو وارد کنید و یا میتونین با استفاده از کلمات کلیدی ( odd یعنی فرد و even یعنی زوج ) معمولا و بیشتر در جدول ها استفاده میشه. ( مثلا گفتیم سطرهای فرد فلان رنگ زمینه و سطرهای زوج بهمان رنگ )
5️⃣ شبه کلاس not:
با استفاده از این شبه کلاس میتونید به هر تگی، جز اونی که کلاس یا آیدی مشخصی داره استایل مورد نظرتون رو بدید.
6️⃣ شبه کلاس disable:
با استفاده از شبه کلاس disabled میتونین برای تگ هایی که غیرفعال هستن ( اگه از صفت disabled درون یک تگ استفاده کنیم اون تگ غیرفعال میشه ) ، استایل دلخواه تعریف کنید.
شبه کلاس های زیادی وجود داره که هر کدوم رو نسبت به نیازمون میتونیم استفاده کنیم. ما توی این پست قصد داشتیم چند تا از پر کاربرد و جالب ترینشون رو بهتون معرفی کنیم. امیدوارم لذت برده باشید😎
#css #styling
@CodeModule
شبه کلاس ها یا به انگلیسی Pseudo Class، در واقع نوع دیگه ای از انتخابگرها هستن که برای تعریف حالت خاصی از یک تگ، مورد استفاده قرار میگیرن.
توی این پست چند تا از سودو کلاس های پر کاربرد و خفن رو برسی میکنیم.
با استفاده از شبه کلاس invalid تو CSS میتونین برای عناصری که دارای مقدار نامعتبر (invalid) هستند، استایل دلخواه تعریف کنین.
input[type="email"]:invalid {
border: 2px solid black;
background-color:red;
color:#fff;
}
شبه کلاس first-child به شما این اجازه رو میده تا اولین فرزند هر پرنت رو بهش استایل بدید.
body p: first-child {
/*Write css codes*/
}
برای مثال استفاده در تگ P ( یعنی تمامی تگ های P که آخرین فرزند از تگ والد ( پدرشون ) هستن رو انتخاب میکنه )
body p:last-child {
background-color:#1d7ce7;
color:#fff;
padding:5px;
}
میتونین به عنوان پارامتر، شماره اون فرزند رو وارد کنید و یا میتونین با استفاده از کلمات کلیدی ( 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;
}
با استفاده از این شبه کلاس میتونید به هر تگی، جز اونی که کلاس یا آیدی مشخصی داره استایل مورد نظرتون رو بدید.
p:not(.free) {
background-color:green;
color:white;
text-align:center;
}
با استفاده از شبه کلاس disabled میتونین برای تگ هایی که غیرفعال هستن ( اگه از صفت disabled درون یک تگ استفاده کنیم اون تگ غیرفعال میشه ) ، استایل دلخواه تعریف کنید.
button:disabled {
background-color:red;
color: white;
}
شبه کلاس های زیادی وجود داره که هر کدوم رو نسبت به نیازمون میتونیم استفاده کنیم. ما توی این پست قصد داشتیم چند تا از پر کاربرد و جالب ترینشون رو بهتون معرفی کنیم. امیدوارم لذت برده باشید
#css #styling
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌7⚡2🔥2❤🔥1
به VsCode گربه اضافه کن :)) ⌨️
یکی از سرگرم کننده ترین اکستنشن ها یا افزونه های VsCode، قطعا Vscode-pets هست. با استفاده از این اکستنشن میتونید یه حیوان خانگی به VsCode اضافه، و با اون تعامل داشته باشید🐾
برای نصب این افزونه به بخش Extensions برید و عبارت vscode-pets و سرچ کنید. بعد از نصب، برای فعال سازی این اکستنشن کلید های ترکیبی cmd(ctrl) + shift + p و فشار بدید و عبارت Start pet coding session و تایپ، و سپس رو پیشنهاد VsCode کلیک کنید.
اطلاعات بیشتر و نحوه تغییر حیوان و میتونید تو داکیومنت این اکستنشن مطالعه کنید.
#vscode #extensions
@CodeModule
یکی از سرگرم کننده ترین اکستنشن ها یا افزونه های VsCode، قطعا Vscode-pets هست. با استفاده از این اکستنشن میتونید یه حیوان خانگی به VsCode اضافه، و با اون تعامل داشته باشید
برای نصب این افزونه به بخش Extensions برید و عبارت vscode-pets و سرچ کنید. بعد از نصب، برای فعال سازی این اکستنشن کلید های ترکیبی cmd(ctrl) + shift + p و فشار بدید و عبارت Start pet coding session و تایپ، و سپس رو پیشنهاد VsCode کلیک کنید.
اطلاعات بیشتر و نحوه تغییر حیوان و میتونید تو داکیومنت این اکستنشن مطالعه کنید.
#vscode #extensions
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5⚡3😁2
Good Night 🌚 ✨
اگر تو بخش تاریکی از زندگی به سر میبری، امیدتو از دست نده چون
خورشید تو تاریکی طلوع میکنه.
@CodeModule
اگر تو بخش تاریکی از زندگی به سر میبری، امیدتو از دست نده چون
خورشید تو تاریکی طلوع میکنه.
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤🔥3👌2
فریلنسری و درآمد دلاری 🛍
در پست های قبلی بررسی کردیم که یه فریلنسر خوب، باید چه ویژگی هایی داشته باشه تا نسبت به رقباش پیشی بگیره!!
تو این پست میخوایم بررسی کنیم که فریلنسرهای حرفهای از کجا پروژه میگیرن. برای این منظور، قصد دارم چندین سایت فریلنسری خارجی و با هم ارزیابی، و مزایا و معایب هرکدوم و مشخص کنیم.
1⃣ آپورک (Upwork)
نوع خدمات فریلنسری: مدیریت برند، برنامه نویسی، طراحی سایت
🔹 مزایا: پرداخت مطمئن، مشتریان معتبر، پروژههای مبتنی بر بودجه
🔸 معایب: فرآیند طولانی انتخاب، هزینه بالای خدمات
2⃣ تاپتال (Toptal)
نوع فریلنسری: توسعه نرم افزار، مشاوره مالی، مدیریت موقت
🔹 مزایا: وجود شرکتها و استعدادهای درجه یک، صورت حساب و پرداخت رایگان
🔸 معایب: فرآیند غربالگری گسترده، کار تنها بر روی پروژههای بزرگ
3⃣ فریلنسر (Freelancer)
نوع فریلنسری: ترجمه محتوا، توسعه وب
🔹 مزایا: ردیاب پیشرفته، چت زنده، پشتیبانی ۲۴ ساعته در ۷ روز هفته برای مشتریان
🔸 معایب: رابط پیچیده، تقاضا کنندههای اسپم و مشتریان تقلبی
4⃣ گورو (Guru)
نوع فریلنسری: بازاریابی، برنامه نویسی، مدیریت
🔹 مزایا: پرداخت امن، لیست مشاغل سفارشی، عضویت رایگان
🔸 معایب: امکان وجود مشتریان تقلبی
5⃣ پیپلپرآور (Peopleperhour)
نوع فریلنسری: برنامه نویسی، روزنامه نگاری، برند سازی
🔹 مزایا: صورت حساب خودکار، لیست کردن با توجه به محل، پرداخت امن
🔸 معایب: پیشنهادات رایگان، محدود به ۱۵ عدد در ماه است
در نهایت به جز این مواردی که گفتم، سایت های دیگه ای هم وجود داره که تو این پست بهش پرداخته نشده.
توجه داشته باشید پیش نیاز فعالیت تو همه این سایت ها تخصص خوب هست و بر خلاف سایت های ایرانی، کار و خیلی جدی میگیرن.
#freelancer
@CodeModule
در پست های قبلی بررسی کردیم که یه فریلنسر خوب، باید چه ویژگی هایی داشته باشه تا نسبت به رقباش پیشی بگیره!!
تو این پست میخوایم بررسی کنیم که فریلنسرهای حرفهای از کجا پروژه میگیرن. برای این منظور، قصد دارم چندین سایت فریلنسری خارجی و با هم ارزیابی، و مزایا و معایب هرکدوم و مشخص کنیم.
نوع خدمات فریلنسری: مدیریت برند، برنامه نویسی، طراحی سایت
نوع فریلنسری: توسعه نرم افزار، مشاوره مالی، مدیریت موقت
نوع فریلنسری: ترجمه محتوا، توسعه وب
نوع فریلنسری: بازاریابی، برنامه نویسی، مدیریت
نوع فریلنسری: برنامه نویسی، روزنامه نگاری، برند سازی
در نهایت به جز این مواردی که گفتم، سایت های دیگه ای هم وجود داره که تو این پست بهش پرداخته نشده.
توجه داشته باشید پیش نیاز فعالیت تو همه این سایت ها تخصص خوب هست و بر خلاف سایت های ایرانی، کار و خیلی جدی میگیرن.
#freelancer
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4⚡2
#tool #translate
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌4❤🔥2🔥2
الگوریتمها دارای پیچیدگیهای مختلفی هستن و پیادهسازی کد مربوط به هرکدوم ممکنه کوتاه و یا طولانی و شامل دستورات پیچیده باشه. فلوچارت یک ابزار قدرتمند تجاریه که با طراحی و ساخت مناسب، مراحل یک فرایندو به طور مؤثر و کارآمد منتقل میکنه.
#programming #flowchart #basic
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤🔥2⚡2
5 صفت یا attribute برای html که کسی اونا رو بهت نمیگه🔥 ⬇️
1⃣ صفت Accept
این صفت مشخص میکنه که کاربر اجازه آپلود چه نوع فایل هایی رو داره، از این صفت فقط در Input با تایپ فایل میشه استفاده کرد.
🔢 صفت Loading
شما میتونین از صفت loading در تگ <img> برای کنترل نحوه بارگذاری تصویر توسط مرورگر استفاده کنید که شامل دو مقادیره:
مقدار eager: مقدار پیش فرض تگ img هست که همزمان با load صفحه وب، تصویر هم load میشه.
مقدار lazy: زمانی که صفحه وب load شد، تصویر هم با اسکرول شما load میشه.
🔢 صفت Multiple
شما میتونین از صفت multiple برای تگ های <input> و <select> استفاده کنین تا به کاربران اجازه بدید چند مقدار را همزمان انتخاب کنن.
🔢 صفت Title
شما میتونین از صفت title برای ارائه اطلاعات اضافی درباره یک تگ استفاده کنید. این اطلاعات معمولا زمانی که کاربر ماوس رو روی یه تگ نگه داره یا اصطلاحا عمل hover کردن و انجام بده، نمایش داده میشه.
این صفت یک global attribute هست.
🔢 صفت Contenteditable
با استفاده از این این اتربیوت میتونیم مشخص کنیم که محتوای یک تگ قابل ویرایش باشه.
مثلا اگر یک پاراگراف و قابل ویرایش کنیم کاربر میتونه محتوای اون پاراگراف و به سلیقه خودش تغییر بده.
این صفت یک global attribute هست.
#html #attribute
@CodeModule
این صفت مشخص میکنه که کاربر اجازه آپلود چه نوع فایل هایی رو داره، از این صفت فقط در Input با تایپ فایل میشه استفاده کرد.
<input type="file" name="CodeModule" accept=".jpg,.png,.doc">
شما میتونین از صفت loading در تگ <img> برای کنترل نحوه بارگذاری تصویر توسط مرورگر استفاده کنید که شامل دو مقادیره:
مقدار eager: مقدار پیش فرض تگ img هست که همزمان با load صفحه وب، تصویر هم load میشه.
مقدار lazy: زمانی که صفحه وب load شد، تصویر هم با اسکرول شما load میشه.
<img loading="lazy" src="image.jpg" alt="CodeModule" />
شما میتونین از صفت multiple برای تگ های <input> و <select> استفاده کنین تا به کاربران اجازه بدید چند مقدار را همزمان انتخاب کنن.
<input type="file" id="CodeModule" name="attribute" multiple>
<select name="attribute" id="CodeModule" multiple></select>
شما میتونین از صفت title برای ارائه اطلاعات اضافی درباره یک تگ استفاده کنید. این اطلاعات معمولا زمانی که کاربر ماوس رو روی یه تگ نگه داره یا اصطلاحا عمل hover کردن و انجام بده، نمایش داده میشه.
این صفت یک global attribute هست.
<p title="Free Web tutorials">CodeModule</p>
با استفاده از این این اتربیوت میتونیم مشخص کنیم که محتوای یک تگ قابل ویرایش باشه.
مثلا اگر یک پاراگراف و قابل ویرایش کنیم کاربر میتونه محتوای اون پاراگراف و به سلیقه خودش تغییر بده.
این صفت یک global attribute هست.
<p contenteditable="true">منو ویرایش کن</p>
#html #attribute
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌6🔥5⚡2❤🔥1
Good Night 🌚 ✨
"همهی رویاهای ما میتونن به حقیقت بپیوندن، اگر جرات دنبال کردنشون و داشته باشیم"
@CodeModule
"همهی رویاهای ما میتونن به حقیقت بپیوندن، اگر جرات دنبال کردنشون و داشته باشیم"
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥7
سواگر (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
پلتفرم 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
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡3🔥3❤🔥1
احراز هویت با 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
در واقع JSON Web Token یا JWT یک استاندارد وب هست که روشی فشرده و خود شمول (self-contained) رو جهت انتقال امن اطلاعات بین مقصد های مختلف رو توسط یک شی JSON تعریف میکنه. این اطلاعات قابل تصدیق و اطمینان هستن، از این رو که به صورت دیجیتال امضا میشن. JWT ها توسط یک کلید خصوصی (با استفاده از الگوریتم HMAC) و یا یک جفت private key یا public key (توسط الگوریتم RSA) قابل امضا شدن هستن.
دو روش کلی و پرکاربرد اعتبارسنجی سمت سرور، برای برنامههای سمت کاربر وب وجود داره
برای Authentication جزو پرکاربردترین روش ها هست و تو این حالت به ازای هر درخواست، یک کوکی برای اعتبارسنجی کاربر به سمت سرور ارسال میشه (و برعکس).
برای Authentication که بر مبنای ارسال یک توکن امضا شده به سرور، به ازای هر درخواسته.
مزیتهای استفادهی از روش مبتنی بر توکن چیه؟
پ.ن: خود شمول به معنای اینه که payload توکن، شامل تمام اطلاعات مورد نیاز جهت اعتبارسنجی یک کاربره تا دیگه نیازی به کوئری گرفتن هر باره از دیتابیس نباشه ( تو این روش مرسومه که فقط یکبار از دیتابیس کوئری گرفته بشه و اطلاعات مرتبط با کاربر رو امضای دیجیتال، و بعد ارسال میکنه )
#jwt #web #token #json
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌4⚡2
پردازشگر PostCSS چیه و چه کاربردی
داره؟🧐
خب PostCSS یک پردازشگر مدرن css هست که وابسته به پلاگین هاییه که با جاوا اسکریپت براش نوشته شده.
میشه گفت PostCss امکانات بیشتری نسبت به Preprocessor ها در اختیار ما قرار میده البته این نکته هم فراموش نشه که شما می تونید PostCss رو به همراه Preprocessor ها هم استفاده کنید.
البته توجه داشته باشید که PostCss یک preprocessor نیست.
خروجی کد بالا که به css کامپایل شده:
🔵 در حال حاضر بیش از ۲۰۰ پلاگین برای PostCSS وجود داره که لیست اون هارو می تونید از تو Github یا سایت postcss.parts ببینید.
❓ چرا باید از PostCSS استفاده کنیم؟
1️⃣ سرعت: کامپایل سریعتر نسبت به Preprocessor ها.
2️⃣ ماژولار: شما بر اساس نیاز پروژه می تونید پلاگین های مختلفی اضافه کنید.
3️⃣ قدرت: وجود بیش از ۲۰۰ پلاگین که این ابزار رو قدرتمند و کاربردی تر می کنه.
⚡️ سرعت کامپایل PostCss و در مقایسه با سایر ابزار ها میتونید مشاهده کنید ⬇️
#css #styling
@CodeModule
داره؟
خب 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 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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👌4⚡2
در کمتر از ۵ دقیقه، پروژتون و روی سرور
اجرا کنید ☁️
لیارا یک پلتفرم ابریه که به دولوپرا اجازه میده برنامهها و وبسایتهای خودشون و به سادگی روی سرور آپلود و آنلاین کنن. فرقی هم نداره پروژتون با چه زبان و فریمورکی باشه!!
لیارا برای همشون سرویس داره😀
⬇️ مهم ترین ویژگی های لیارا ⬇️
🔵 هاست رایگان برای انواع وبسایت
فرقی نداره پروژتون و با Node توسعه دادید یا Next.js و Django، در لیارا میتونید به صورت رایگان از تمامی سرویس ها استفاده کنید.
🔵 مستنداتی که خواب آور نیست
اگر سریع به دنبال پاسخ هستید، یا اگه آموزش ویدیویی و به متنی ترجیح میدید و یا چنانچه متخصص زیرساخت هستید، لیارا برای همهی نیازهای شما مستندات کاملی ساخته.
🔵 پشتیبانی فنی حرفهای
تو لیارا همیشه متخصصین فنی آمادهی پاسخگویی به سوالات شما هستند.
🔵 طراحیشده برای سادگی
تبدیل پیچیدگیها به سادگی، در DNA تیم لیارا هست. لیارا هر فرآیند سختی رو به فرآیندی لذتبخش تبدیل میکنه.
🔵 زیرساخت همیشه در دسترس
لیارا با استفاده از شیوههای مدرن DevOps، زیرساختی طراحی کرده که سرویسهای شما رو همیشه در دسترس نگه خواهد داشت.
🔵 کیفیت و پایداری
معماری زیرساخت لیارا، تشکیل شده از زنجیرهای از سرورهای بههم متصل که باعث افزایش کیفیت و پایداری سرویسها میشود.
Website🌐
#liara #host
@CodeModule
اجرا کنید ☁️
لیارا یک پلتفرم ابریه که به دولوپرا اجازه میده برنامهها و وبسایتهای خودشون و به سادگی روی سرور آپلود و آنلاین کنن. فرقی هم نداره پروژتون با چه زبان و فریمورکی باشه!!
لیارا برای همشون سرویس داره
فرقی نداره پروژتون و با Node توسعه دادید یا Next.js و Django، در لیارا میتونید به صورت رایگان از تمامی سرویس ها استفاده کنید.
اگر سریع به دنبال پاسخ هستید، یا اگه آموزش ویدیویی و به متنی ترجیح میدید و یا چنانچه متخصص زیرساخت هستید، لیارا برای همهی نیازهای شما مستندات کاملی ساخته.
تو لیارا همیشه متخصصین فنی آمادهی پاسخگویی به سوالات شما هستند.
تبدیل پیچیدگیها به سادگی، در DNA تیم لیارا هست. لیارا هر فرآیند سختی رو به فرآیندی لذتبخش تبدیل میکنه.
لیارا با استفاده از شیوههای مدرن DevOps، زیرساختی طراحی کرده که سرویسهای شما رو همیشه در دسترس نگه خواهد داشت.
معماری زیرساخت لیارا، تشکیل شده از زنجیرهای از سرورهای بههم متصل که باعث افزایش کیفیت و پایداری سرویسها میشود.
Website
#liara #host
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👌3⚡2❤🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
💔6🔥3👌3❤🔥1
اگ تو توسعه پروژتون نیاز به بک اند و دیتابیس داشتید، اما به هر دلیلی دسترسی به بک اند کار نداشتید، میتونید از ابزاری به نام Json-Server استفاده کنید و Api های مورد نیاز پروژتون و توسعه بدید.
خب JSON Server چیه؟🤨
کلمه JSON مخفف عبارت JavaScript Object Notation هست و یک ابزار Node.js سبک و با کاربری آسونه که یک API RESTFUL و با استفاده از یک فایل JSON به عنوان data source شبیهسازی میکنه. توسعه دهنده های فرانتاند با کمک JSON Server میتونن APIهای ساختگی و بدون نیاز به نوشتن کدهای پیچیده سمت سرور یا زمانی که API پشتیبان هنوز آماده نیست ایجاد کنن.
این API ساختگی درخواستها رو به endpoint ای که تنظیم میکنید ارسال میکنه، به درخواستهای HTTP پاسخ میده و به این ترتیب کار و برای توسعه سریع برای توسعهدهندگان ایدهآل میکنه. JSON Server همچنین توسعهدهندگان و قادر میسازخ تا عملیات CRUD و انجام بدن و دادهها رو در فایلهای JSON ذخیره کنند.
ویژگیهای JSON Server⬇️
🔵 راهاندازی آسان و سریع
🔵 پشتیبانی از CRUD
🔵 قدرتمند و ساده
🔵 شبیه سازی داده ها
عملکرد Json server مثل یه بکاند واقعی هست. از این به بعد به جای استفاده از دیتابیس هایی مثل firebase که تحریم و مشکلاتی داره... میتونید از جیسون سرور، برای توسعه نمونه کار های خودتون استفاده کنید.
بهتون پیشنهاد میکنم نحوه نصب و استفاده رو تو داکیومنتش مطالعه کنید😀
Document🌐
#json_server #database
@CodeModule
خب JSON Server چیه؟
کلمه JSON مخفف عبارت JavaScript Object Notation هست و یک ابزار Node.js سبک و با کاربری آسونه که یک API RESTFUL و با استفاده از یک فایل JSON به عنوان data source شبیهسازی میکنه. توسعه دهنده های فرانتاند با کمک JSON Server میتونن APIهای ساختگی و بدون نیاز به نوشتن کدهای پیچیده سمت سرور یا زمانی که API پشتیبان هنوز آماده نیست ایجاد کنن.
این API ساختگی درخواستها رو به endpoint ای که تنظیم میکنید ارسال میکنه، به درخواستهای HTTP پاسخ میده و به این ترتیب کار و برای توسعه سریع برای توسعهدهندگان ایدهآل میکنه. JSON Server همچنین توسعهدهندگان و قادر میسازخ تا عملیات CRUD و انجام بدن و دادهها رو در فایلهای JSON ذخیره کنند.
ویژگیهای JSON Server
عملکرد Json server مثل یه بکاند واقعی هست. از این به بعد به جای استفاده از دیتابیس هایی مثل firebase که تحریم و مشکلاتی داره... میتونید از جیسون سرور، برای توسعه نمونه کار های خودتون استفاده کنید.
بهتون پیشنهاد میکنم نحوه نصب و استفاده رو تو داکیومنتش مطالعه کنید
Document
#json_server #database
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5⚡3👌2
تو این پست میخوام برنامه ای و بهتون معرفی کنم، که اپلیکیشن مد نظرتون و از ریشه پاک میکنه.
#tools
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5⚡3😁1