| 交互设计进阶班课程（共计66个工作日）学费：13800元 |
| 周期 |
模块 |
课程 |
内容 |
| 1天 |
前端知识基础 |
前端开发在web开发中的位置 |
讲解前端开发与设计、后台开发的关系，了解目前环境下的人才需求。 |
| bs与cs结构 |
讲解bs与cs两大结构的优缺点，与目前bs基础上发展起来的技术，对前端开发的影响。 |
| 前端环境搭建 |
讲解前端开发工具的使用，前端开发环境的搭建。并模拟本地的服务器环境。 |
| 2天 |
html |
Html基础 |
讲解html和css样式的关系,html的特性，以及html标签、html文档结构、head标签,注释代码的作用。 |
| Html标签 |
掌握列表、div及table标签的使用方法，利用标签做出相对完整的网页，可以在网页上展示信息列表及表格。进一步深入讲解超链接标签、链接地址及图片标签，学会把分散的单独的网页用链接<a>标签有效的组织起来，达到网页之间相互跳转的作用。 |
| 4天 |
CSS |
CSS基本概念 |
了解CSS的继承、层叠和特列性等基本重要概念。 |
| CSS选择器 |
学习CSS选择器的知识。 |
| CSS盒模型 |
围绕盒模型的概念、结构、尺寸等基础知识展开深入研究，掌握网页元素如何显示及元素间相互关系。 |
| CSS样式与布局 |
学习CSS样式，了解CSS样式的优势，讲解CSS代码语法和CSS注释代码，可以通过修改样式表的定义而使网页呈现出完全不同的外观。 |
| 详细讲解网页排版中CSS格式化要素，学会把CSS技术与网页编排紧密结合在一起，实现网页实用性与欣赏性相结合，制作出设计效果。掌握流动模型、浮动模型、层布局模型等布局技术，实现网页的多列布局。 |
| CSS综合应用 |
学习CSS代码缩写，减少所占用的带宽，提高网页访问速度。详细讲解单位如颜色的单位和值等知识，并教授前端开发日常工作中常用到css样式设置小技巧。 |
| 讲解三大布局的实现技巧，margin属性，标准文档流、行级元素及块级元素、盒子模型等内容，分析float属性，掌握网页最常用的布局方式——横向两列布局；学习相对定位和绝对定位的知识； |
| 6天 |
javascript基础 |
javascript基本概念 |
讲解如何在HTML文件中添加JavaScript代码，掌握必备的基础语法。 |
| windows类概念 |
讲解如何向网页中输入内容，与浏览器窗口进行交互，通过简单的对象方法轻松实现。 |
| DOM操作 |
学习用JavaScript去操作HTML元素和CSS样式，实现简单的动态操作。 |
| 编程挑战 |
javascript实践开发。 |
| 3天 |
Html+CSS+JS阶段项目 |
整站开发 |
结合Html、CSS及javascript的知识，进行企业级网站的前台布局的实训案例制作。 |
| 1天 |
终端平台的开发特点 |
PC端WEB开发特点 |
了解PC端WEB前端开发的特点。 |
| 移动端WEB开发特点 |
了解移动端、手机端WEB开发的特点。 |
| 10天 |
jquery |
初识jQuery |
使用jQuery库的环境搭建，以及jQuery初体验。 |
| jQuery 选择器 |
分别讲解jQuery基础选择器、过滤性选择器和表单选择器的使用方法，掌握jQuery选择器的基本技巧，能使用选择器获取DOM中的任意元素，获取页面中结构较为复杂的元素，理解并掌握使用选择器获取表单中指定元素的方法和技巧。 |
| jQuery DOM元素 |
了解元素的属性、内容、样式的访问与设置；讲解操作元素节点、遍历和删除元素的方法，能够理解并会使用jQuery中的方法掌控页面中的元素。 |
| jQuery 事件与应用 |
讲解在jQuery中事件的基础知识，包括事件的机制、原理和加载方法；通过示例介绍各类型事件注册的方法和技巧，结合当前最流行的各种应用效果开发，阐述如何在应用中注册事件的过程。 |
| jQuery 动画特效 |
通过生动的示例，详细讲解在jQuery中各类动画效果实现的过程和自定义动画的基础知识，能够了解并掌握jQuery中动画实现的基本原理，并制作动画效果。 |
| jQuery 常用插件 |
通过示例与插件相结合的方式，学习目前最为流行的各类插件的使用方法和技巧，包括表单插件、图片插件等；讲解自定义编写对象和类级别插件的过程。 |
| 1天 |
Ajax |
交互实例 |
学习jQuery中支持Ajax的各种方法和函数，阐述通过Ajax交互的过程与常用方法,重点介绍核心方法$.ajax()的运用技巧。通过ajax全局事件的介绍，进一步巩固前面所学基础内容。 |
| 3天 |
HTML5 |
表单 |
学习表单处理和表单验证，从表单的作用、表单元素讲起，制作出简单的用户登陆、注册页面，实现与浏览者的交互； |
| 离线和本地存储 |
学习WEB离线应用以及本地存储的方法； |
| HTML5主要内容 |
掌握Geolocation API地图制作的技术，学习Canvas元素，并能用于做图形绘制，能利用Three.js制作3D立体效果； |
| 4天 |
CSS3 |
渐变 |
学习CSS3背景颜色渐变、线性渐变等效果制作。 |
| 动画 |
讲授CSS3制作动画的三个重要属性：Transform,Transition,Animation，达到对元素实现了一些基本的动画效果。 |
| 3天 |
HTML5+CSS3
阶段项目 |
微信端开发 |
利用所学习知识，进行微信端项目开发。 |
| 1天 |
响应式网页 |
响应式布局概述 |
了解什么是响应式布局，以及在移动互联网中的作用，响应式布局的优缺点。 |
| 响应式布局实现 |
学习如何实现响应布局的方法和技术，能制作出响应网页。 |
| 3天 |
Bootstrap |
Bootstrap概述 |
了解Bootstrap的基本结构，认识Bootstrap在WEB开发中的重要性。 |
| Bootstrap CSS |
学习Bootstrap底层结构的关键部份，包括排版、代码、表格、表单、按钮等实用工具。 |
| Bootstrap布局组件 |
学习Bootstrap 布局组件，包括字体图标、下拉菜单、按钮组、输入框组、导航元素、分页、标签、列表、进度条等。 |
| Bootstrap插件 |
学习Bootstrap 自带的12种jQ插件，包括过渡效果、模态框、下前菜单、提示工具、折叠、轮播、弹出框等，给站点添加更多的互动。 |
| 3天 |
框架与底层技术 |
框架概述 |
了解目前比较流行的一些框架和底层技术。 |
| Html5高级内容 |
了解并学习Form API,Html5拖放、Web Storage API等HTML5的高级技术。 |
| Chart.js框架 |
学习Chart.js框架，学会制作图表效果。 |
| Javascript运动框架 |
学习Javascript运动框架。 |
| Two.js框架 |
学习Two.js框架，学会做2维效果。 |
| 3天 |
后台系统前端开发
阶段项目 |
后台系统开发 |
利用本阶段所学知识，进行完整的后台系统的前端开发。 |
| 18天 |
前端开发流程与综合项目实训 |
seo优化 |
讲解前端开发与seo优化之间的关系，并从seo优化的角度进行前端开发时所需要注意的地方。 |
| W3C标准 |
讲解前端开发规范，代码的简易原则。 |
| 版本控制 |
讲解工作中常用的版本管理工具，用于多人协作时代码提交，合并等操作。 |
| 代码压缩与发布 |
讲解代码压缩，雪碧图，混淆加密等代码正式上线需掌握的技巧。 |
| 一个完整的项目，非普通企业站 |
通过一个完整的项目（非普通企业官网）巩固前端开发技术知识，并做出自己的毕业作品。 |