Web前端进阶技术培训

模块

课程内容

项目贯穿

实训目标

JS高级

正则表达式、Function与匿名函数、作用域与闭*、面向对象编程、Object对象与对象模板、this、call()/bind()/applay()、原型与继承、原型链、ECMAScript 5和ECMAScript 6（ES2019）的新特性（Promise、async/await、模块规范export/import）

“学子商城”项目之商品模块的页面编写、功能实现以及服务器交互功能完善

掌握JS原生对象API的使用；理解JavaScript面向对象编程理论，对封装、继承、原型链、闭*、模块化编程有深入的理解；同时掌握最新版本的ECMAScript语言的各类新特性

BOM&DOM

Document对象、节点对象、节点树和元素树、选取并读取节点、文档遍历以及增加节点、删除节点、元素样式编辑、Window对象、定时器、BOM模型、事件的定义及处理、event对象、location对象、history对象、screen对象、cookie对象的使用

深入理解D O M和B O M编程模型，熟练掌握D O M & B O M编程A P I的使用，能够熟练的使用JavaScript原生代码对页面进行处理，完成各种页面动态效果以及复杂动态交互的实现

阶段项目

“学子商城”用户交互效果实现：级联下拉菜单、手风琴和树形菜单、弹出框和模态框、轮播广告多种实现、滚动监听

“学子商城”项目中页面功能的实现

熟练掌握原生DOM&BOM操作，实现常见的页面交互效果：轮播广告、楼层滚动、标签页等

jQuery

jQuery原理解析、jQuery选择器（*括基本选择器、层次选择器、过滤选择器、表单选择器）、jQuery的DOM操作（*括HTML页面元素的增删改查）、jQuery事件、事件冒泡与事件处理、jQuery动画、jQuery常用Plug-in、开发jQuery插件、jQuery扩展、AJAX的增强操作、跨域访问与JSONP

“学子商城”项目的购物车功能实现

掌握jQuery核心API，深入理解jQuery设计思想，了解多种jQuery插件，能够熟练使用jQuery进行DOM操作、事件处理、执行复杂动画效果以及服务器端数据API访问

阶段项目

“学子商城”管理后台子系统：前台子系统完善、管理后台功能实现、前后端数据交互、复杂跨域访问（JSONP、CORS、请求代理

“学子商城”之订单模块

进一步完善项目中购物车、订单相关功能，熟练掌握全栈开发中，从前端到后台开发的全部技能

TypeScript和Vue.js

TypeScript语言、静态类型和基于类的面向对象、MVC和MV VM模式、双向数据绑定原理分析及实现、计算属性、Vue指令、组件化应用构建、组件通信、组件嵌套、组件间数据传递、自定义指令、自定义过滤器、插槽、Vue-Router、Axios、Vuex（state、mutation、getter、action）原理分析

“学子商城”后台子系统

深入理解MVVM设计模式以及在最新版Vue.js框架中的实现原理，熟练掌握数据驱动的渐进式框架，能够熟练使用Vue.JS实现视图层的开发，驱动复杂的单页应用，以及复杂数据状态管理

阶段项目

“学子商城”MVVM框架重构：使用Vue.js框架重构“学子商城”项目管理后台子系统

深入理解电商项目前台站点和后台管理站点的需求，基于后台功能接口，实现后台管理站点的Web前端功能开发