آموزش Gulp.js ، Git و Browserify: گردش کار پروژه وب

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

1. شروع کار 1. Getting Started

• چرا مدیریت گردش کار؟ Why workflow management?

• بررسی گردش کار ما Exploring our workflow

• الزامات نصب Installing requirements

• ایجاد پرونده pack.json Creating a package.json file

• دارایی های ما را اضافه می کنیم Adding our assets

• از جمله پرونده های JavaScript ما Including our JavaScript files

• استفاده از Sass و Compass برای CSS Using Sass and Compass for CSS

• پیگیری پروژه ما با Git و GitHub Tracking our project with Git and GitHub

2. تنظیم گردش کار توسعه 2. Setting Up a Development Workflow

• نصب Gulp.js Installing Gulp.js

• اولین کار خود را با قهوه خوری انجام می دهیم Processing our first task with gulp-coffee

• جاوا اسکریپت را با هم ترکیب می کنیم Combining our JavaScript

• وارد کردن کتابخانه ها با Browserify Importing libraries with Browserify

• پردازش ساس و قطب نما Processing Sass and Compass

3. تنظیم ساختمانها و اتوماسیون 3. Setting Up Builds and Automation

• صدور وظایف به ترتیب و به طور پیش فرض Issuing tasks in sequence and by default

• مشاهده تغییرات در پرونده های ما Watching changes to our files

• بارگیری مجدد مرورگر خود به صورت خودکار Reloading our browser automatically

• بارگیری مجدد استاتیک Adding static reloads

4- ایجاد ساخت تولید 4. Creating Production builds

• تنظیم متغیرهای محیط Setting up environment variables

• شرم آور شرطی با خندق Uglifying conditionally with gulpif

• HTML خود را به حداقل برسانیم Minifying our HTML

• پرونده JSON ما را خرد می کند Crushing our JSON file

• تصاویر فشرده سازی Compressing images

نتیجه Conclusion

• مراحل بعدی Next steps