|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/gulp-4-automate-your-development-workflow/
课程评论：没有评论
课程名称：Gulp 4：自动化您的开发工作流程 课程概述：本课程将教您如何使用 Gulp 4 自动化常规和繁琐的任务。课程使用的代码编辑器是 Visual Studio Code（尽管您可以使用任何代码编辑器）。课程面向初学者或对 Gulp 不熟悉的人，重点教授如何为前端开发设置良好的配置文件。 如果您之前从未听说过 Gulp，它是一个特殊的工具包，允许您在网页开发中自动化常规任务。在本课程中，我将向您展示如何安装 Gulp 4，使用不同的 Gulp 插件，编写任务并跟踪文件变化。在课程结束时，您将拥有一个功能齐全的 Gulp 配置文件，可以在自己的项目中使用。 我们将从最基本的知识开始，我会教您如何安装所有必要的依赖包和 Gulp 本身。接着，我们将探讨如何编写任务并监测文件变化。几乎每一课我们都会改善我们的 Gulp 配置文件，并为其添加新功能。我还会提供完整的 Gulp 配置文件，并附上额外的注释，描述最常用的 Gulp APIs、glob 模式和任务设置指南，以便您在使用 Gulp 创建自己的任务时有很好的参考。 如果您还在自己手动处理常规任务，Gulp 将改变这一切。快来开始吧！ 课程要求：您需要具备 Javascript、HTML 和 CSS 的基础知识。 课程内容包括： - 安装 Gulp 依赖 - 安装 Gulp - 基本 Gulp 任务 - 项目结构 - SASS 预处理 - LESS 预处理 - 监视文件变化 - 样式源映射（SASS/LESS） - CSS 压缩 - Javascript 压缩 - HTML 压缩 - Javascript 合并 - 文件重命名 - 图像优化 - 图像缓存 - HTML 模板语言（Kit） - CSS 自动添加前缀 - Javascript Babel 转码 - 项目归档 - 完整的 Gulp 配置文件及注释，供您在自己的项目中使用 授课教师：我是 Sergey Shtyrlov，一名前端开发者。我在这个领域工作了将近 7 年，并且仍在持续工作中。Gulp 对于网页开发至关重要，您一定会从中受益！
What's this course about?In this course you will learn how to automate routine and tedious tasks with Gulp 4. The code editor for the course is Visual Studio Code (although you can use any code editor). The course is aimed at the beginners or people new to Gulp and will teach you how to set up a good configuration file for the frontend development.More details please!If you have never heard of Gulp before, it is a special toolkit that allows you to automate routine tasks in web development. In this course I will show you how to set up Gulp 4, use different Gulp plugins, write tasks and track the file changes. At the end of the course you will have a fully functional gulp configuration file, which can be used in your own projects.We will start from the very basics. I will show you how to install all the needed dependencies and the Gulp itself. Then we will explore how to write tasks and watch for file changes. Almost every lesson we will improve our gulp configuration file and add a new feature to it. I will also provide to you the complete gulp configuration file with additional comments describing most used Gulp APIs, glob patterns and a guide on setting up a task, so that you would have a good hint while creating your own tasks with Gulp.If you still do routine tasks by yourself, Gulp will probably change it. Let's get started!What should you know to take the course?Javascript basics, HTML basics, CSS basicsWhat's inside?Installation of Gulp dependenciesInstallation of GulpBasic Gulp tasksProject structureSASS preprocessingLESS preprocessingWatch for file changesStyles source maps (SASS/LESS)CSS minificationJavascript minificationHTML minificationjavascript concatenationFile renamingImages optimizationsImages cachingHTML templating language (Kit)CSS AutoprefixerJavascript Babel transpilingProject archivingComplete Gulp configuration file with comments that you can use in your own projectsWho is teaching you?My name is Sergey Shtyrlov. I'm a frontend developer. I've been working in this sphere for almost 7 years and continue doing it today. Gulp is essential for web development and you will sure benefit from it!
