前端开发速学成财:nodejs+gulp+webpack基础实战篇—14647人已学习
课程介绍
本课程是目前流行的前端开发速学课程。知识点涉及怎么结合gulp、webpack、Babel等并结合NodeJS+NPM开发前端。通过本课程让你领域目前时髦的前端开发方式,而不再是简单的在页面里写写javascript或css,进一步提升我们的前端开发逼格
课程收益
通过本课程可以学习到现代化的前端构建套路。技术学习不仅仅是知识点,更重要的是实战套路
讲师介绍
沈逸 更多讲师课程
IT自媒体《程序员在囧途》发起人,csdn博客讲师。从事IT开发、管理、自营十三年。实战级技术+商务相结合的IT创业者。著有图书《失业的程序员》
课程大纲
第1章:开脑与热身
1. 开张课讲故事:文科生角度告诉你为什么我们要学"历史"? 26:36
2. 原来我们是"这样的"前端开发人员 23:09
3. 自己来粗糙的玩一玩javascript的"编译"(1) 19:15
4. 粗糙的玩一玩javascript编译(2)css也能"编译" 15:05
5. 粗糙的玩一玩javascript编译(3)图片也能"编译" 18:51
第2章:gulp和webpack混合学习
1. gulp篇:速度上手,执行我们第一个任务 15:48
2. gulp篇:前端"清洁大妈"的产生 19:02
3. gulp篇:速玩JS文件合并和压缩 8:19
4. webpack篇:编译JS的正确姿势 10:43
5. 混合篇:webpack和gulp"勾结"初步 12:59
6. 实战演练:用gulp 构建前端页面(1)---静态构建 9:28
7. 实战演练:用gulp像CMS那样生成新闻页面 22:10
8. 实战演练:用gulp+EJS像CMS那样生成完整新闻内容面 17:45
9. 实战演练:用gulp+webpack构建用户登录(1) 14:42
10. 实战演练:用gulp+webpack构建用户登录(2):简化 14:59
11. 实战演练:用gulp+webpack构建用户登录(3):使用jquery的正确姿势 15:55
12. 用gulp +webpack构建登录页面(4):把我们的业务模块分开打包 11:27
13. 构建登录页面(5):样式处理初步 16:22
14. 构建登录页面(6):样式单提取 12:20
15. 附加课:多页面分离资源引用,按需引用JS和css 12:27
16. 附加课:用webpack的CommonsChunkPlugin提取公共代码的3种方式 13:38
17. 附加课:利用webpack使用jQuery插件的正确姿势[课后有Bug更正] 23:09
18. 利用gulp自动完成配置"吐"给webpack执行 19:39
19. Gulp+webpack模板化开发演练(1):分离公共头文件 15:55
20. Gulp+webpack模板化开发演练(2):利用远程JSON半动态加载新闻头条 14:05
第3章:前端利器Babel+ES2015体验学习篇
1. 高逼格Babel,快速入门 18:59
2. 实战演练之用户业务类(1):基本类结构 25:41
3. 实战演练之用户业务类(2):利用ES2015把业务类和实体类分离 17:49
4. babel和webpack整合(1):把我们代码封装到node_modules里 19:07
5. babel和webpack整合(2):两者同时"编译"我们的JS代码 10:48
6. 自学能力培养篇:ReactJS乱入之渲染页面元素 21:05
7. 自学能力培养:ReactJS乱入之组件化和自己实现的简单路由 13:40
8. 自学能力培养:ReactJS乱入之借助框架封装自定义组件的姿势 18:53
第4章:webpack+gulp+sass学习篇
1. 在实战演练中开张:外部文件引用和变量 27:39
2. 实战演练:嵌套、mixin、变量计算、颜色函数 20:09
3. 实战演练:响应式处理(1):变量模板、mixin实战用法 20:44
4. 已发布 4 实战演练:响应式处理(2):最外层container的响应式宽度写法 16:48
5. 在实战中撸知识点:把布局拆分为12列(1) 17:16
6. 在实战中学习知识点:把布局拆分为12列(2):拆分和偏移 13:48
7. 在实战中学习知识点:做一个有逼格的table(1) 24:34
8. 在实战中学习知识点:做一个有逼格的table(2) 18:58
9. 补充知识点:大家很好奇的字体图标是什么鬼? 12:13
10. 补充知识点:webpack和sass结合编译 10:54
11. 总结课:为什么我们觉得前端很难? 9:51
大家可以点击【 查看详情】查看我的课程
课程介绍
本课程是目前流行的前端开发速学课程。知识点涉及怎么结合gulp、webpack、Babel等并结合NodeJS+NPM开发前端。通过本课程让你领域目前时髦的前端开发方式,而不再是简单的在页面里写写javascript或css,进一步提升我们的前端开发逼格
课程收益
通过本课程可以学习到现代化的前端构建套路。技术学习不仅仅是知识点,更重要的是实战套路
讲师介绍
沈逸 更多讲师课程
IT自媒体《程序员在囧途》发起人,csdn博客讲师。从事IT开发、管理、自营十三年。实战级技术+商务相结合的IT创业者。著有图书《失业的程序员》
课程大纲
第1章:开脑与热身
1. 开张课讲故事:文科生角度告诉你为什么我们要学"历史"? 26:36
2. 原来我们是"这样的"前端开发人员 23:09
3. 自己来粗糙的玩一玩javascript的"编译"(1) 19:15
4. 粗糙的玩一玩javascript编译(2)css也能"编译" 15:05
5. 粗糙的玩一玩javascript编译(3)图片也能"编译" 18:51
第2章:gulp和webpack混合学习
1. gulp篇:速度上手,执行我们第一个任务 15:48
2. gulp篇:前端"清洁大妈"的产生 19:02
3. gulp篇:速玩JS文件合并和压缩 8:19
4. webpack篇:编译JS的正确姿势 10:43
5. 混合篇:webpack和gulp"勾结"初步 12:59
6. 实战演练:用gulp 构建前端页面(1)---静态构建 9:28
7. 实战演练:用gulp像CMS那样生成新闻页面 22:10
8. 实战演练:用gulp+EJS像CMS那样生成完整新闻内容面 17:45
9. 实战演练:用gulp+webpack构建用户登录(1) 14:42
10. 实战演练:用gulp+webpack构建用户登录(2):简化 14:59
11. 实战演练:用gulp+webpack构建用户登录(3):使用jquery的正确姿势 15:55
12. 用gulp +webpack构建登录页面(4):把我们的业务模块分开打包 11:27
13. 构建登录页面(5):样式处理初步 16:22
14. 构建登录页面(6):样式单提取 12:20
15. 附加课:多页面分离资源引用,按需引用JS和css 12:27
16. 附加课:用webpack的CommonsChunkPlugin提取公共代码的3种方式 13:38
17. 附加课:利用webpack使用jQuery插件的正确姿势[课后有Bug更正] 23:09
18. 利用gulp自动完成配置"吐"给webpack执行 19:39
19. Gulp+webpack模板化开发演练(1):分离公共头文件 15:55
20. Gulp+webpack模板化开发演练(2):利用远程JSON半动态加载新闻头条 14:05
第3章:前端利器Babel+ES2015体验学习篇
1. 高逼格Babel,快速入门 18:59
2. 实战演练之用户业务类(1):基本类结构 25:41
3. 实战演练之用户业务类(2):利用ES2015把业务类和实体类分离 17:49
4. babel和webpack整合(1):把我们代码封装到node_modules里 19:07
5. babel和webpack整合(2):两者同时"编译"我们的JS代码 10:48
6. 自学能力培养篇:ReactJS乱入之渲染页面元素 21:05
7. 自学能力培养:ReactJS乱入之组件化和自己实现的简单路由 13:40
8. 自学能力培养:ReactJS乱入之借助框架封装自定义组件的姿势 18:53
第4章:webpack+gulp+sass学习篇
1. 在实战演练中开张:外部文件引用和变量 27:39
2. 实战演练:嵌套、mixin、变量计算、颜色函数 20:09
3. 实战演练:响应式处理(1):变量模板、mixin实战用法 20:44
4. 已发布 4 实战演练:响应式处理(2):最外层container的响应式宽度写法 16:48
5. 在实战中撸知识点:把布局拆分为12列(1) 17:16
6. 在实战中学习知识点:把布局拆分为12列(2):拆分和偏移 13:48
7. 在实战中学习知识点:做一个有逼格的table(1) 24:34
8. 在实战中学习知识点:做一个有逼格的table(2) 18:58
9. 补充知识点:大家很好奇的字体图标是什么鬼? 12:13
10. 补充知识点:webpack和sass结合编译 10:54
11. 总结课:为什么我们觉得前端很难? 9:51
大家可以点击【 查看详情】查看我的课程