قطعا همتون با Cdn ها آشنا هستید اما به صورت تخصصی چیه و چه کاری انجام میده؟🧐
در اصل CDN مخفف Content Delivery Network میباشد و وظیفه اون رسوندن و توزیع محتوا و اطلاعات شما به سرور بازدیدکننده سایت هست.
با استفاده از این سیستم، سرعت ارسال اطلاعات به بازدیدکنندگان سایت افزایش پیدا میکنه و زمان بارگذاری صفحات تا حد زیادی کاهش پیدا میکنه.
مزایای استفاده از CDN چیه ؟
1⃣ ارتباط و همخوانی راحت با مدیریت محتوای وردپرس
2⃣ بهبود وضعیت سئو سایت
3⃣ سرعت بیشتر سایت و افزایش رضایت بازدیدکنندگان
4⃣ افزایش تعداد صفحات بررسی شده در روز توسط ربات های گوگل
5⃣ کاهش مصرف پهنای باند و ترافیک هاست
تاثیر CDN بر روی عملکرد سایت چطوره ؟
◀️ شبکه توزیع محتوا یا همان CDN تمامی سرورهای شبکه جهانی اینترنت رو پوشش میده. بنابراین زمانیکه شما این سیستم رو برای سایتتون فعال میکنین، اطلاعات شما روی تمامی این سرورها کپی و ذخیره میشه و زمانیکه یک بازدیدکننده به سایت یا وبلاگ شما وارد میشه محتوای سایت شامل تصاویر و متون رو از نزدیک ترین سرور دریافت میکنه و مستقیما به هاست یا سرور شما وصل نمیشه. این کار موجب بهبودی قابل توجهی تو عملکرد سایت شما داره.
◀️ در اصل CDN تمام اطلاعات ثابت شما مثل تصاویر، کدهای CSS و javascript و فایلهای ویدئویی شمارو پشتیبانی میکنه و تنها اطلاعاتی که قابل تغییر و بروزرسانی هستن مثل متون و کدهای HTML از سرور اصلی شما کال میشن. با این کار مصرف پهنای باند هاست شما کاهش پیدا میکنه و هزینه ای که سالانه بابت اون میدید کاهش چشمگیری خواهد داشت.
◀️ تفاوت سرعت و عملکرد برای خودتون یا افرادی که در نزدیکی سرور اصلی شما هستند آنچنان تفاوت زیادی نداره، ولی برای کسایی که از خارج از کشور به سایت شما وارد میشن این افزایش سرعت ناشی از CDN کاملا محسوسه. با توجه به اینکه سایتهای ایرانی معمولا سرور و هاستشونو از خارج و کشورهایی مثل آلمان و آمریکا تهیه میکنند و عموم بازدیدکنندگان از داخل کشور هستن، استفاده از CDN میتونه خیلی موثر باشه.
#cdn #web #performance
@CodeModule
در اصل CDN مخفف Content Delivery Network میباشد و وظیفه اون رسوندن و توزیع محتوا و اطلاعات شما به سرور بازدیدکننده سایت هست.
با استفاده از این سیستم، سرعت ارسال اطلاعات به بازدیدکنندگان سایت افزایش پیدا میکنه و زمان بارگذاری صفحات تا حد زیادی کاهش پیدا میکنه.
مزایای استفاده از CDN چیه ؟
تاثیر CDN بر روی عملکرد سایت چطوره ؟
#cdn #web #performance
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡4
آشنایی با فریم ورک Tailwind CSS و مقایسه اون با Bootstrap 💀
فریم ورک Tailwind یک فریمورک CSS مبتنی بر ایده utility-first هست که تو مدت کوتاهی تونسته طرفدارای بسیار زیادی و پیدا، و محبوبیت زیادی و کسب کنه. دادن قابلیت توسعه سریع به افراد برای طراحی و توسعه رابط کاربری یکی از دلایل بالا رفتن میزان محبوبیت این فریم ورک هست.
⏬ مزایای فریم ورک Tailwind⏫
1️⃣ کنترل روی استایلدهی به المانها
سیستم Tailwind یک استایل پیشفرض برای المانها نداره و شباهتی تو این زمینه با سایر فریم ورک ها نداره. به همین دلیل شما میتونید کنترل کامل روی ظاهر المانها داشته باشید.
2️⃣ پروسه استایلدهی سریعتر
زمانیکه بحث به استایلدهی به المانهای HTML میرسه هیچ فریمورکی نمیتونه به سرعت Tailwind این کار و برای شما انجام بده. نتیجه این موضوع خروجی گرفتن سریع کاربر از المانهای HTML میشه.
3️⃣ رسپانسیو
تمام المانها و استایلهای مربوط به Tailwind بصورت رسپانسیو شده به شما ارائه میشه. به همین دلیل این فریمورک از میزان رسپانسیو و Mobile first بودن بالایی برخوردار هست.
4️⃣ کتابخانه های کاربردی
خیلیا معتقدن Bootstrap به دلیل داشتن کامپوننت های آماده، یه پله از Tailwind جلو تره.
اتفاقا کتابخانه های کاربردی زیادی تو این بحث برای Tailwind وجود داره که کامپوننت های آماده و به ما تحویل میدن.
بین این کتابخانه ها Flowbite و بهتون پیشنهاد میکنم.
فرق بین Tailwind با Bootstrap چیه؟
فریم ورک Bootstrap برای طراحی و توسعه صفحات وب سمت کاربر به صورت واکنش گرا محسوب میشه.
این فریم ورک رایگان و اپن-سورسه که با استفاده از کلاس ها و کامپوننت های از پیش آماده شده باعث تسریع روند توسعه میشه. در مقابل، Tailwind محبوب ترین فریم ورک CSS با ایده ی Utility-first برای توسعه سریع رابط کاربری محسوب میشه👨💻
آیا Tailwind از Bootstrap بهتره؟
اگه پروژه شما نیاز به شخصی سازی زیادی داره، یا از یک تم تکراری استفاده نمی کنید و علاقه بیشتری به CSS و خلاقیت دارید، Tailwind گزینه بهتری هست.
در پایان اگه Tailwind و در مقابل Bootstrap قرار بدیم، متوجه میشیم که هر دو مزایا و معایب خودشون و دارن. Tailwind برای توسعه دهندگان باتجربه که میخوان کنترل کاملی بر طرح های خود داشته باشن، عالیه. Bootstrap برای مبتدیانی که میخوان سریع شروع به کار کنن انتخاب بهتریه.
Tailwind Document🌐
#bootstrap #tailwind
@CodeModule
فریم ورک Tailwind یک فریمورک CSS مبتنی بر ایده utility-first هست که تو مدت کوتاهی تونسته طرفدارای بسیار زیادی و پیدا، و محبوبیت زیادی و کسب کنه. دادن قابلیت توسعه سریع به افراد برای طراحی و توسعه رابط کاربری یکی از دلایل بالا رفتن میزان محبوبیت این فریم ورک هست.
سیستم Tailwind یک استایل پیشفرض برای المانها نداره و شباهتی تو این زمینه با سایر فریم ورک ها نداره. به همین دلیل شما میتونید کنترل کامل روی ظاهر المانها داشته باشید.
زمانیکه بحث به استایلدهی به المانهای HTML میرسه هیچ فریمورکی نمیتونه به سرعت Tailwind این کار و برای شما انجام بده. نتیجه این موضوع خروجی گرفتن سریع کاربر از المانهای HTML میشه.
تمام المانها و استایلهای مربوط به Tailwind بصورت رسپانسیو شده به شما ارائه میشه. به همین دلیل این فریمورک از میزان رسپانسیو و Mobile first بودن بالایی برخوردار هست.
خیلیا معتقدن Bootstrap به دلیل داشتن کامپوننت های آماده، یه پله از Tailwind جلو تره.
اتفاقا کتابخانه های کاربردی زیادی تو این بحث برای Tailwind وجود داره که کامپوننت های آماده و به ما تحویل میدن.
بین این کتابخانه ها Flowbite و بهتون پیشنهاد میکنم.
فرق بین Tailwind با Bootstrap چیه؟
فریم ورک Bootstrap برای طراحی و توسعه صفحات وب سمت کاربر به صورت واکنش گرا محسوب میشه.
این فریم ورک رایگان و اپن-سورسه که با استفاده از کلاس ها و کامپوننت های از پیش آماده شده باعث تسریع روند توسعه میشه. در مقابل، Tailwind محبوب ترین فریم ورک CSS با ایده ی Utility-first برای توسعه سریع رابط کاربری محسوب میشه
آیا Tailwind از Bootstrap بهتره؟
اگه پروژه شما نیاز به شخصی سازی زیادی داره، یا از یک تم تکراری استفاده نمی کنید و علاقه بیشتری به CSS و خلاقیت دارید، Tailwind گزینه بهتری هست.
در پایان اگه Tailwind و در مقابل Bootstrap قرار بدیم، متوجه میشیم که هر دو مزایا و معایب خودشون و دارن. Tailwind برای توسعه دهندگان باتجربه که میخوان کنترل کاملی بر طرح های خود داشته باشن، عالیه. Bootstrap برای مبتدیانی که میخوان سریع شروع به کار کنن انتخاب بهتریه.
Tailwind Document
#bootstrap #tailwind
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌5⚡3
افزودن جادو به وبسایت با کتابخانه GSAP ✨
یکی از کتابخانه های قدرتمند جاوااسکریپتی برای استفاده از انیمیشن در صفحات HTML، کتابخانه GSAP هست.
این کتابخانه قابلیت ایجاد انیمیشن برای هر المانی در صفحه، مثل div ها و svg ها رو داره. از ویژگی های GSAP که اونو نسبت به سایر کتابخانه های جاوااسکریپتی قدرتمند تر میکنه میشه به موارد زیر اشاره کرد⬇️
1️⃣ سادگی و راحتی در استفاده
2️⃣ سرعت و کیفیت اجرای بالا
3️⃣ حجم بسیار کم کتابخانه
4️⃣ وجود افزونه های متنوع برای کارهای مختلف
5️⃣ مستندهای خوب و جامع
6️⃣ وجود مثال و نمونه کد های فراوان
7️⃣ جامعه کاربری (community) خوب
برای استفاده از این کتابخانه در پروژه خود میتونید از یکی از روشهای زیر استفاده کنید⬇️
🔵 استفاده از CDN
🔵 نصب توسط npm (یا yarn)
برای اتصال کتابخانه به پروژه خودتون با استفاده از cdn، میتونید از کد زیر استفاده کنید
برای نصب این کتابخانه با استفاده از npm هم میتونید دستور زیر و در ترمیتال پروژه خود وارد کنید
بدون شک GSAP یکی از قدرتمندترین کتابخانه های جاوااسکریپتی موجود برای استفاده از انیمیشن در صفحات html هست. برای آشنایی بیشتر با این کتابخانه بهتون پیشنهاد میکنم به داکیومنت این کتابخانه مراجعه کنید.
Document🌐
#animation #gsap
@CodeModule
یکی از کتابخانه های قدرتمند جاوااسکریپتی برای استفاده از انیمیشن در صفحات HTML، کتابخانه GSAP هست.
این کتابخانه قابلیت ایجاد انیمیشن برای هر المانی در صفحه، مثل div ها و svg ها رو داره. از ویژگی های GSAP که اونو نسبت به سایر کتابخانه های جاوااسکریپتی قدرتمند تر میکنه میشه به موارد زیر اشاره کرد
برای استفاده از این کتابخانه در پروژه خود میتونید از یکی از روشهای زیر استفاده کنید
برای اتصال کتابخانه به پروژه خودتون با استفاده از cdn، میتونید از کد زیر استفاده کنید
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js">
</script>
برای نصب این کتابخانه با استفاده از npm هم میتونید دستور زیر و در ترمیتال پروژه خود وارد کنید
npm install gsap
بدون شک GSAP یکی از قدرتمندترین کتابخانه های جاوااسکریپتی موجود برای استفاده از انیمیشن در صفحات html هست. برای آشنایی بیشتر با این کتابخانه بهتون پیشنهاد میکنم به داکیومنت این کتابخانه مراجعه کنید.
Document
#animation #gsap
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9⚡3
یه سایت کاربردی برای حذف بک گراند اضافی
عکس ها🔥
🔵 سایت Carve Photos سرویسی برای حذف پس زمینه از تصاویر ارائه میده که به راحتی با رقیب محبوب خود، یعنی RemoveBG رقابت میکنه و تمام جزئیات تصاویر رو با دقت بالا برش میده.
🔵 اما جذاب ترین قابلیت این سایت که اونو از رقیب خودش یعنی RemoveBG متمایز میکنه اینه که این امکان رو به شما میده تا به صورت کاملاً رایگان تمام تصاویرتون رو با کیفیت HD دانلود کنید.
carve.photos🌐
#tools #ai
@CodeModule
عکس ها
carve.photos
#tools #ai
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10⚡5
داکر (docker) چیه و چه کاربردی داره؟ 🐳
داکر یک پلتفرم نرمافزاریه با امنیت بالا هست که از طریق اون میتونین توسعه تست و اجرای نرم افزارهای مختلف رو با سرعت بالایی انجام بدید.
داکر نرمافزارهارو داخل یونیتهای استانداردی به اسم کانتینر قرار میده. کانتینرها تمامی مواردی که برای اجرای نرمافزار به اونها نیاز دارین مثل لایبرریهای مختلف، ابزارهای سیستم، کدها و رانتایمهای مختلف رو در اختیارتون قرار میده. با استفاده از داکر میتونین نرم افزار خودتونو به سرعت در هر محیطی اجرا کنید و مطمئن باشین که کد شما اجرا میشه.
داکر چجوری کار میکنه ؟
داکر براساس معماری کلاینت-سرور کار میکنه. این سرویس شامل کلاینت ، میزبان و رجیستری داکره. کلاینت برای اجرای دستورات مختلف کاربرد داره و هاست نیز وظیفه اجرای Daemon رو برعهده داره. در رجیستری نیز Imageهای داکر نگهداری میشن. کلاینت داکر از طریق REST API با daemon ارتباط برقرار میکنه و از این طریق میتونین کانتینرهای داکر رو ایجاد، اجرا و توزیع کنید. هم کلاینت و هم daemon رو میتونین روی یک سرور اجرا کنین و یا به صورت ریموت اونها رو روی دو سرور مجزا اجرا کنین.
داکر چه کاربرد هایی داره؟
1️⃣ توسعه سریع و پایدار نرمافزارهای مختلف
2️⃣ اجرا و مقیاسبندی واکنشگرا
3️⃣ اجرای حجم کاری بیشتر روی سیستم
4️⃣ استفاده از دیتابیسهای زودگذر
5️⃣ ابزارهای یکبار مصرف
6️⃣ اجرای کامل دستههای نرمافزاری
یادگیری داکر برای تمامی حوزه های توسعه نرم افزار (فرانت اند ، بک اند و ....) کم کم تبدیل به امری ضروری داره میشه، جدا از محدودیت هایی که ما توی ایران برای استفاده ازش داریم. پس حتما به داکیومنت این پلتفرم خفن سر بزنین.
Document🌐
#docker #software #platform
@CodeModule
داکر یک پلتفرم نرمافزاریه با امنیت بالا هست که از طریق اون میتونین توسعه تست و اجرای نرم افزارهای مختلف رو با سرعت بالایی انجام بدید.
داکر نرمافزارهارو داخل یونیتهای استانداردی به اسم کانتینر قرار میده. کانتینرها تمامی مواردی که برای اجرای نرمافزار به اونها نیاز دارین مثل لایبرریهای مختلف، ابزارهای سیستم، کدها و رانتایمهای مختلف رو در اختیارتون قرار میده. با استفاده از داکر میتونین نرم افزار خودتونو به سرعت در هر محیطی اجرا کنید و مطمئن باشین که کد شما اجرا میشه.
داکر چجوری کار میکنه ؟
داکر براساس معماری کلاینت-سرور کار میکنه. این سرویس شامل کلاینت ، میزبان و رجیستری داکره. کلاینت برای اجرای دستورات مختلف کاربرد داره و هاست نیز وظیفه اجرای Daemon رو برعهده داره. در رجیستری نیز Imageهای داکر نگهداری میشن. کلاینت داکر از طریق REST API با daemon ارتباط برقرار میکنه و از این طریق میتونین کانتینرهای داکر رو ایجاد، اجرا و توزیع کنید. هم کلاینت و هم daemon رو میتونین روی یک سرور اجرا کنین و یا به صورت ریموت اونها رو روی دو سرور مجزا اجرا کنین.
داکر چه کاربرد هایی داره؟
یادگیری داکر برای تمامی حوزه های توسعه نرم افزار (فرانت اند ، بک اند و ....) کم کم تبدیل به امری ضروری داره میشه، جدا از محدودیت هایی که ما توی ایران برای استفاده ازش داریم. پس حتما به داکیومنت این پلتفرم خفن سر بزنین.
Document
#docker #software #platform
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11⚡4👌4
لینکدین چیه و چرا باید جدیش بگیریم؟ 🖥
اکثر افرادی که بخشی از دنیای بیزینس و برنامه نویسی هستن پروفایل لینکدین دارن. احتمالا اونا هم اینو شنیدن که پیوستن و استفاده از لینکدین برای شبکه سازی و در صورت لزوم پیدا کردن شغل و پروژه جدید خیلی مهمه.
میتونیم لینکدین و معادل یک نمایشگاه بدونیم که افراد مختلف میتونن با مدیران و کارکنان شرکتهای مختلف آشنا بشن و باهاشون در ارتباط با زمینه فعالیت خود صحبت، و شماره تلفن یا بقیه اطلاعات خودشون و با آنها به اشتراک بذارن.
5 دلیل برای استفاده از لینکدین⬇️
1️⃣ شبکه سازی
شبکه سازی یکی از مهم ترین مهارت هایی هست که یه فریلنسر باید بلد باشه. لینکدین میتونه به شما در ایجاد یه شبکه مجازی از مخاطبین کمک کنه. اگه در مقطعی از حرفهی خودتون دنبال شغل هستید، این میتونه ارزشمند باشه.
2️⃣ استخدامی
لینکدین برای ارتباط با کارفرماها راه خوبی هست. طبق آمار بیش از 87٪ از کارفرماها به طور منظم از لینکدین برای پیدا کردن نامزدهای جستجوی شغل فعال و غیرفعال استفاده میکنن و 35.5 میلیون نفر توسط شخصی که با اون در لینکدین ارتباط دارن استخدام شدن.
3️⃣ منبعی برای تحقیق
لینکدین یه راه عالی برای تحقیق در مورد شرکتها قبل از درخواست و مصاحبه برای یه موقعیته. با نگاه کردن به صفحه لینکدین یه شرکت، میتونید اطلاعات زیادی در مورد فرهنگ، هدف و حتی روند استخدام اون شرکت کسب کنید. همچنین منبع بزرگی برای کسب اطلاعات راجب دنیای برنامه نویسی هست.
4️⃣ رزومه
پروفایل شما در لینکدین در اصل یک رزومه کامل حساب میشه. زمانی که برای شغلی میخواید رزومه بفرستید میتونید آدرس پروفایل لینکدینتون و در ایمیل یا در نامه پوششی خود ذکر کنید. حتی یه سری از وبسایتهای کاریابی قسمتی برای اتصال پروفایل لینکدین کاربران به سایت خود دارن.
5️⃣ برندینگ
با اشتراک گذاری مقالات و نظریه هاتون، میتونید خودتون رو به عنوان یه حرفه ای در زمینه فعالیتتون معرفی کنید.
برای کمک به اعتبار بخشیدن به این موضوع، از تأییدیهها (endorsements) و توصیهها (recommendations) استفاده کنید. این ویژگیها به شما کمک میکنه که نشون بدید متخصصان معتبر در این زمینه شما رو یه متخصص ماهر میدونن.
لینکدین برای همه مفیده!
چه کسایی که دنبال شغل مناسبن، چه کسایی که دنبال نیروهای بامهارت هستن.
داشتن یک پروفایل لینکدین به پیدا کردن پوزیشن های شغلی مختلف، کانکشن و پروژه های جدید کمک میکنه😎
#linkedin
@CodeModule
اکثر افرادی که بخشی از دنیای بیزینس و برنامه نویسی هستن پروفایل لینکدین دارن. احتمالا اونا هم اینو شنیدن که پیوستن و استفاده از لینکدین برای شبکه سازی و در صورت لزوم پیدا کردن شغل و پروژه جدید خیلی مهمه.
میتونیم لینکدین و معادل یک نمایشگاه بدونیم که افراد مختلف میتونن با مدیران و کارکنان شرکتهای مختلف آشنا بشن و باهاشون در ارتباط با زمینه فعالیت خود صحبت، و شماره تلفن یا بقیه اطلاعات خودشون و با آنها به اشتراک بذارن.
5 دلیل برای استفاده از لینکدین
شبکه سازی یکی از مهم ترین مهارت هایی هست که یه فریلنسر باید بلد باشه. لینکدین میتونه به شما در ایجاد یه شبکه مجازی از مخاطبین کمک کنه. اگه در مقطعی از حرفهی خودتون دنبال شغل هستید، این میتونه ارزشمند باشه.
لینکدین برای ارتباط با کارفرماها راه خوبی هست. طبق آمار بیش از 87٪ از کارفرماها به طور منظم از لینکدین برای پیدا کردن نامزدهای جستجوی شغل فعال و غیرفعال استفاده میکنن و 35.5 میلیون نفر توسط شخصی که با اون در لینکدین ارتباط دارن استخدام شدن.
لینکدین یه راه عالی برای تحقیق در مورد شرکتها قبل از درخواست و مصاحبه برای یه موقعیته. با نگاه کردن به صفحه لینکدین یه شرکت، میتونید اطلاعات زیادی در مورد فرهنگ، هدف و حتی روند استخدام اون شرکت کسب کنید. همچنین منبع بزرگی برای کسب اطلاعات راجب دنیای برنامه نویسی هست.
پروفایل شما در لینکدین در اصل یک رزومه کامل حساب میشه. زمانی که برای شغلی میخواید رزومه بفرستید میتونید آدرس پروفایل لینکدینتون و در ایمیل یا در نامه پوششی خود ذکر کنید. حتی یه سری از وبسایتهای کاریابی قسمتی برای اتصال پروفایل لینکدین کاربران به سایت خود دارن.
با اشتراک گذاری مقالات و نظریه هاتون، میتونید خودتون رو به عنوان یه حرفه ای در زمینه فعالیتتون معرفی کنید.
برای کمک به اعتبار بخشیدن به این موضوع، از تأییدیهها (endorsements) و توصیهها (recommendations) استفاده کنید. این ویژگیها به شما کمک میکنه که نشون بدید متخصصان معتبر در این زمینه شما رو یه متخصص ماهر میدونن.
لینکدین برای همه مفیده!
چه کسایی که دنبال شغل مناسبن، چه کسایی که دنبال نیروهای بامهارت هستن.
داشتن یک پروفایل لینکدین به پیدا کردن پوزیشن های شغلی مختلف، کانکشن و پروژه های جدید کمک میکنه
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2
Please open Telegram to view this post
VIEW IN TELEGRAM
💔8😁5❤🔥4
ری اکت کوئری و هر چیزی که باید راجبش بدونیم!
ری اکت کوئری یکی از قدرتمندترین کتابخانه های React هست که به ما در زمینه Data-Fetching و State Management کمک میکنه. البته کتابخانه React Query به همین 2 قابلیت ختم نمیشه و مزایای بیشتری داره ک در ادامه با اون ها آشنا میشیم🔥
در حقیقت React Query یک کتابخانه ری اکتی هست و در پروژه هایی که با React یا Next.js توسعه داده شدن ، قابلیت استفاده داره.
اما ری اکت کوئری چه مزایایی داره ؟
‼️ امکان Fetch کردن اطلاعات از سرور
‼️ امکان کش کردن اطلاعات دریافت شده
‼️ بروزرسانی خودکار اطلاعات
‼️ قابلیت صفحه بندی یا Pagination
‼️ بهبود Performance پروژه
‼️ سازگاری کامل با تایپ اسکریپت
‼️ امکان مدیریت خطا و لودینگ
به جرئت میشه گفت که ری اکت کوئری برای همه پروژه های ری اکت ضروریه ! چون عملیات دریافت اطلاعات از سرور ، کش کردن اون اطلاعات و بروزرسانی اون اطلاعات رو برای ما خیلی ساده انجام میده و مدیریت میکنه.
برای یادگیری این کتابخونه خفن میتونید به داکیومنتش مراجعه کنید.
Document🌐
#library #react_query
@CodeModule
ری اکت کوئری یکی از قدرتمندترین کتابخانه های React هست که به ما در زمینه Data-Fetching و State Management کمک میکنه. البته کتابخانه React Query به همین 2 قابلیت ختم نمیشه و مزایای بیشتری داره ک در ادامه با اون ها آشنا میشیم
در حقیقت React Query یک کتابخانه ری اکتی هست و در پروژه هایی که با React یا Next.js توسعه داده شدن ، قابلیت استفاده داره.
اما ری اکت کوئری چه مزایایی داره ؟
به جرئت میشه گفت که ری اکت کوئری برای همه پروژه های ری اکت ضروریه ! چون عملیات دریافت اطلاعات از سرور ، کش کردن اون اطلاعات و بروزرسانی اون اطلاعات رو برای ما خیلی ساده انجام میده و مدیریت میکنه.
برای یادگیری این کتابخونه خفن میتونید به داکیومنتش مراجعه کنید.
Document
#library #react_query
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👌4⚡2
تو کمتر از 1 دقیقه هر وب سایتی که دوست داشتی و به طرح Figma تبدیل کن 🎨
پلاگین html.to.design یک ابزار کاربردیه که شامل یک افزونه فیگما و یک افزونه کروم هست و میتونه هر وبسایتی و به طرح های آماده فیگما تبدیل میکنه😎
نکته قابل توجه اینه که تو ماه، فقط ۱۲ بار میتونید از این پلاگین به صورت رایگان استفاده کنید و در صورت نیاز به استفاده بیشتر باید اشتراک تهیه کنید.
#plugin #tools #figma
@CodeModule
پلاگین html.to.design یک ابزار کاربردیه که شامل یک افزونه فیگما و یک افزونه کروم هست و میتونه هر وبسایتی و به طرح های آماده فیگما تبدیل میکنه
نکته قابل توجه اینه که تو ماه، فقط ۱۲ بار میتونید از این پلاگین به صورت رایگان استفاده کنید و در صورت نیاز به استفاده بیشتر باید اشتراک تهیه کنید.
#plugin #tools #figma
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡5❤🔥4👌4
با رقیب جدید Node.js آشنا بشید 🌟
این رقیب که اسمش Bun.js هست به وسیله فردی به نام «جارِد سامنر» (Jarred Sumner) با استفاده از زبان برنامه نویسی «Zig» ایجاد شده. هدف اصلی Bun.js ارائه پلتفرمی برای اجرای جاوا اسکریپت در خارج از مرورگر، مشابه Node.js و «Deno.js» هست اما Bun.js سرعت و پیچیدگی بیشتری نسبت به اونا ارائه میده.
ران تایم Bun با بهینهسازی اصل داخلی جاوا اسکریپت یا همون JavaScriptCore سعی کرده تا میزان کارایی بسیار بالاییو ارائه بده. در نتیجه چیزی که شاهد هستیم که Performance خیلی بهتر به نسبت جاوا اسکریپته.
همچنین Bun همراه با یک پکیج منیجر، یک transpiler و یک bundler عرضه میشه.
⚒ ابزارهای همراه Bun
همونطور که گفته شد Bun همراه با سه ابزار اصلی و ضروری برای توسعه اپلیکیشنها عرضه میشه.
🔵 یک Bundler که به شما این اجازه رو میده تا بتونید چندین فایل جاوا اسکریپتی رو در کنار همدیگه قرار داده و اونارو با همدیگه ترکیب کنین.
🔵 یک Task Runner که به شما تو انجام دادن کارهای تکراری کمک میکنه و استفاده از ابزارهای موجود در این زمینه مثل grunt.js بی نیاز میسازه.
🔵 یک Transpiler که در نهایت به تبدیل کدهای جاوا اسکریپتی به شما کمک میکنه. شما با استفاده از این ابزار توانایی استفاده از تایپ اسکریپت هم خواهید داشت.
آيا Bun از Node سریع تره؟
این سوالیه که جواب اون ممکنه به شدت شمارو شوکه کنه. Bun سه برابر از Node.js و حدود چهار برابر از Deno سریعتره. این آمار زمانی که از دیتابیس کوئری گرفته شده و با فریمورک React مشغول انجام Server-Rendering بودن دریافت شده. دلیل اصلی این موضوع وجود جایگزین بهتری برای موتور قدیمی V8 Chrome هست. در ساخت Bun از وب کیت مربوط به JavaScriptCore استفاده شده که به عنوان یکی از هستههای اصلی جاوا اسکریپت شناخته میشه.
اطلاعات بیشتر راجب Bun.js و میتونید داخل داکیومنتش مطالعه کنید⬇️
Document🌕
#js #runtime #performance
@CodeModule
این رقیب که اسمش Bun.js هست به وسیله فردی به نام «جارِد سامنر» (Jarred Sumner) با استفاده از زبان برنامه نویسی «Zig» ایجاد شده. هدف اصلی Bun.js ارائه پلتفرمی برای اجرای جاوا اسکریپت در خارج از مرورگر، مشابه Node.js و «Deno.js» هست اما Bun.js سرعت و پیچیدگی بیشتری نسبت به اونا ارائه میده.
ران تایم Bun با بهینهسازی اصل داخلی جاوا اسکریپت یا همون JavaScriptCore سعی کرده تا میزان کارایی بسیار بالاییو ارائه بده. در نتیجه چیزی که شاهد هستیم که Performance خیلی بهتر به نسبت جاوا اسکریپته.
همچنین Bun همراه با یک پکیج منیجر، یک transpiler و یک bundler عرضه میشه.
⚒ ابزارهای همراه Bun
همونطور که گفته شد Bun همراه با سه ابزار اصلی و ضروری برای توسعه اپلیکیشنها عرضه میشه.
آيا Bun از Node سریع تره؟
این سوالیه که جواب اون ممکنه به شدت شمارو شوکه کنه. Bun سه برابر از Node.js و حدود چهار برابر از Deno سریعتره. این آمار زمانی که از دیتابیس کوئری گرفته شده و با فریمورک React مشغول انجام Server-Rendering بودن دریافت شده. دلیل اصلی این موضوع وجود جایگزین بهتری برای موتور قدیمی V8 Chrome هست. در ساخت Bun از وب کیت مربوط به JavaScriptCore استفاده شده که به عنوان یکی از هستههای اصلی جاوا اسکریپت شناخته میشه.
اطلاعات بیشتر راجب Bun.js و میتونید داخل داکیومنتش مطالعه کنید
Document
#js #runtime #performance
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡2
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5
چگونه تبدیل به یک فریلنسر موفق بشیم؟ 🤔
با توجه افزایش تعداد فریلنسر ها و رقابت برای گرفتن پروژه، فقط داشتن مهارت کافی برای موفقیت یک فریلنسر کافی نیست. در ادامه بررسی میکنیم که یک فریلنسر باید چه ویژگی هایی داشته باشه یا چه دستورالعمل هایی و اجرا کنه تا در این زمینه نسبت به رقباش پیشی باشه.
1⃣ قدرت نه گفتن
بعضی موقعا میبینیم که یکسری از فریلنسر ها برای دریافت پروژه تن به هر دستمزدی میدن !
بیا این کار ارزش خودتون و پایین میارید و به جز ظلم به خودتون کار دیگه ای نکردید.
پس قبول کردن پروژه با دستمزد کم اشتباهه.
🔢 داشتن یک وبسایت یا portfolio
بهتره یک وبلاگ یا وبسایت داشته باشید تا در اونجا خودتونو معرفی، و تخصص خودتون و با تولید محتوا در اون حوزه کاری به نمایش بذارید.
به مرور زمان نمونه کار های خودتون رو هم قرار بدین تا کم کم به خوبی شناخته بشید.
🔢 فعالیت تو شبکه های اجتماعی
با فعالیت مفید (تولید محتوا در مورد تخصص خود) تو شبکه های اجتماعی مثل لینکدین هم میتونید نظر کارفرمایان و به خودتون جلب، و پروژه و موقعیت های استخدامی خوبی بدست بیارید.
🔢 خوش قولی
این بخش به میزان نه گفتن خودتون اهمیت داره. سعی کنید طبق تخصصی که یاد گرفتین ، پروژه ها رو به خوبی مدیریت کنید و تعهد کاری داشته باشید.
پروژه ها رو در زمان تعیین شده و به بهترین نحو به کارفرما تحویل بدین.
در این صورت علاوه بر یک مشتری وفادار، یک تبلیغ کننده خیلی خوب هم دارید :))
🔢 کانکشن سازی و ارتباطات خوب
یکی از دلیل های برتری فریلنسر ها نسبت به هم، همین بحث کانکشن سازی هست.
هر چی کانکشن های بیشتری داشته باشید احتمال گرفتن پروژه بیشتر میشه پس سعی کنید دایره ارتباطات خودتون و گسترش بدید.
🔢 نوشتن قرارداد
فریلنسر موفق برای تمامی پروژه هاش چه پروژه های کوچیک و چه پروژه های بزرگ قراداد مینویسه. این کار باعث میشه با توجه به قراردادی که تعیین شده کارها جلو بره و مشکل خاصی پیش نیاد.
برای اینکه بتونید در بین رقبای خود، بولد و در نهایت پیشرفت کنید یکسری از مشخصهها رو باید در هر حوزه کاری رعایت کنید.
امیدوارم چند نکته بالا به دردتون بخوره💙
#freelancer
@CodeModule
با توجه افزایش تعداد فریلنسر ها و رقابت برای گرفتن پروژه، فقط داشتن مهارت کافی برای موفقیت یک فریلنسر کافی نیست. در ادامه بررسی میکنیم که یک فریلنسر باید چه ویژگی هایی داشته باشه یا چه دستورالعمل هایی و اجرا کنه تا در این زمینه نسبت به رقباش پیشی باشه.
بعضی موقعا میبینیم که یکسری از فریلنسر ها برای دریافت پروژه تن به هر دستمزدی میدن !
بیا این کار ارزش خودتون و پایین میارید و به جز ظلم به خودتون کار دیگه ای نکردید.
پس قبول کردن پروژه با دستمزد کم اشتباهه.
بهتره یک وبلاگ یا وبسایت داشته باشید تا در اونجا خودتونو معرفی، و تخصص خودتون و با تولید محتوا در اون حوزه کاری به نمایش بذارید.
به مرور زمان نمونه کار های خودتون رو هم قرار بدین تا کم کم به خوبی شناخته بشید.
با فعالیت مفید (تولید محتوا در مورد تخصص خود) تو شبکه های اجتماعی مثل لینکدین هم میتونید نظر کارفرمایان و به خودتون جلب، و پروژه و موقعیت های استخدامی خوبی بدست بیارید.
این بخش به میزان نه گفتن خودتون اهمیت داره. سعی کنید طبق تخصصی که یاد گرفتین ، پروژه ها رو به خوبی مدیریت کنید و تعهد کاری داشته باشید.
پروژه ها رو در زمان تعیین شده و به بهترین نحو به کارفرما تحویل بدین.
در این صورت علاوه بر یک مشتری وفادار، یک تبلیغ کننده خیلی خوب هم دارید :))
یکی از دلیل های برتری فریلنسر ها نسبت به هم، همین بحث کانکشن سازی هست.
هر چی کانکشن های بیشتری داشته باشید احتمال گرفتن پروژه بیشتر میشه پس سعی کنید دایره ارتباطات خودتون و گسترش بدید.
فریلنسر موفق برای تمامی پروژه هاش چه پروژه های کوچیک و چه پروژه های بزرگ قراداد مینویسه. این کار باعث میشه با توجه به قراردادی که تعیین شده کارها جلو بره و مشکل خاصی پیش نیاد.
برای اینکه بتونید در بین رقبای خود، بولد و در نهایت پیشرفت کنید یکسری از مشخصهها رو باید در هر حوزه کاری رعایت کنید.
امیدوارم چند نکته بالا به دردتون بخوره
#freelancer
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👌3⚡2
متا تگ های کاربردی HTML که هر فرانت کاری باید بدونه! 🖐
متا تگ ها تو بحث سئو بسیار مهم و کاربردین، چرا که راهنمایی برای موتورهای جستجو مثل گوگل هستن تا بتونن درک درستی از صفحات سایت ما داشته باشن.
تو این پست چند تا از این متا تگ هارو با هم بررسی میکنیم⬇️
🔵 متا تگ description
این متا تگ برای وارد کردن توضیحات برای نتایج جستجو مورد استفاده قرار میگیره. این متاتگ نهایتا باید 150 کلمه باشه.
🔵 متا تگ keywords
ارائه کلمات کلیدی مربوط به محتوای صفحه به موتورهای جستجو با استفاده از این متا تگ انجام میشه.
🔵 متا تگ author
این متا تگ شامل اطلاعات مختلفی مثل اسم ، شماره تماس، آدرس، ایمیل و… از نویسنده سایت هست.
🔵 متا تگ copyright
این متا تگ برای مشخص کردن حق تالیف سند مورد استفاده قرار میگیره.
متاتگ کپی رایت باید به اسم صاحب اثر (شخص یا شرکت) باشه.
🔵 متا تگ robots
متا تگ robots ایندکس شدن یا نشدن صفحه توسط ربات های گوگل و دنبال کردن لینک ها رو توسط آنها مشخص میکنه.
🔵 متا تگ viewport
متا تگ viewport این قابلیت و ایجاد میکنه که اندازه صفحه سایت با اندازه صفحه نمایشگر دستگاه کاربر متناسب بشه و دیگخ خبری از به هم ریختگی و بینظمی نباشه و پارامتر های مختلفی میگیره.
🔵 متا تگ Charset
این متا تگ نوع کدگذاری مورد استفاده در این صفحه رو مشخص میکنه. این تگ به موتورهای جستجو و مرورگرها اطلاع میده که صفحه از چه استاندارد کدگذاری استفاده میکنه تا متون به درستی نمایش داده بشه.
البته متا تگ های دیگه ای هم وجود داره که یادگیریشون خالی از لطف نیست.
این مقاله تقریبا اکثر متا تگ هارو معرفی کرده و پیشنهاد میکنم حتما یه سر بهش بزنید.
#html #seo
@CodeModule
متا تگ ها تو بحث سئو بسیار مهم و کاربردین، چرا که راهنمایی برای موتورهای جستجو مثل گوگل هستن تا بتونن درک درستی از صفحات سایت ما داشته باشن.
تو این پست چند تا از این متا تگ هارو با هم بررسی میکنیم
این متا تگ برای وارد کردن توضیحات برای نتایج جستجو مورد استفاده قرار میگیره. این متاتگ نهایتا باید 150 کلمه باشه.
<meta name="description" content="150 words"/>
ارائه کلمات کلیدی مربوط به محتوای صفحه به موتورهای جستجو با استفاده از این متا تگ انجام میشه.
<meta name="keywords" content="your, keywords"/>
این متا تگ شامل اطلاعات مختلفی مثل اسم ، شماره تماس، آدرس، ایمیل و… از نویسنده سایت هست.
<meta name="author" content="name, email@hotmail.com" />
این متا تگ برای مشخص کردن حق تالیف سند مورد استفاده قرار میگیره.
متاتگ کپی رایت باید به اسم صاحب اثر (شخص یا شرکت) باشه.
<meta name="copyright" content="company_name" />
متا تگ robots ایندکس شدن یا نشدن صفحه توسط ربات های گوگل و دنبال کردن لینک ها رو توسط آنها مشخص میکنه.
<meta name="robots" content="index, follow" />
متا تگ viewport این قابلیت و ایجاد میکنه که اندازه صفحه سایت با اندازه صفحه نمایشگر دستگاه کاربر متناسب بشه و دیگخ خبری از به هم ریختگی و بینظمی نباشه و پارامتر های مختلفی میگیره.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
این متا تگ نوع کدگذاری مورد استفاده در این صفحه رو مشخص میکنه. این تگ به موتورهای جستجو و مرورگرها اطلاع میده که صفحه از چه استاندارد کدگذاری استفاده میکنه تا متون به درستی نمایش داده بشه.
<meta charset="UTF-8">
البته متا تگ های دیگه ای هم وجود داره که یادگیریشون خالی از لطف نیست.
این مقاله تقریبا اکثر متا تگ هارو معرفی کرده و پیشنهاد میکنم حتما یه سر بهش بزنید.
#html #seo
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥8⚡4👌2
از مزاحما عکس بگیر! 🥷
⚪️ اگه فکر میکنی بعضی اوقات کسی بی اجازه میره سراغ گوشیت و رمزت رو امتحان میکنه، حتما لازمه که این اپلیکیشن رو نصب کنی. با نصب این برنامه هرکسی که بیاجازه بره سراغ گوشی و اقدام به ورود کنه یه عکس به صورت خودکار ازش ثبت میشه.
⚪️ استفاده ازش هم کاری نداره، فقط کافیه وارد برنامه بشید و دکمه power و بزنید و دستگاهتون رو قفل کنید.
دانلود اپلیکیشن🧑🦽
#tools #security
@CodeModule
دانلود اپلیکیشن
#tools #security
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👌3💔1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁12
در دنیای امنیت سایبری، بکدور به روشی گفته میشه که توسط اون کاربرای مجاز و غیرمجاز قادر به دستیابی به اقدامات امنیتی عادی و دستیابی به سطح کاربر بالا (دسترسی به ریشه) در سیستم کامپیوتری، شبکه یا برنامه نرم افزاری باشن. پس از ورود، مجرمان سایبری می تونن از یک در پشتی برای سرقت اطلاعات شخصی و مالی، نصب بدافزارهای اضافی و … استفاده کنن.
شما می تونین بکدور رو تو قسمت های مختلفی مثل موارد زیر بزارید:
برخلاف سایر اختلال های سایبری که خوشونو به کاربر می شناسونن، backdoor به سختی شناخته میشن و معمولا به راحتی از بین نمیره.
بکدور ها میتونن از چند طریق مختلف اتفاق بیفتن. در صورت بروز بدافزار یا در حین تولید سخت افزار یا نرم افزار، این backdoor به وجود میاد.
بدافزارهای حاوی Backdoor معمولاً به عنوان Trojan طبقه بندی میشن. (تروجان یک برنامه کامپیوتری مخربه که به منظور تحویل نرم افزارهای مخرب، سرقت داده ها یا باز کردن یک درب پشتی به صورت مخفیانه در سیستم شما عمل میکنه)
هکرها می تونن از یک Backdoor برای نصب همه نوع بدافزارها روی کامپیوتر شما استفاده کنن و ضرر های سنگینی به شما بزنن.
برای امنیت در برابر بکدور ها می تونین از اسکنر های بکدور استفاده کنین و یا در صورت دسترسی، از آنتی ویروس ها و آنتی شلر ها استفاده کنین تا درصد اتفاق افتادنش رو کاهش بدید.
#security #hacking
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4⚡2
چجوری یک قرارداد کاری درست درمون با کارفرما بنویسیم ؟ 🔵
یکی از بزرگترین دغدغههای برنامه نویسا و فریلنسرا اینه که چجوری باید با شرکتها و اشخاص متفاوت قرارداد برنامه نویسی بنویسیم، چراکه نگارش یک قرارداد برنامه نویسی درست که الزمات و وظایف طرفین قرارداد رو به درستی شرح داده باشه مهمه!
چرا باید قرارداد برنامه نویسی بنویسیم؟
این سوال یکی از رایجترین مسائلیه که در میون اغلب فریلنسرها پیش میاد و گفته میشه که آقا ما نمیتونیم بدون داشتن یک قرارداد برنامه نویسی، پروژه ای رو انجام بدیم؟
جواب به این سوال اینه که افراد زیادی بر مبنا اعتمادی که به طرف مقابل داشتن به همین صورت وارد پروژه شدن و بعد از مدتی به چالش هایی برخوردن، که پایین تر به چند تاشون اشاره میکنیم:
⏳ فسخ یک طرفه قرارداد از جانب کارفرما یا مجری
⏳ دریافت وجه از جانب مجری و پیش نبردن پروژه
⏳ تعویق در پرداخت از جانب کارفرما
⏳ تعویق پروژه از جانب مجری
⏳ اختلافاتی در فرایند پروژه که منجر به دلخوری خواهد شد
⏳ زیر بار نرفتن یکی از طرفین برای انجام وظایفی که قبلا با هم درباره اون صحبت شده بود
بنابراین اتفاقی که میوفته اینه که بسیاری از افراد به دلیل اینکه اعتقادی به قراردادنویسی ندارن بعد از مدتی به چالشها و دلخوری هایی حل نشدنی برمیخورن که منجر میشه هر کدوم از طرفین پروژه از ادامه مسیر دلسرد بشن یا کلا اعتماد به همو از دست بدن.
✅ ویژگی یک قرارداد برنامه نویسی خوب چیه؟
بالاتر در رابطه با الزام قراردادنویسی صحبت کردیم و گفتیم نداشتن یک قرارداد خوب چقدر میتونه اثر منفی بر روی فرایند پروژه شما بزاره، حال در اینجا به این مسئله میپردازیم که ویژگی یک قرارداد برنامه نویسی خوب چیه؟
◀️ شرح کامل وظایف
یکی از مهمترین ارکان هر قرارداد کاری، شرح وظایف طرفین قرارداده، به این صورت که مجری طرح به درستی و شفاف و کامل، کاریو که قراره تحویل بده رو شرح میده(نیازی به شرح مسیر فرایند نیست).
به همین طریق کارفرما هم باید شرح وظایف و پرداختیها و ... رو هم به درستی تو قرارداد ذکر کنه.
◀️ قراردادن عنوان حل اختلاف
تو اغلب قراردادهای کاری وجود اختلاف یه چیز طبیعیه، اما اگر قبل از قرارداد پیش بینیهای لازمو جهت حل اختلاف نکرده باشین احتمالا به چالش هایی بر میخورید، برای اینکار لازمه که از یک حَکَم(مرضی الطرفین) که مورد اعتماد طرفین قرارداده برای اینکار استفاده کنین.
◀️ حفظ محرمانگی قرارداد
یکی از مواردی که طرفین قرارداد بالاخص مجری باید به اون متعهد باشه بحث محرمانگی دادههای قرارداده چراکه معمولا تو پروژههای برنامه نویسی، کارفرما دادههای محرمانه ای از کسب و کارشو در اختیار مجری قرار میده و این دادهها به هیچ عنوان نباید جایی منتشر بشه، حفظ این دادهها بر عهده مجری طرحه و باید در قرارداد ذکر بشه.
◀️ همکاری کارفرما با مجری
تو بسیاری از موارد دیده شده که کارفرما برای پیش برد کار خودش حاضر نیست زمانیو اختصاص بده و با مجری همکاری کنه و همین مسئله باعث بروز اختلافاتی میشه و دست آخر پروژه برنامه نویسی سر موقع تحویل داده نمیشه.
اگر این مواردو توی قراردادی که شما با کارفرما مینویسید رعایت کرده باشین، میتونین از به وجود اومدن خیلی از مشکلات جلوگیری کنین و پروژه رو به حرفه ای ترین شکل ممکن پیش ببرید.
#freelancer #contract
@CodeModule
یکی از بزرگترین دغدغههای برنامه نویسا و فریلنسرا اینه که چجوری باید با شرکتها و اشخاص متفاوت قرارداد برنامه نویسی بنویسیم، چراکه نگارش یک قرارداد برنامه نویسی درست که الزمات و وظایف طرفین قرارداد رو به درستی شرح داده باشه مهمه!
چرا باید قرارداد برنامه نویسی بنویسیم؟
این سوال یکی از رایجترین مسائلیه که در میون اغلب فریلنسرها پیش میاد و گفته میشه که آقا ما نمیتونیم بدون داشتن یک قرارداد برنامه نویسی، پروژه ای رو انجام بدیم؟
جواب به این سوال اینه که افراد زیادی بر مبنا اعتمادی که به طرف مقابل داشتن به همین صورت وارد پروژه شدن و بعد از مدتی به چالش هایی برخوردن، که پایین تر به چند تاشون اشاره میکنیم:
بنابراین اتفاقی که میوفته اینه که بسیاری از افراد به دلیل اینکه اعتقادی به قراردادنویسی ندارن بعد از مدتی به چالشها و دلخوری هایی حل نشدنی برمیخورن که منجر میشه هر کدوم از طرفین پروژه از ادامه مسیر دلسرد بشن یا کلا اعتماد به همو از دست بدن.
بالاتر در رابطه با الزام قراردادنویسی صحبت کردیم و گفتیم نداشتن یک قرارداد خوب چقدر میتونه اثر منفی بر روی فرایند پروژه شما بزاره، حال در اینجا به این مسئله میپردازیم که ویژگی یک قرارداد برنامه نویسی خوب چیه؟
یکی از مهمترین ارکان هر قرارداد کاری، شرح وظایف طرفین قرارداده، به این صورت که مجری طرح به درستی و شفاف و کامل، کاریو که قراره تحویل بده رو شرح میده(نیازی به شرح مسیر فرایند نیست).
به همین طریق کارفرما هم باید شرح وظایف و پرداختیها و ... رو هم به درستی تو قرارداد ذکر کنه.
تو اغلب قراردادهای کاری وجود اختلاف یه چیز طبیعیه، اما اگر قبل از قرارداد پیش بینیهای لازمو جهت حل اختلاف نکرده باشین احتمالا به چالش هایی بر میخورید، برای اینکار لازمه که از یک حَکَم(مرضی الطرفین) که مورد اعتماد طرفین قرارداده برای اینکار استفاده کنین.
یکی از مواردی که طرفین قرارداد بالاخص مجری باید به اون متعهد باشه بحث محرمانگی دادههای قرارداده چراکه معمولا تو پروژههای برنامه نویسی، کارفرما دادههای محرمانه ای از کسب و کارشو در اختیار مجری قرار میده و این دادهها به هیچ عنوان نباید جایی منتشر بشه، حفظ این دادهها بر عهده مجری طرحه و باید در قرارداد ذکر بشه.
تو بسیاری از موارد دیده شده که کارفرما برای پیش برد کار خودش حاضر نیست زمانیو اختصاص بده و با مجری همکاری کنه و همین مسئله باعث بروز اختلافاتی میشه و دست آخر پروژه برنامه نویسی سر موقع تحویل داده نمیشه.
اگر این مواردو توی قراردادی که شما با کارفرما مینویسید رعایت کرده باشین، میتونین از به وجود اومدن خیلی از مشکلات جلوگیری کنین و پروژه رو به حرفه ای ترین شکل ممکن پیش ببرید.
#freelancer #contract
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6⚡3
این 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
کلمه 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
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡8🔥4👌3
Good night 🌚 ✨
″هیچ حقوق و دستمزدی ارزش اینو نداره که به خاطرش سلامت روح و روانت و از دست بدی″
@CodeModule
″هیچ حقوق و دستمزدی ارزش اینو نداره که به خاطرش سلامت روح و روانت و از دست بدی″
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥4👌3