点播 前端内容的自动化构建

课程时长 02小时27分钟

学习期限 12 个月 退款期限 30 天

市场价格 免费 会员价格 免费

难度级别 中级 学习人次 13529 综合评分 4.2

内容实用 4.2 分

简洁易懂 4.0 分

逻辑清晰 4.4 分

  • 详情
  • 目录
  • 评价5

简介:随着前端技术的快速发展,前端内容在整个web开发中所占的比例越来越重。本课将为你解答如何自动化构建前端内容,提升我们的前端开发效率。本课程分为三个部分,第一部分讲解什么是构建,为什么需要自动化构建,后面两部分分别讲解如何使用Gulp进行JavaScript和CSS的构建。

第1章概念介绍

  • 介绍课程目标和学习内容
    07分钟48秒

第2章browserify

  • 什么是browserify以及为什么要使用browserify
    13分钟15秒
  • 使用browserify来实现JavaScript的模块化
    10分钟43秒

第3章使用gulp进行构建

  • 使用gulp进行构建-1使用shell脚本进行构建
    01分钟44秒
  • 使用gulp进行构建-2gulp的基本用法
    01分钟52秒
  • 使用gulp进行构建-3使用gulp进行构建
    05分钟36秒
  • 自动化JavaScript构建-1使用gulp.watch实现自动化构建-
    08分钟15秒
  • 自动化JavaScript构建-2使用watchify实现自动化构建
    07分钟37秒

第4章使用Browserify加载第三方类库

  • 什么是uglifyJS前端内容的自动化构建
    05分钟17秒
  • 使用browserify来构建第三方类库
    11分钟27秒
  • 使用browserify+browserify-shim来构建第三方类库
    07分钟51秒
  • 使用gulp-uglify来压缩JavaScript
    08分钟50秒
  • 使用gulp-if给gulp加入条件判断
    04分钟53秒

第5章使用coffeescipt和ES6来优化代码

  • 使用coffeescipt和ES6来优化代码-1CoffeeScript的介绍
    04分钟17秒
  • 使用coffeescipt和ES6来优化代码-2在gulp中将CoffeeScript编译为JavaScript
    09分钟55秒
  • 使用coffeescipt和ES6来优化代码-3ES6的介绍和在gulp中将ES6编译为JavaScript
    09分钟04秒

第6章CSS的前端构建

  • minify-css的介绍和使用gulp-clean-css来压缩css代码
    08分钟08秒
  • 使用gulp-concat来合并css文件和css的自动化构建
    04分钟35秒
  • SASS来帮忙-1SASS的介绍
    07分钟45秒
  • SASS来帮忙-2使用gulp-sass来编译SASS代码
    06分钟36秒
  • 总结
    02分钟02秒
13529
5
0