前期(集体学习内容)
Html5+css3:
学习内容:
Html5
1:基础标签的使用
2:新增标签和属性
css3
1:CSS语法和样式
2:选择器
3:盒子模型
4:CSS定位
5:CSS3新增属性
6 动画效果
其他:
1:兼容性
2.代码调试
总时间:14天(考核实例:制作一个静态网站)
JavaScript学习:
学习内容:
1:js基础语法
2:内置对象常用方法
3:DOM操作
4:ECMAscript
5:JS动画
6:DOM、BOM、
7:定时器和焦点图
总时间:10天(考核实例:编写一个完整小游戏)
Jquery+Bootstrap学习:
学习内容:
1:Jquery基础语法
2:常用的选择器和事件
3:常用的DOM操作和效果方法
4:方法链
3:拖拽、变形
3:JqueryUI组件
4:Ajax
5.bootstrap基本的排版布局及样式的使用(重点学习栅栏和布局的技巧)
总时间:(考核实例:用个人编写的简单插件和现有插件结合Bootstrap做一个动态的网页)
后期(前端方向学习内容)
Html5+css3高级
学习内容:
Html5
- Canvas绘图
- web本地存储
- Geolocation API
- Web Workers、Web WebSocket API
css3 - CSS新特性
- CSS3动画
- 特殊图形绘制
- 雪碧图、滑动门
- 媒体查询
- 响应式设计
- 自适应布局
总时间:(实战:PC端门户网站或移动端电商网站)
JavaScript高级:
学习内容: - 正则表达式
- 闭包
- 排序、递归算法
- DOM实现原理和深入
- 原型
- 函数节流
- 作用域链
- 面向对象
- 封装
- 常见特效:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
总时间:(实战:插件封装)
进阶
学习内容: - 熟悉Web开发工作流和MVC/MVVM/MVW框架,学习常用库:Vue.js
- 了解WeUI
- Gulp、webpack等前端构建、打包工具
- 设计模式
- 前端开发优化
- 了解ES6
- Node.js全栈开发
总时间:(要求:做笔记、写博客,用Vue.js开发单页应用,分享自己的学习成果和作品)