4006-998-758
3000+课程任你选择
JDK8910+webpack4+ES678新特性
研发学院 JDK8910+webpack4+ES678新特性 开课时间:2024-11-19
大漠老师

工作经历丰富,在11年的时间里面,6 年后端,5 年前端。。我参与或领导过公司多个核心业务系统的设计和前端框架的研发工作。技术全面,持有阿里云ACP 认证和腾讯 TVP 技术专家头衔。

在ZTEsoft工作期间,担任产品技术战略规划委员会常务委员,先后参与并主导了公司内部两个版本前端框架的研发工作。基于Flex的R13框架和基于jQuery体系的FISH框架都获得了非常大的成功。5年来,两个框架累计被应用在超过200个项目和产品中,其中包括N个合同金额过亿元人民币的项目。


查看老师详情
课程内容

课程介绍


课程整体上分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. 新增let、const与块级作用域

  2. 新增解构赋值

  3. 扩展内置对象:字符串(模板字符串)、正则、数值、函数(箭头函数)、数组、对象

  4. 新增Symbol类型

  5. 新增数据结构:新增Set、WeakSet、Map、WeakMap

  6. 新增代理机制Proxy

  7. 新增反射机制Reflect

  8. 新增Promise支持,Promise已经内置到语言层面

  9. 新增Iterator接口和for...of遍历机制

  10. 新增Decorator支持

  11. 新增Generator函数和async函数

  12. 新增OO特性:Class和Interface

  13. 新增模块化机制(特别注意import()这个异步加载方案,已经进入了候选阶段)

  14. ES7引入的async/await

每一个小节至少上手练习1个案例;

一个大的实战案例,在koa中使用ES6、7新特性;

 


返回上一级