آرمان وب؛ تفکر آرمانی، نتیجه آرمانی

طراحی سایت با Grunt و Bower

 طراحی سایت با Grunt و Bowerابزار Grunt و  Bower برای مدیریت پروژه های طراحی سایت کاربرد دارند و امکاناتی را در اختیار طراحان وب سایت قرار می دهند که برای مدیریت , تست و بررسی و کامپایل برنامه های تحت وب کاربردی هستند.

Grunt چیست؟

گرانت یا Grunt ابزاری است که تحت زبان جاوا اسکریپت نوشته شده است و برای بهبود روند طراحی سایت و مدیریت بهینه در طراحی سایت مورد استفاده قرار می گیرد.

یک مثال کاربردی از استفاده از گرانت را میتوان اینگونه بیان کرد که تا به حال حتما شده که برای تصاویری که میخواهید در محیط وب سایت خود قرار دهید از ابزار فتوشاپ برای کاهش سایز استفاده کنید ولی آیا تا به حال فکر کرده اید که برای کاهش سایز تصاویر دستوری وجود دارد که میتوان تمامی فایل های تصاویر وب سایت را به آسانی کاهش سایز داد و دیگر احتیاجی به Save For Wbفتوشاپ ندارید.

این ابزار کاهش سایز توسط دستور Grunt در خط فرمان git-bashقابل پیاده سازی است و به راحتی میتواند تمامی تصاویر جدیدی که در وب سایت آپلود می کنید را کاهش سایز دهد.

همچنین در هنگام تست پروژه نیازمند reloadکردن مجدد صفحات وب سایت هستید که با کمک ابزار Gruntمیتوانید reloadکردن صفحه وب سایت را به صورت خودکار انجام دهد.

bower

Bower چیست؟

یک ابزار مدیریتی در طراحی وب سایت است که توسط مجموعه ایی از کتابخانه هایی که داراست توانسته امکانات متعددی را در توسعه وب سایت ها اعمال کند.

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

Bowerهم مانند گرانت از زبان جاوا اسکریپت برای توسعه آن استفاده شده است که با داشتن فایل bower.jsnمیتوانید به راحتی کلیه ی فایل های نصبی کتابخوانه ها را دریافت کنید.

از مزایای Bower میتوان به موارد زیر اشاره کرد:

-نیاز به جستجو برای پیدا کردن کتابخانه ها نخواهید داشت

-آپدیت کتابخانه ها به صورت خودکار انجام خواهد شد

-با داشتن با فایل Bower.json میتوانید تمامی کتابخوانه ها را مجددا در پروژه ی دیگر نصب کنید

-فایل های نصبی کتابخانه ها را از منابع مختلف به صورت خودکار جستجو خواهد کرد

 

در مقالات بعدی نحوه نصب Grunt و Bower را در پروژه های طراحی سایت آموزش خواهیم داد.

 

مشاوره و آنالیز آرمان وب

استرایگان

به مشاوره نیاز دارید

با خیال راحت تصمیم بگیرید،آرمان وب در کنار شماست
Tell Icon