سوالاتی برای ساختن و برقرار کردن راهنمای FrontEnd (جلسه 18) : ابزار و تجهیزات - قسمت 1

دسته بندی: آموزش
زمان مطالعه: 3 دقیقه
۲۸ اسفند ۱۳۹۵

frontend

همونطور که اطلاع دارید در جلسه گذشته موارد مربوط به Font یا فونت رو به پایان رسوندیم و حالا قصد داریم مواردی رو در مورد Tooling یا ابزار و تجهیزات در اختیارتون قرار بدیم.

Tooling یا ابزار و تجهیزات

  • آیا شما از Task runner‌ها استفاده می‌کنید؟

همونطور که میدونین با استفاده از Task runner‌ها یا اجرا کننده وظایف میتونین کارهای تکراری و زمانبر رو به سادگی و بدون دردسر و در سریع‌ترین زمان انجام بدین. چند وقت پیش ما دوره Grunt که یکی از معروفترین Task runner‌ها هست رو قرار دادیم و شما رو بصورت کامل با اون آشنا کردیم. شما با استفاده از Task runner‌ها و پلاگینهای متنوعی که برای اونا به وجود اومدن تقریبا میتونین هر کاری رو انجام بدین. در اینجا تعدادی از معروفترین و بهترین ابزارها در این رابطه رو بهتون معرفی میکنیم.grunt

این تصویر مربوط به Grunt هست و میشه اون رو معروفترین Task runner دونست. این ابزار اولین ابزاری هست که در این رابطه پا به میدان گذاشت و کارها رو به طرز شگفت آوری راحت می‌کرد. اخیرا نسخه 1 اون منتشر شده است و میتونین از اون استفاده کنید. بدلیل اینکه روش استفاده Grunt از دستورها و فایلها و ... ناکارآمد و کند هست، خیلی از کاربران دیگه از Grunt استفاده نمیکنن و سمت ابزارهایی مثل Gulp میرن که سرعت و کیفیت بهتری رو داره و مزیتهای زیادی نسبت به Grunt در اختیار کاربران قرار میده.gulp

این تصویر مربوط به Gulp هست که بعد از Grunt پا به میدان گذاشت و معایبی که Grunt داشت رو برطرف کرد و ویژگی‌های دیگه ای رو هم به خودش اضافه کرد که کاربران زیادی رو به سمت خودش جذب کرد. در Gulp همه چیز بصورت Pipe یا لوله کشی انجام میشه و خروجی هر دستور، ورودی دستور دیگه هست و سرعت انجام کارها خیلی زیاد هست. یکی از مزیتهای Gulp اینه که تیم قوی در پشت اون هستند و همیشه به روز رسانی میشه.brunch

این تصویر مربوط به brunch هست یکی از مزیتهای اون کم حجم بودن فایل تنظیمات یا Config اون هست که نسبت به Gulp و Grunt خیلی کوچکتر هست. این ابزار هم همیشه به روز میشه و مزیتهایی داره که میتونین در مورد اون تحقیق کنید.broccoli

این تصویر مربوط به ابزار Broccoli هست. این مورد رو هم میشه یکی از جدیدترین ابزارهای در این دست دانست و یکی از شعارهاش اینه که ابزارهای مورد نیاز برای باز شدن سایت درون مرورگر رو آماده میکنه.npm-scripts

این تصویر مربوط به NPM هست که همون Node Package Manager هست. npm درون خودش امکانی رو قرار داده که شما رو نسبت به ابزارهایی مثل grunt و gulp و ... تا حد زیادی بی نیاز میکنه و میتونین به راحتی همه کارها رو مدیریت و اجرا کنید.این روش مزیتهای زیادی داره و سرعت زیاد و نبود واسطه رو میشه از جمله این مزیتها دانست. برای مطالعه بیشتر در این زمینه میتونین این لینک رو مشاهده کنید.

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

امیدوارم از این مطلب خوشتون اومده باشه.

موفق باشید

یا علی

Source

چه امتیازی به این مقاله می دید؟
نویسنده محمد اسفندیاری
بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

جلسات دوره

نظرات کاربران

اولین دیدگاه این پست رو تو بنویس !

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.