آموزش Gulp 4: گردش کار توسعه خود را خودکار کنید

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

معرفی Introduction

• معرفی دوره Course introduction

• ساختار دوره Course structure

• ابزار Tools

• فایل های تمرینی Exercise files

معرفی Introduction

• معرفی دوره Course introduction

• ساختار دوره Course structure

• ابزار Tools

• فایل های تمرینی Exercise files

گلپ: اصول اولیه Gulp: basics

• معرفی ماژول Module introduction

• Gulp چیست و چرا باید از آن استفاده کرد؟ What is Gulp and why to use it?

• وابستگی های Gulp Gulp dependencies

• نصب Gulp Gulp installation

• Gulpfile.js و اولین وظیفه ما Gulpfile.js and our first task

• تکمیل کار سیگنال Gulp Gulp signal task completion

• ایجاد ساختار پروژه Create project structure

• تکلیف ساس Sass task

• کار Sass را به روز کنید Update Sass task

• نقشه های منبع Sass Sass source maps

• وظیفه تماشای Gulp Gulp watch task

• وظیفه همگام سازی مرورگر Gulp Gulp Browser Sync task

• اضافه کردن html watch task Add html watch task

• تکلیف 1 Assignment 1

• خلاصه ماژول Module summary

گلپ: اصول اولیه Gulp: basics

• معرفی ماژول Module introduction

• Gulp چیست و چرا باید از آن استفاده کرد؟ What is Gulp and why to use it?

• وابستگی های Gulp Gulp dependencies

• نصب Gulp Gulp installation

• Gulpfile.js و اولین وظیفه ما Gulpfile.js and our first task

• تکمیل کار سیگنال Gulp Gulp signal task completion

• ایجاد ساختار پروژه Create project structure

• تکلیف ساس Sass task

• کار Sass را به روز کنید Update Sass task

• نقشه های منبع Sass Sass source maps

• وظیفه تماشای Gulp Gulp watch task

• وظیفه همگام سازی مرورگر Gulp Gulp Browser Sync task

• اضافه کردن html watch task Add html watch task

• تکلیف 1 Assignment 1

• خلاصه ماژول Module summary

Gulp: CSS، JS و تصاویر را بهینه کنید Gulp: Optimize CSS, JS and images

• معرفی ماژول Module introduction

• CSS minify task CSS minify task

• JS کار را تماشا و کوچک می کند JS watch and minify task

• تغییر نام فایل های کوچک شده Rename minified files

• وظیفه الحاق JS JS concatenation task

• خطا و راه حل Imagemin Imagemin error and solution

• کار بهینه سازی تصویر Image optimization task

• رفع خطای gulp-imagemin Fix gulp-imagemin error

• وظیفه کش تصویر Image cache task

• دستور Gulp پیش فرض Default Gulp command

• تکلیف 2 Assignment 2

• خلاصه ماژول Module summary

Gulp: CSS، JS و تصاویر را بهینه کنید Gulp: Optimize CSS, JS and images

• معرفی ماژول Module introduction

• CSS minify task CSS minify task

• JS کار را تماشا و کوچک می کند JS watch and minify task

• تغییر نام فایل های کوچک شده Rename minified files

• وظیفه الحاق JS JS concatenation task

• خطا و راه حل Imagemin Imagemin error and solution

• کار بهینه سازی تصویر Image optimization task

• رفع خطای gulp-imagemin Fix gulp-imagemin error

• وظیفه کش تصویر Image cache task

• دستور Gulp پیش فرض Default Gulp command

• تکلیف 2 Assignment 2

• خلاصه ماژول Module summary

Gulp: بهبودهای بیشتر Gulp: further improvements

• معرفی ماژول Module introduction

• کار جزئی کیت HTML HTML .kit partials task

• فایل‌های .kit را شبیه HTML کنید (برجسته‌سازی نحو) Make .kit files look like HTML (syntax highlighting)

• HTML کوچک کردن HTML minify

• وظیفه پیشوند خودکار CSS CSS autoprefixer task

• وظیفه بابل JS JS babel task

• ساختار gulpfile.js ما را بهینه کنید Optimize our gulpfile.js structure

• گلپ زیپ Gulp Zip

• منطقه تمیز Gulp Gulp clean dist

• رسیدگی به اعلان ها Handle notifications

• Gulp: تبدیل فایل به سبک مدرن Gulp: Convert file to modern style

• Gulp وظایف را جداگانه اجرا می کند Gulp execute tasks separately

• خلاصه Summary

Gulp: بهبودهای بیشتر Gulp: further improvements

• معرفی ماژول Module introduction

• کار جزئی کیت HTML HTML .kit partials task

• فایل‌های .kit را شبیه HTML کنید (برجسته‌سازی نحو) Make .kit files look like HTML (syntax highlighting)

• HTML کوچک کردن HTML minify

• وظیفه پیشوند خودکار CSS CSS autoprefixer task

• وظیفه بابل JS JS babel task

• ساختار gulpfile.js ما را بهینه کنید Optimize our gulpfile.js structure

• گلپ زیپ Gulp Zip

• منطقه تمیز Gulp Gulp clean dist

• رسیدگی به اعلان ها Handle notifications

• Gulp: تبدیل فایل به سبک مدرن Gulp: Convert file to modern style

• Gulp وظایف را جداگانه اجرا می کند Gulp execute tasks separately

• خلاصه Summary

نتیجه Conclusion

• فایل پیکربندی Gulp کاملاً برجسته Fully featured Gulp configuration file

• پایان دوره Course wrap up

نتیجه Conclusion

• فایل پیکربندی Gulp کاملاً برجسته Fully featured Gulp configuration file

• پایان دوره Course wrap up