WEB前端学习结构

课程名称	教学科目	详细内容
Photoshop基础	Photoshop基础 像素单位 图层概念 选区工具 切片工具 快捷键	了解ps菜单及工具的使用 网站的成型 常用概念 图片格式 切图工具的使用技巧
html和html5	HTML简介 HTML元素 HTML标签 HTML属性 HTML文本格式化 HTML实体 HTML链接、相对路径、绝对路径 HTML图像 HTML列表 HTML表格 HTML背景 HTML表单 HTML布局	HTML表单： 1）单行文本输入框 2）表单提交按钮 3）表单重置按钮 4）复选框 5）单选框 6）下拉框 7）多行文本输入框   简单的企业网站布局   使用HTML5新标签进行布局
css和css3	css简介 css选择器 css语法、id选择器、类选择器、派生选择器 css字体属性 css常用文本属性 css背景属性 css边框属性 css边距属性 css间隙属性 css盒子模式 css列表样式属性 css伪类 css3-- transform变换属性 css3--transition过渡动画 css3--animation自定义动画 css3常用单位 css布局	css基础语法规则的使用 使用css选择器控制页面每一个元素的样式 元素的变形属性（元素的放大、缩小、旋转、拉伸等） 元素的样式过渡（元素的渐变等） 自定义动画css3弹球效果 2D/3D转换（查看大图的显示效果） 动画库animate.css的使用 css hack (各大浏览器的兼容性调试) css 优化（优化代码结构）
pc 实战篇	1.使用html5和css3完成响应式网站的制作 2.兼容各种分辨率的响应式网站 css3--制作伊森手表网站	运用html5和css3知识，完成实战响应式项目； 伊森手表 金领企业网站
移动端实战篇	css3 ---  移动端现状及未来介绍 css3 ---视口介绍 css3---移动端适配 css3---制作购物app	了解视口的设置原理 完成实战项目; 团购app; 社交网站；
bootstrap	bootstrap基本介绍 bootstrap基本实例 bootstrap栅格系统 bootstrap排版 bootstrap表格 bootstrap表单 bootstrap按钮 bootstrap图片 bootstrap响应式工具 bootstrap组件 bootstrap--js插件 bootstrap项目实战	理解bootstrap原理 熟练掌握bootstrap核心api 实现响应式布局及功能交互 完成实战项目游戏引擎主题网站
css预处理器 sass	sass的介绍安装 sass的编译 sass的语法 sass的项目使用	sass的实现原理 sass的编译和基本使用 sass如何应用到项目
svn&git
案例展示	上海微巨网络科技   http://www.vtip.com.cn 时尚设计欧美店   http://demo.cssmoban.com 王者荣耀    http://pvp.qq.com 博远官网    http://www.poiyuan.com 乐无尽，智生活  http://www.endless-pools.cn  普风石墨    http://www.prowind.cn     云桌面 表单设计器 画板

javascript入门及应用	javascript语言介绍 javascript变量 javascript流程控制 javascript函数 内置对象、属性、方法、事件 浏览器对象、文档对象 dom基础应用 正则表达式 json	目的要求：掌握js的语法，如何引用js 练习：阶乘；九九乘法表； 1）文件域的动态生成与删除 2）表格的动态生成与删除 3）json对象，函数自定义与传值 4）演示常见错误，培训学员使用； 5）firefox调试网页， 解决网页错误
javascript高级应用	介绍各种类库：zepto,jquery,easyui,jquery-ui;   掌握jquery的使用和插件的封装；在jquery中编写插件，插件扩展，插件应用   touchJS、jquery-pagination分页、jquery-artDialog弹出层 jquery-custom-scrollerbar滚动条 juqery ui /juqery mobile使用 ajax 同源策略和 json xml 跨域   熟悉javascript的设计模式；构造函数，单例，工厂，代理，观察者等设计模式   es6初步和bable   掌握模块开发  AMD ,CMD的设计规范，理解模块式开发，以及requireJS、seaJS、commonJS插件的使用面向组件编程的方式   面向组件编程的实现原理   面向组合编程实战   requireJS框架介绍   loadJS框架介绍   seaJS框架讲解及实操	制作网站的动态特效   在HTML中添加jquery的 应用   使用jquery中的核心方法   常用选择器的使用   常用的jquery的方法   jquery中的几种实现方法   使用jquery实现一些页面常用的实例，进一步巩固jquery学习   jquery 插件使用   了解jqueryui的使用原理 异步获取数据
游戏制作	canvas---简单和应用领域介绍 canvas---基础绘图接口使用 canvas---高级绘图接口使用 canvas---项目实战贪吃蛇 lufylegent引擎	通过系统学习canvas基础到高级接口   熟悉使用canvas绘图动画和特效   了解lufylegent游戏引擎的原理，使用方法
项目实战	元素周期表 FENDI官网 绿色农业网站 坦克大战 娇韵诗中国官网