模块
课程内容
项目贯穿
实训目标
CSS3基础
CSS3基础语法、各种选择器(通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等)、框模型与背景、文本格式化、表格、显示与定位
熟练掌握各种常用CSS选择器以及CSS样式的定 义和使用,能够手动完成各种页面样式的定义和编写
CSS3 高级
复杂选择器、2D/3D转换(包括移动、旋转、倾 斜和缩放和视点)、过渡、动画、弹性布局、CSS Hack和优化、浏览器兼容性
“学子商城”之用
户模块的静态页
面完善
熟练掌握各种CSS复杂选择器以及高级应用,实现 页面的弹性布局,实现复杂页面效果的制作,理解CSS Hack和CSS优化,能够手动完成各种页面样式的定义和编写,并保证浏览器兼容性
阶段项目
项目完善、静态页面编写、样式细节实现、页面动效制作
“学子商城”项目
的所有静态页面
编写、页面样式、
页面动效实现
完成“学子商城”项目所有静态页面的布局分析、设计,并用纯手写代码的方式实现整个页面,夯实 WEB前端基础,提高页面实操能力
JavaScript
高级
String的使用及API、正则表达式的定义和使 用、 常用内置对象(Math、Date、Number、Boolean)、错误处理、Function 与匿名函数、作用域与闭包、面向对象编程、Object对象与对象模板、原型与继承、原型链、ECMAScript 5和ECMAScript 6的新特性
“学子商城”项目
之商品模块的页
面编写、功能实
现以及服务器交
互功能完善
理解JavaScript的语言原理与运行模式,熟练掌 握JavaScript核心编程技巧,能够熟练使用JavaScript实现逻辑算法、流程控制、界面验证以及功能实现
DOM 编程
Document对象、节点对象、节点树、选取并读取节点、文档遍历以及增加节点、删除节点、元素样式编辑、Window对象、定时器、BOM模型、事件的定义及处理、event对、location对象、history对象、screen对象、cookie对象的使用
深入理解DOM和BOM理论,熟练掌握DOM编程, 能够熟练的使用JavaScript原生代码对页面进行处理,完成各种页面动态效果以及动态交互的实现
阶段项目实战
游戏项目搭建、游戏项目算法分析、WEB项目页 面功能实现
1)2048或
者俄罗斯方块
2)“学子商城 ”
项目中页面功能
的实现 "
通过游戏类项目,理解项目需求以及相关算法,熟练掌握网页型游戏程序的开发技术,深入理解JS的 应用技巧,提高编程力通过WEB项目,理解互联网 UI交互设计理论,完全手动代码实现WEB项目的页面功能,从而熟练掌握 WEB前端开发的必备技能
jQuery
jQuery原理、jQuery的使用步骤、jQuery选择器(包括基本选择器、层次选择器、过滤选择器、表单选择器)、jQuery的DOM操作(包括 HTML页面元素的增删改查)、jQuery事件、事件冒泡与事件处 理、jQuery动画、jQuery常用 Plug-in、开发jQuery插件、jQuery扩展、jQuery的AJAX应用、AJAX的增强操作、JSONP与跨域访问
“学子商城”项目
的购物车功能实
现
掌握JQuery核心API,深入理解JQuery设计原则,了解多种 JQuery插件,能够熟练使用JQuery编程,实现页面各种功能、效果以及服务器端交互
阶段项目实战
项目完善、服务器端功能实现、前后端数据交互、复杂跨域访问
“学子商城”之订
单模块
进一步完善项目中购物车、订单相关功能,熟练掌握 全栈开发中,从前端到后台开发的全部技能
HTML5高级
表单功能、增强的表单控件、新表单元素及属性、表单验证、音频和视频处理、Canvas绘制及图像处理、Chart.js框架的使用、SVG元素及使用、Two.js框架的使用、ECharts框架的使用、Geolocation API、百度地图 API、Web StorageAPI( 包 括 sessionStorage 和 localStorage)、HTML5拖放、 拖放事件及相关对象、WebWorker、Web Socket
“学子商城”项目
的账户查询功能
熟练掌握 HTML5 的各种新特性,能够熟练使用新表单特性实现页面功能,能够实现页面中的音视频处理,实现复杂绘图以及图表绘制,实现页面的地理定位操作以及页面的离线存储功能,能够熟练使用 HTML5进行各种 Web应用开发
阶段项目实战
项目完善、WEB项目中H5功能的实现
“学子商城”项目
完整功能
分析页面功能需求,能够熟练使用 HTML5的相关技 术实现 WEB应用开发,使用原生技术完成整个项目的 PC版本的开发,熟练掌握原生代码开发技能