课程介绍
课程整体上分4个大块:
1. JDK8、9、10新特性
2.Webpack4
.ES6、7、8新特性
4.一个大的实战案例:在koa中使用ES6、7新特性
课程特色
1. 老师自身的工作经历丰富,在10年的时间里面,5年后端,5年前端。个人技术全面,后端方面熟悉Java相关的技术体系,如spring-boot、MyBatis、Ehcache、ELK、mysql等;前端方面熟悉jQuery、Flex、Extjs、Angular、Bootstrap、Electron、koa、NodeJS等。在最近5年的时间里面负责过公司三代前端框架的开发和维护,最新版本的框架已经被应用到超过200个项目中,包括几个合同金额超过1亿元人民币的项目。
2. 在讲解的过程中,全程上手练习,一边讲一边动手,确保大家能最大程度地理解和掌握应该具备的技能。
3. 在课程的组织形式方面,推荐采用结对编程的方式,2个人一组。目的是促进同事之间的沟通与协作,同时也增强小组之间的竞争意识,让所有参与者保持全程紧张的状态。
课程收益
1、掌握JDK8、9、10新特性;
2、熟练使用最新的webpack 4;
3、掌握ES6、7、8的新特性;
课程对象
1、有前端框架使用经验的开发者(如jQuery、ExtJS、React、Vue等均可);
2、有后端编程经验(如Java、.NET、PHP等均可),希望学习前端技术的开发者;
学员基础
至少能熟练使用一门编程语言(Java、C#、Python等均可)。
关键词
JDK新特性、webpack、ES6
课程大纲
时间 | 内容 | 案例实践与练习 |
JDK8、9、10新特性 | 1、JDK8是一个大改的版本,增加了很多新特性,其中最受大家关注的是Lambda表达式。这一小节首先系统罗列一下JDK8的新特性,然后重点关注Lambda表达式。 2、JDK9引入了数百项改进和新特性,其中最受开发者欢迎的新特性有2个:Reactive Stream(反应式编程的Java实现)、Modularity System(模块系统),这一小节会重点讲这2个新特性的概念和用法。 3、JDK10引入了109项新特性,与JDK8、9相比,改动幅度不大,也没有特别革命性的修改,这一小节将会重点描述:类型推断、GC和内存管理改进。 | 这里每一个小节都会有5个以上上手练习的例子。 |
webpack 4 | 深入理解webpack是后面定制脚手架的基础,这部分内容分两个大块:使用篇和高级篇。使用篇专注webpack的各种用法,不涉及太多底层的原理。高级篇的目标是为了后面定制脚手架做准备,会涉及到webpack的底层原理,如插件机制、编译过程等。
使用篇 1、webpack的基本概念; 2、快速上手 3、详解Webpack配置文件 4、各种loader的用法:Babel、LESS和SASS、img-load、字体文件loader 5、Webpack各种插件的使用方法,示范代码压缩Uglify插件。 6、webpack-dev-server的用法。
高级篇 1、webpack的编译过程和插件机制。 2、编写自己的loader。 3、编写自己的插件。 4、Tree-Shaking。 5、React路由配置文件对打包文件的影响和处理方式。 6、HMR的使用方法。 7、在自己的Node工具里面如何集成webpack。 | 这里共给出12个demo,除第一节介绍基本概念之外,每个小节都有一个上手练习的例子。 |
ES6、7、8 新特性 | ES6是一个大版本,里面修改了非常多的东西;ES7里面的新特性非常少,最受开发者期待的是async/await这个特性;ES8只增加了两个非常小的feature,没有太多学习成本。所以,这里最大的篇幅在ES6上面:
基础:了解JavaScript与ECMA的发展历程 技术细节:掌握14个新特性
| 每一个小节至少上手练习1个案例; 一个大的实战案例,在koa中使用ES6、7新特性; |