۵ ابزار برنامه نویسی وب که زندگی تون رو راحت تر میکنه!

اینترنت، نه فقط میتونه بهتون برنامه نویسی یاد بده، بلکه میتونه ابزار هایی رو در اختیارتون قرار بذاره که این فرایند رو بسیار ساده تر کنه و دیگه لازم نباشه موقع نوشتن کد، درگیر پیچیدگی های عجیب و غریب بشید. ابزار های آنلاین خیلی زیادی وجود داره که میتونه در مراحل مختلف نوشتن یه برنامه یا سایت بهتون کمک کنه و باعث صرفه جویی توی زمان بشه.قبلا توضیح دادم که چطور میتونیم برنامه نویس وب بشیم و حالا توی این مطلب، لیستی از ابزارهای بدردبخور رو برای این برنامه نویسی وب منتشر میکنم. شما هم اگه ابزار برنامه نویسی دیگه ای رو میشناسید،‌ حتما کامنت بذارید و معرفیش کنید.۱. سرویس Can I Useپشتیبانی مرورگرها از تکنولوژی مورد استفاده شما در سایت تون، مساله مهمیه. حتی اگه بهتر برنامه دنیا رو بنویسید اما قابل اجرا نباشه، فایده ای نداره.اما قضیه از جایی سخت میشه که ما اولا نمیدونیم کاربر قراره از چه مرورگری استفاده کنه، و ثانیا نمیتونیم تمام نسخه های مرورگر ها رو تست کنیم و از کار کردن فلان ویژگی سایتمون مطمئن بشیم.اما خبر خوب اینه که سرویس آنلاین Can I Use این کار رو برامون انجام میده. فقط کافیه وارد سایتش بشید،‌تکنولوژی مورد نظرتون رو سرچ کنید و مرورگرهایی که اون رو پشتیبانی میکنن ببینید!۲. سرویس Unminifyبرای بهینه کردن کدهای سایت مون، باید اونا رو فشرده سازی کنیم. این کار، تمام کامنت ها و فاصله های بین خطوط رو حذف میکنه و تا حد ممکنه کد رو فشرده و کم حجم میکنه و باعث میشه سرعت بارگذاری سایت بالاتر بره.اما همونطور که خوندن این کدها خیلی سخته، برگردوندنشون به حالت اول هم کار سختیه. (مگه اینکه سورس اولیه کد رو داشته باشید) سرویس Unminify کمک میکنه که کدها رو به شکل اولشون در بیاریم و تا قابل خوندن بشن. فقط کافیه که وارد سایتش بشید، کد فشرده ای که کپی کردید رو اونجا جایگذاری کنید و نتیجه رو به سرعت تحویل بگیرید.۳. سرویس Compressorفایل های عکس،‌یه بخش جدایی ناپذیر از سایت های امروزیه. تقریبا غیرممکنه که سایتی رو بدون عکس پیدا کنید. اما همون اندازه که استفاده از عکس زیبا مهمه،‌سیک و کم حجم بودن این عکس ها هم خیلی مهمه. چون سرعت بارگذاری سایت یه فاکتور بسیار مهم سئو محسوب میشه و ظاهرا برای گوگل هم خیلی مهمه (اون قدری که توی سرچ کنسول،‌ یه بخش آزمایشی برای سنجش سرعت سایت اضافه کرده)راهکار عادی اینه که شما تصویر مورد نظرتون رو وارد فتوشاپ یا هر ابزار ویرایش عکس دیگه ای میکنید، سعی میکنید حجم اون رو پایین بیارید و یه خروجی مناسب برای وب بگیرید. اما میشه این کار رو خیلی راحت تر انجام داد.سرویس آنلاین Compressor، برای همین کار طراحی شده. روش کار خیلی ساده است. وارد سایت میشید، عکس مورد نظرتون رو آپلود میکنید و در سریعترین زمان ممکن، یه فایل جدید تحویل میگیرید که کیفیتش با فایل اصلی تفاوت چندانی نداره، اما حجمش خیلی پایین تره!بعد از اتمام کار هم میتونید هم فایل رو دانلود کنید، هم اون رو توی گوگل درایو یا دراپ باکس ذخیره کنید.این سرویس سرعت خیلی خوبی داره اما نکته مهم اینجاست که اگه عکس قبلا کم حجم شده باشه (با هر نرم افزاری) اونوقت حجم فایل خروجی با حجم فایل ورودی تفاوت چندانی نداره.۴. سرویس Repl.itمحیط های توسعه نرم افزار (IDE) و ادیتور های زیادی وجود داره که میتونید ازشون استفاده کنید و حتی یه سری از برنامه نویس ها روی ادیتور و IDE مورد استفاده شون حسابی تعصب دارن! :)اما میشه قضیه رو خیلی ساده تر گرفت و ابزار برنامه نویسی Repl.it برای همین اینجاست. این سرویس، یه IDE آنلاین رو در اختیارتون قرار میده که امکان برنامه نویسی با خیلی از زبان های مطرح مثل جاوا اسکریپت،‌ پایتون، کاتلین، روبی و... در اون وجود داره و حتی میتونید پکیج ها و کتابخونه های مختلف رو هم بهش اضافه کنید. خبر بهتر اینه که Dark Theme هم داره!۵. سرویس Web Codeیه سرویس باحال برای طراح های فرانت اند! توی این سایت، میتونید خصوصیات مختلف و المان هایی که مد نظرتونه وارد کنید و خیلی سریع کدش رو تحویل بگیرید. اینطوری دیگه لازم نیست زمانتون رو صرف نوشتن دستی استایل، عناصر وب پیج و… بکنید.اما نکته مهم اینجاست که بهتره وقتی سراغ این سرویس برید که توی نوشتن کدهای مورد نیاز یه سایت حرفه ای شدید و دیگه هدفتون فقط صرفه جویی در زمانه. در غیر اینصورت، میتونه باعث بشه که خیلی از جزئیات کار رو درک نکنید و کاملا ابزار محور بشید و اگه یه روز نتونید به این ابزار دسترسی پیدا کنید، توی دردسر می افتین!اگه به مطلب علاقه داشتید، ایده خوبیه که اونو برای بقیه هم بفرستید. علاوه بر این، در همین مبحث،‌ میتونید مقاله هفت ترفند طراحی رو سایت رو هم بخونید.