阶段名称
|
授课阶段
|
主要课程
|
授课时长
|
基础阶段
|
HTML5+CSS3
|
课程体系介绍、HTML+CSS基本入门知识
网站运行原理
HTML常用标签、表单新类型、网页SEO优化
HTML5语义化标签、音视频标签
CSS选择器(基本、层级、属性、伪类、伪状态)
CSS常用样式属性
CSS3 过渡、变换、动画
CSS3 3D场景搭建与应用
精灵图(雪碧图)的原理以及实现
Iconfont 字体图标(阿里巴巴矢量字体图标库)原理以及实现
Media媒体响应式布局
Flex弹性盒子布局
Photoshop基本切图
|
15天
|
JavaScript+jQuery
|
ECMAScript核心语法结构
变量声明优先级(var/function)
函数详解(格式、作用域、作用域链、回调、闭包、匿名、递归)
对象详解(格式、内置对象、原型、原型链)
|
23天
|
PHP+Ajax+JSONP
|
Ajax原理以及应用场景
原生Ajax的运行原理与实现
异步操作与同步操作原理与区别
Ajax请求同源策略布局
JSONP 跨域请求原理以及实现方式
|
2天
|
项目实战考核
|
任选电商类、游戏类、论坛类、门户类网站,完成整站开发
实现Ajax后台数据交互
实现网站常见页面布局以及JS特效开发
完成移动端页面布局(flex弹性盒子、rem布局)
打包移动端项目,真机运行
PC端项目放入GitHub社区,在线运行
|
5天
|
|
ES6的语法结构
|
1. let const 语法
2. 解构赋值
3. for of 语法
4. 模板字符串
5. 箭头函数
6. 新增数组操作
7. 新增对象操作
8. Set、Map数据类型
9. Promise的原理和应用
10. Class语法
11. ES6 Module
|
2天
|
高级阶段
|
Node.js+MongoDB+Express+Bootstrap
|
1. nodeJS介绍及使用
2. 环境搭建
3. NPM包管理器
4. CommonJS规范、模块化思想及操作
5. 文件模块
6. http、URL、querystring
7. path等模块
8. HTTP模块、WEB开发框架介绍、
|
10天
|
H5新特性
|
1. 多媒体API
2. 地理定位(Geolocation)
3. 拖拽API
4. 文件API(FileReader)
5. xhr2、FormData
6.localStorage/sessionStorage 本地存储
7. ApplicationCache 应用程序缓存
|
6天
|
Vue.js(2.0)
|
1. Vue实例
2. Vue生命周期
3. 模板语法
4. 计算属性computed
5. 条件和列表渲染
6. 事件处理器
7. 组件定义和使用、组件间的通信、
8. 自定义指令、单文件组件、
|
10天
|
Angular(5.0)
|
1. TypeScrip
2. angular-cli构建工具
3. 属性型指令 (attribute directive)
4. 封装桶 (barrel)
5. 装饰器 (decorator)
6. 注入器 (injector)、
|
10天
|
React.js
|
1. react介绍
2. 虚拟Virtual-DOM
3. 单向数据流
4. JSX、
5. 结构渲染render
6. 组件通信
|
10天
|
微信小程序+微信JS-SDK
|
1. 微信开发介绍,以及公众号、小程序的注册
2. JSSDK接口注入权限验证
3. JSSDK分享接口、图像接口、音频接口,地理位置接口等接口的使用
4. 小程序目录结构讲解
5. 小程序配置讲解
6. 小程序逻辑层讲解,注册7. 程序、注册页面、路由
|
7天
|
项目实战考核
|
Vue.js、Angular、React、微信小程序项目。实战项目:可开发商城类、论坛类、音乐播放类、视频播放类、小说阅读类、天气查询、物流快递查询类、汇率查询等APP应用
|
各项目在授课阶段独立完成,不再安排额外时间
|