课程详情:第一阶段:前端页面重构
一、PC端网站布局
1.前端开发环境介绍(DreamWeaver、Sublime);
2.HTML基础,CSS基础;
3.CSS盒模型,选择器,继承;
4.切图工具(PS、FW);
5.溢出即元素类型,浮动;
6.浏览器兼容与宽高自适应;
7.定位,锚点与透明;
8.图片整合,雪碧图处理,CSSHack;
9.表格,表单
10.整站规划,CSS优化,Flash动画;
二、HTML5+CSS3基础
1.HTML5新增的元素与属性;
2.表单域增强元素;
3.CSS3选择器;
4.文字字体相关样式;
5.CSS3位移与变形处理;
6.CSS3动画,过度动画,关键帧动画;
7.弹性盒模型;
8.媒体查询;
9.响应式设计;
三、WebAPP页面布局
1.移动端页面设计规范;
2.移动端切图;
3.响应式布局,弹性盒子模型;
4.等比缩放布局;
5.viewport、meta;
6.rem的使用,字体选择;
7.flexbox详解;
8.移动web特别样式处理;
第二阶段JS程序设计
一、原生JavaScript交互效果开发
1.基本语法;
2.判断语句,循环语句;
3.函数,函数传参,函数封装;
4.String,Array,Date;
5.BOM与DOM;
6.事件;
7.拖拽效果;
8.cookie存储;
9.正则表达式;
10.JSON和JSON解析;
11.Ajax;
12.面向对象基础;
13.运动与
游戏开发;
二、面向对象进阶
1.设计模式(观察者模式等);
2.原型链;
3.作用域链;
4.继承;
5.构造函数;
6.变量对象与活动对象;
7.作用域链;
8.闭包;
9.this;
三、JQuery经典交互效果开发
1.jQuery框架介绍;
2.tab切换效果;
3.美化多选框和单选按钮;
4.滑动门;
5.焦点图轮播;
6.下拉菜单及导航条效果;
7.瀑布流;
8.弹出层效果;
9.倒计时效果;
10.自定义滚动条;
第三阶段:PC端全栈项目开发
一、HTTP协议、Ajax进阶与后端;
1.HTTP(s)协议详解;
2.Ajax进阶及动态调取数据;
3.PHP基础语法、PHP表单、PHP文件操作;
4.MySQL基础及增删改查;
5.前后端联调;
6.前端安全(XSS,CSRF,JSON注入);
7.Git、SVN;
二、PC端
网站开发
1.首页、列表页与详情页
2.搜索
3.登录与注册
三、AngularJS
1.Angular的解析过程分析;
2.基础指令,表达式,模型;
3.控制器,过滤器;
4.双向绑定;
5.安全的依赖注入方法;
6.服务和自定义服务;
7.表单验证;
8.路由Router配置;
9.事件处理器;
四、PC端
管理信息系统前端开发
1.jQuery
UI与jQueryEasyUI;
2.Bootstrap框架;
3.Charts、Echarts;
第四阶段:移动端项目开发
一、Touch端
1.Canvas基础知识:绘制矩形、圆弧、线段、曲线、渐变与图像;
2.Canvas图表绘制案例:localStorage、sessionStorage与离线缓存;
3.animate.css;
4.前后端联调;
5.touch.js;
6.zepto.js;
7.swiper;
8.iScroll;
二、微信场景
1.WeUI;
2.Swiperanimate在微信场景项目中的使用;
3.常见的页面布局;
4.常见的交互与动画;
三、应用Vue.js开发WebApp
1.Vue.js基础;
2.模块化;
3.单文件组件;
4.路由;
5.与服务器通信;
6.状态管理;
7.单元测试;
8.生产发布;
四、应用Ionic开发WebApp
1.csscomponents;
2.ionic基于angularJS扩展的交互指令介绍;
3.头部与尾部、内容区域、列表、区域滚动;
4.下拉刷新与上拉加载、页签导航;
5.背景层与旋转SVG图标;
6.loading效果、actionsheet效果;
7.弹出窗口、弹出浮动层;
8.底部满屏滑动窗口;
9.ionic自带的swiper滑动;
10.基于swiper组件的swiper滑动;
五、应用React.js开发WebApp
1.ReactJS基础;
2.JSX语法;
3.组件;
4.flux架构;
5.配置模块化开发环境;
6.动画效果;
7.数据双向绑定;
六、微信小程序开发
1.csscomponents;
2.微信小程序简介及从技术上和产品上的分析;
3.构建个应用:创建项目、创建小程序实例与创建页面;
4.框架、组件、API及工具详解;
5.微信小程序项目开发。