» آموزش گرانت (Grunt) به زبان فارسی

 

گرانت چیست؟

گرانت (Grunt) یک بسته نرم افزاری است که با Nodejs طراحی شده است و به کمک آن می توانید یک سری وظایف (Task) در پروژه خود تعریف کنید که یک سری کارهای تکراری را به صورت اتوماتیک انجام دهد.

فریمورک grunt بیش از ۵۰۰۰ پلاگین دارد و کارهایی که می تواند انجام دهد خیلی زیاد است. بخشی از کارهایی که می توانید به کمک گرانت انجام دهید:

  • کامپایل کردن خودکار فایل های typescript و less و sass و coffee script
  • فشرده سازی فایل های css و js و html
  • یکپارچه سازی فایل های css و js
  • فشرده سازی عکس ها
  • ایجاد تغییر در فایل ها
  • و …

کاربردهای گرانت چیست؟

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

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

همچنین شما می توانید به جای کم حجم کردن عکس های پروژه با فتوشاپ، این کار را با یک کلیک انجام دهید.

شما می توانید به جای Reload کردن صفحه های پروژه بعد از هر تغییر، این کار را به این فریمورک بسپارید تا بدون نیاز به رفرش کردن صفحه با هر تغییری که در پروژه ایجاد می کنید محتویات صفحه به صورت خودکار بروزرسانی شوند.

در برخی پروژه ها موقع خروجی گرفتن (مثلا خروجی برای سیستم عامل اندروید یا IOS یا …) نیاز هست یک سری دستورات را در cmd یا terminal وارد کنید که این فریمورک می تواند این کارها را با یک کلیک و یا به صورت خودکار انجام دهد.

بعضی وقت ها هم نیاز دارید هنگام نصب برنامه شما روی سیستم مشتری، پکیج های مورد نیاز برنامه نیز روی کامپیوتر یا سرور مشتری نصب شوند. این کار را به کمک این فریمورک می توانید به صورت اتوماتیک انجام دهید.

کاربردهای این فریمورک به اینجا ختم نمی شود و هزاران پلاگین کاربردی برای این فریمورک نوشته شده است که می توانید از آن ها به بهترین شکل در پروژه های خود استفاده کنید.

این دوره به درد چه افرادی می خورد؟

  • توسعه دهندگان وب، مستقل از هر تکنولوژی می توانند از این دوره برای بهبود کیفیت وب سایت های خود استفاده کنند.
  • توسعه دهندگان موبایل که با تکنولوژی هایی نظیر Cordova ، Phonegap ، Ionic، React و سایر تکنولوژی های مبتنی بر جاوااسکریپت یا تایپ اسکریپت کار می کنند می توانند برای افزایش امنیت و سرعت اپلیکیشن های خود از این دوره استفاده نماید.
  • توسعه دهندگان در همه سیستم عامل ها از جمله لینوکس، ویندوز و مک می توانند از این ابزار استفاده نمایند.

آیا این دوره پشتیبانی دارد؟

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

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

در صورتی که از دوره ناراضی بودم چه کنم؟

تمامی آموزش های سایت گیت پلاس دارای گارانتی بازگشت وجه بدون قید و شرط هستند و در صورت نارضایتی از محصول، تمام وجه پرداخت شده به شما پرداخت می گردد.

در صورتی که قصد خرید دوره را دارم اما به هر دلیلی امکان پرداخت وجه را ندارم چه کنم؟

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

چگونه می توانم دوره را دریافت کنم؟

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

 

عنوان دوره: آموزش کامل گرانت (Grunt) به زبان فارسی

مدرس: مریم شهابادی

مدت زمان دوره: ۷٫۵ ساعت (۲۲ جلسه)

پیشنیاز: ندارد

حجم دوره: ۱٫۳GB

150.000 ریال – خرید

سرفصل های دوره:

  • ۱آشنایی با Grunt js
    • معرفی گرانت
    • نصب و راه اندازی گرانت
    • ایجاد ساختار پروژه
    • معرفی و ایجاد فایل package.json و gruntfile.js در پروژه
  • ۲یکی کردن فایلها با استفاده از پلاگین grunt-contrib-concat
    • آشنایی با نحوه نوشتن task ها در گرانت
    • ذخیره فایلهای css در یک فایل واحد
    • ذخیره فایلهای js در یک فایل واحد
    • آشنایی با اجرا کردن task ها در cmd
    • ایجاد جداکننده separator بین فایلها
  • ۳فشرده سازی فایلهای css
    • فشرده سازی فایلهای css با استفاده از پلاگین grunt-contrib-cssmin
    • مشخص کردن سطح فشرده سازی فایلها
    • ایجاد source map فایلها
  • ۴سفارشی کردن task ها در گرانت
    • اجرا کردن همزمان تمام task ها با استفاده از دستور grunt در cmd
    • اجرای task ها به صورت جداگانه همراه با نام task
  • ۵فشرده سازی فایلهای js
    • فشرده سازی فایلهای جاوا اسکریپت با استفاده از پلاگین grunt-contrib-uglify
    • استفاده از آپشن mangle برای عدم تغییر پارامتر های ورودی توابع
    • ایجاد source map فایلهای فشرده شده
  • ۶کامپایل کردن فایلهای پیش پردازنده sass بدون استفاده از روبی
    • کامپایل کردن فایلهای sass به css با پلاگین grunt-sass بدون نیاز به نصب روبی
    • نصب سورس بوت استرپ ۴ با دستور npm در پروژه
    • سفارشی سازی و جداسازی استایلها و کامپوننت های فریم ورک bootstrap4 با پلاگین فوق
    • جداسازی کامپوننت های (nav-navbar-alert-button-carousel)
    • فشرده سازی خروجی فایل sass
    • معرفی و استفاده از انواع فشرده سازی در فایل های sass
  • ۷کامپایل کردن فایلهای پیش پردازنده sass با استفاده از روبی
    • نصب روبی روی سیستم عامل ویندوز
    • آشنایی و معرفی وبسایت rubygems.org
    • نصب sass با استفاده از gem
    • کامپایل کردن فایلهای sass با استفاده از پلاگین grunt-contrib-sass
    • جداسازی استایلهای کامپوننت button در بوت استرپ با پلاگین فوق
  • ۸کامپایل کردن فایلهای پیش پردازنده less
    • کامپایل کردن فایلهای less به css با پلاگین grunt-contrib-less
    • سفارشی سازی و جداسازی کامپوننت panel در بوت استرپ ۳
  • ۹اجرای اتوماتیک task ها
    • اجرا شدن task ها به صورت اتوماتیک همزمان با تغییر محتوای فایل با استفاده از grunt-contrib-watch
    • تغییر در محتوای فایلهای css,js,sass,less و اجراشدن همزمان تسک های مربوطه
  • ۱۰ایجاد وب سرور localhost
    • ایجاد وب سرور و مشاهده تغییرات زنده در مرورگر
    • مشاهده تغییرات در مرورگر بدون نیاز به رفرش با استفاده از پلاگین grunt-contrib-connect
    • استفاده از آپشن reload در تسکهای connect و watch
  • ۱۱کامپایل کردن فایلهای coffee script
    • معرفی زبان برنامه نویسی coffee script
    • کامپایل کردن فایلهای coffee script به فایل جاوااسکریپت با پلاگین grunt-contrib-coffee
    • استفاده از آپشن bare برای عدم قرارگیری کد خروجی در تابع
  • ۱۲فشرده سازی تصاویر
    • فشرده سازی تصاویر با استفاده از پلاگین grunt-contrib-imagemin
    • معرفی سطح فشرده سازی تصاویر
  • ۱۳تبدیل تصاویر به سایزهای مختلف در سایتهای واکنش گرا
    • نصب Graphicsmagic
    • تبدیل تصاویر به سایزهای مختلف با پلاگین grunt-responsive-images
    • معرفی و استفاده از آپشن size
  • ۱۴بررسی و خطایابی فایل های css
    • بررسی فایلهای css با پلاگین grunt-contrib-csslint
    • مشاهده تمام ویژگی های csslint
    • معرفی و خطایابی فایل css در وب سایت csslint
    • استفاده از آپشن برای عدم بررسی ویژگی های موجود در csslint
    • ایجاد رشته json برای تعریف قوانین و بررسی فایل css
  • ۱۵بررسی و خطایابی فایل های js
    • بررسی فایلهای js با پلاگین grunt-contrib-jshint
    • نصب jshint-stylish برای مشاهده گزارشی از خطاها همراه با line , col
  • ۱۶حذف استایل های اضافی از صفحه وب
    • معرفی پلاگین grunt-uncss
    • حذف استایل های استفاده نشده در فایل اتچ شده به صفحه وب با استفاده از پلاگین grunt-uncss
  • ۱۷آشنایی با bower
    • معرفی bower
    • معرفی وب سایت bower و جستجوی فریم ورکها
    • نصب و راه اندازی bower
    • ساخت فایل bower.json
    • معرفی دستور نصب پکیج با استفاده از bower
    • معرفی دستور حذف پکیج با استفاده از bower
    • معرفی دستور جستجوی پکیج با استفاده از bower
    • نصب فریم ورک bootstrap با استفاده از bower
    • نصب bootstrap-rtl با استفاده از bower
    • نصب فریم ورک fontawesome با استفاده از bower
    • افزودن فایلهای cssوjs پکیج های فوق به صورت خودکار در صفحه وب با استفاده از پلاگین grunt-wiredep
    • گرفتن تم بوت استرپ و فارسی سازی آن با استفاده از grunt و bower

 

150.000 ریال – خرید
بازدید : 1,656 بازدید دسته بندی : برنامه نویسی موبایل ، طراحی وب تاريخ : ۲۷ دی ۱۳۹۶ به اشتراک بگذارید :
دیدگاه کاربران
    • دیدگاه ارسال شده توسط شما ، پس از تایید توسط مدیران سایت منتشر خواهد شد.
    • دیدگاهی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد.

This site uses Akismet to reduce spam. Learn how your comment data is processed.