| 课程大纲 | 课程模块 | 课程内容 |
|---|
| *阶段：网站重构(18天) | PC端网站布局 |
前端开发环境介绍（DW、Sublime)
HTML基础，CSS基础
CSS盒模型，选择器，继承
切图工具（PS、FW）
浮动，定位，高度自适应
超链接与锚点链接
表格，表单
图片整合，雪碧图处理
浏览器兼容与CSS Hack
整站规划，CSS优化，Flash动画
|
|---|---|---|
| HTML5+CSS3基础 |
HTML5新增的元素与属性
表单域增强元素
CSS3选择器
文本字体相关样式
CSS3中变形处理
CSS3动画
弹性盒模型
媒体查询
响应式设计
|
|
| WebAPP页面布局 |
移动端页面设计规范
移动端切图
响应式布局，弹性盒子模型
等比缩放布局
viewport/meta
rem的使用，字体选择
flexbox应用
移动Web特殊样式处理
|
|
| 第二阶段：前端交互（25天） | 原生JavaScript交互效果开发 |
基本语法
判断语句，循环语句
函数，函数传参，函数封装
String，Array，Date
BOM与 DOM
事件
拖拽效果
Cookie存储
正则表达式
JSON和JSON解析
Ajax
面向对象基础
运动与游戏开发
|
| 面向对象进阶 |
设计模式（观察者模式等）
原型链
作用域链
继承
构造函数
变量对象与活动对象
作用域链
闭包
this
|
|
| JQuery经典交互效果开发 |
jQuery框架介绍
tab切换效果
美化多选框和单选按钮
网页定位导航特效
滑动门特效
焦点图轮播特效
下拉菜单及导航条效果
瀑布流特效
弹出层效果
倒计时效果
自定义滚动条
|
|
| 第三阶段：前端全栈开发（15天） | HTTP协议、Ajax进阶与后端 |
HTTP(s)协议详解
Ajax进阶及跨域处理
PHP基础语法、PHP表单、PHP文件操作
MySQL基础及增删改查
前后端联调
前端安全(XSS,CSRF,JSON注入)
SVN
|
| PC端网站开发 |
首页、列表页与详情页
搜索
登录与注册
|
|
| AngularJS（3天） |
Angular的解析过程分析
基础指令，表达式，模型
控制器，过滤器
双向绑定
安全的依赖注入方法
服务和自定义服务
表单验证
路由 Router 配置
事件处理器
项目结构设计
|
|
| PC端管理信息系统前端开发（4天） |
jQueryUI 与 jQuery EasyUI
Bootstrap框架（2天）
Highcharts/Echarts
|
|
| 第四阶段：移动端项目开发（20天） | Touch端 |
Canvas 基础知识
绘制矩形、圆弧、线段、曲线、渐变与图像
Canvas 图表绘制案例
音频视频
Local Storage、Session Storage 与离线缓存
webworker（线程）
animate.css
touch.js
zepto.js
Swiper
iScroll
|
| 微信小程序开发 |
微信小程序简介及从技术上和产品上的分析
- 构建*个应用：创建项目、创建小程序实例与创建页面
- 框架、组件、API及工具详解
- 微信小程序项目开发
|
|
| 微信场景 |
WeUI
Swiper animate 在微信场景项目中的使用
常见的页面布局
常见的交互与动画
实战项目
|
|
| 应用 Vue.js开发 WebApp |
Vue.js基础
模块化
单文件组件
路由
与服务器通信
状态管理
单元测试
生产发布
|
|
| 应用 Ionic开发 WebApp |
css components
ionic基于 angularJS扩展的交互指令介绍
- blank模板的安装
- 头部与尾部
- 内容区域
- 列表
- 区域滚动
- 下拉刷新与上拉加载
- 页签导航
- 背景层与旋转 SVG图标
- loading 效果
- actionsheet 效果
- 弹出窗口
- 弹出浮动层
- 底部满屏滑动窗口
- ionic 自带的 swiper滑动
- 基于 swiper组件的 swiper滑动
- 页面导航切换
- 侧边栏菜单
|
|
| 应用 React.js开发 WebApp |
ReactJS基础
- JSX语法
- 组件
- flux架构
- 配置模块化开发环境
- 动画效果
- 数据双向绑定
|
|
| 第五阶段 WebApp后端系统开发（5天） | WebApp后端系统开发 |
一、NodeJS基础与NodeJS核心模块
- NodeJS介绍
- NodeJS环境搭建与入门
- ES6在 NodeJS中的应用
- CommonJS模块
- fs与 path模块
- stream
- socket.io
- http模块 API
- URL模块
- 数据的本地存储
|
|
二、Express
- express api
- express 中间件
- ejs/jade
|
||
|
三、noSQL数据库
- mongodb 与 mongoose
- 框架中间件
- 项目实战导入
|
||
| 第六阶段：后端PHP编程开发（35天） | PHP高级（13天） |
面向对象编程
MySQL高级
MVC设计模式
smarty模板引擎
GD库
博客项目
|
| 网站架构（12天） |
Linux基础
Memcache
Redis
MongoDB
MySQL优化及主从
页面静态化
Sphinx
|
|
| 实战项目（10天） |
SVN版本控制
ThinkPHP框架
电商项目
|
