最新消息:欢迎大家来到小月博客

Grunt-beginner前端自动化工具-高清视频

web前端 小月 1545浏览 0评论

Grunt-beginner前端自动化工具-高清视频

【课程介绍】:

作为一名开发人员,在WEB前端项目开发中,重复而枯燥的工作太多,Grunt自动化的项目构建工具,帮你解决这些问题,对重复执行的任务像压缩,合并,编译,单元测试及代码检查等, 通过配置Grunt自动化工具,可以减轻您的劳动,简化您的工作。

Grunt-beginner前端自动化工具-高清视频

Grunt-beginner前端自动化工具-高清视频

【课程须知】:

1.想提高运行前端开发工作流程 ; 2.有一些项目开发经验,效果会更好。

【你能学到什么?】

1. Grunt工具和插件的安装 2. 如何进行项目配置 3. 如何配置任务 4. 如何执行任务 5. Grunt的使用

【课程提纲】:

第1章 课程介绍
介绍什么是前端集成解决方案,目前流行的是哪几种,主流方案即yeoman,bower,grunt的组合。而grunt只能算是build Tools, 构成竞争的几种主流的build Tools 包括 Ant, Buildy, Gmake, Jammit, Jasy, Rake, Sprockets,Gulp。 通过学习本课程力争让大家学习到现代web项目的思想,进而在自己的项目中整合进集成…

第2章 准备工作
简单介绍NodeJS环境及其安装,Grunt基于NodeJS构建;Yeoman, Bower, Grunt的安装方法,及安装成功与否验证。

第3章 Yeoman实践
引导大家阅读Yeoman生成的WebApp代码, 详解各个文件的作用,穿插讲解editconfig,以及代码规范。

第4章 Bower实践
演示如何使用Bower安装Jquery 和 bootstrap相关的js和css文件, 详解Bower的配置文件。

第5章 Grunt实践
对于已有的Grunt项目我们如何将其跑起来;已有的未使用Grunt构建的项目,如何将Grunt强大的能力引入其中,讲讲npm的核心package.json,如何安装Grunt的插件,如何一步到位编写Grunt的配置文件及配置文件各项详解。

第6章 Grunt – plugins
本章除了能愉快地掌握怎样为grunt编写,贡献插件。我们还将一窥开源生态,学习如何通过github快速构建自己的项目,并搭建主页推介出去。最最重要的,这一节已请佛祖开光,大家快来一窥究竟吧。

第7章 扩展知识介绍
相同的任务使用 Gulp 和 npm 如何实现,比较三者优劣。

第8章 课程总结
通过本课程我们切实了解了现代Web的开发方式以及最前沿的集成解决方案。后续希望能跟大家聊一聊那些让我们的开发事半功倍的前端工具。


转载请注明:小月博客 » Grunt-beginner前端自动化工具-高清视频

一点心意×
 收藏 (1)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册