|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/gulp-itd/
课程评论:没有评论
Coursera 课程总结:Gulp 任务管理器 本课程时长约 3 小时,共 21 个视频,旨在教授如何使用 Gulp 任务管理器。课程共分为三章,并包含丰富的补充材料。 **第一章:Gulp 入门与基础配置** * 学习使用 NPM 包管理器,初始化 Node.js 项目并创建 `package.json` 配置文件。 * 掌握 Gulp 的全局和本地安装方法,以及如何安装和引入 NPM 插件。 * 创建 Gulp 项目的基础构建,实现对 CSS、JavaScript 的处理,并自动监视文件更改。 * 学习如何将配置好的 Gulp 项目发布到 GitHub,以便重复利用或免费下载。 **第二章:Gulp 功能扩展与优化** * 学习压缩图片,精简 HTML 代码。 * 引入更多实用的 CSS 和 JavaScript 处理插件。 * 优化终端输出信息,实现项目文件更改时的自动页面刷新。 **第三章:Gulp 与预处理器集成** * 配置 Gulp 以支持 Sass、Stylus、Pug 等预处理器。 * 集成 TypeScript 和 CoffeeScript 等语言的处理。 完成本课程后,您将全面掌握 Gulp 的使用方法,能够根据自身需求进行定制和修改,并获得一套完整的 Gulp 任务管理器最终代码。
В этом видео курсе вы изучите работу с Gulp. Продолжительность курса около 3 часов. В курсе для вас подготовлен 21 видео урок. Обязательно изучите все дополнительные материалы прикрепленные к урокам. Курс состоит из 3 глав, в которых вы научитесь работать с Gulp.В первой главе мы будем работать с менеджером пакетов NPM, инициализировать проект с помощью Node.js и создавать конфигурационный файл package.json, установим Gulp глобально и локально, научимся устанавливать и подключать NPM плагины в наш проект. Создадим базовую версию сборки проекта на Gulp, которая позволит нам обрабатывать стили, скрипты и отслеживать изменения в этих файлах автоматически. Так же я покажу, как повторно использовать готовую сборку в своих новых проектах размещу её на GitHub и вы в любой момент сможете скачать код настроенного Gulp бесплатно.Во второй главе мы расширим возможности нашего сборщика и добавим возможность сжимать изображения, минифицировать HTML код, так же добавим несколько полезных плагинов для работы со стилями и скриптами. Улучшим вывод информации в терминал и настроим автоматическое обновление сайта при изменении любых файлов в нашем проекте. В третей главе я покажу как настроить плагины для работы с препроцессорами Sass, Stylus, Pug и языками Type Script и Coffee Script. После подведения итогов данного курса у вас будет полное понимание как работать с Gulp, как добавить что то в эту сборку или изменить её под себя, а так же вы получите готовый код сборки финальной версии нашего планировщика задач Gulp.