上海交大教育IT研究院

课程安排

本课程适合零基础学员或有意向转行的技术人员。

第一阶段 HTML5+CSS3基础

掌握PS基础知识、切图及插件切图、HTML基本语法、HTML常用标签及属性、HTML语义化、Html表单、 CSS语法及使用技巧、背景图技术、CSS3高级选择器、盒子模型和浮动、定位和flex布局、变形和动画、响应式布局，移动端布局、 浏览器见兼容性解决方案、浏览器调试工具的使用方法、掌握网站重构开发基本流程和规范、掌握移动端屏幕适配的解决方案、掌握设备系统不同的解决方案、掌握移动端重构常见的兼容

第二阶段 Javascript实现交互设计

JavaScript的基本语法、JavaScript内置对象、JavaScript常见算法、JavaScript函数应用、DOM文档对象模型的、BOM浏览器对象模型、掌握定时器、掌握JavaScript事件的对象、使用正则表达式进行表单验证、掌握闭包的应用场景及优缺点、掌握AJAX的实现原理及封装、熟练使用面向对象思想进行编程、掌握项目的开发流程、掌握Touch.js在移动端的应用、 熟悉jQuery常见操作、熟悉jQuery DOM操作、掌握jQuery核心API掌握Zepto的使用方法

第三阶段 Js进阶和ES6

js进阶：

掌握js面向对象思想、原型、原型链、预解析、this指针和指针改变及绑定； 前后端分离、剖析Http协议、前后端数据交互、API接口规范、数据交互实战、跨域请求；

E6基本语法：

let和const、块级作用域、解构和析构、函数、数组、对象扩展、箭头函数、smybol、常用数据结构，set和list、map、promise和async异步编程，class基本语法、继承和super使用；module语法、export和import命令、模块加载和继承

第四阶段 Node.js服务端开发

掌握Node特性、掌握Node操作文件和目录、掌握Node搭建服务器、掌握前后台交互过程掌握Express的用法、掌握Express的路由配置、掌握Express的内置中间件使用、掌握Express的常见第三方中间件使用、掌握Express渲染视图模板、掌握MySQL数据库设计规范、掌握MySQL之CURD操作指令、掌握Node操作MySQL、掌握MVC和MVP概念、

掌握Webpack打包项目过程、熟悉Gulp用法、掌握ES6和commonjs模块化用法、掌握WebSocket、熟悉Koa2的用法、掌握接口设计规范、掌握权限系统设计、掌握token令牌设计、掌握登录拦截、掌握项目部署；

第五阶段 Vue+React前端框架

常用指令：指令、属性、模板和过滤器

新特性：计算属性、实例属性

生命周期：生命周期、钩子函数

组件技术：定义组件的方式、组件分类、引用模板和动态组件、组件间数据传递、单向数据传递

路由/动画：路由使用、路由嵌套、参数传递、路由动画、单文件组件、脚手架、模块化

vuex和axios：自定义全局组件、vuex状态管理、分模块组件状态、Axios使用及数据请求、展示、交互、脚手架配置：webpack入口/输出/加载器/模块解析/热替换

熟悉Git版本控制软件的使用； 熟悉数据可视化工具的使用；

掌握React的JSX语法使用； 掌握React事件绑定的方法； 掌握React组件的定义和通信； 掌握React路由及相关路由组件的使用方法； 掌握React网络请求的使用方法； 熟悉React状态管理Flux、Redux的原理和流程； 熟悉React项目优化、部署流程

第六阶段 项目实战

Vue+webAPP移动端实战 电商APP项目；实现京东、淘宝、美团、一号店

Vue+ElementUI企业项目实战

实现后台管理系统、信息管理系统、审核系统、权限管理系统