本教材主要面向计算机及相关专业的本、专科学生。教材运用了CDIO的工程教育理念进行结构设计,让读者通过一个个项目实践来领会抽象的理论知识。整体结构设计及详细结构设计如下:
第1~4章为基础篇,主要介绍前端开发的基础技术。
第5~6章为技术篇,主要介绍前端技术开发中的Ajax技术。
第7~10章为框架篇,主要介绍前端开发技术中使用的各种框架。
第11章为项目篇,主要介绍随教材提供的实战项目。
本教材第1章对前端开发技术和前端开发知识体系进行了概述;第2章~第4章分别介绍了HTML、CSS和JavaScript的基础知识;第5章介绍了Ajax技术的基本原理和基本技术;第6章介绍了新兴技术HTML 5的基础知识和基本运用;第7章~第10章讲解了流行的JavaScript框架JQuery、Ext.js、YUI和Dojo的基础知识及基本运用;第11章提供了一个实践项目综合运用教材中所学的各种知识和技术。
Web前端开发技术与JavaScript框架编程_林跃进_东软电子出版社_

本教材可以为“前端技术”“前端框架开发”等课程所使用,为学生专用教材,也可以作为前端开发技术初学者的学习指导教材及JavaScript技术开发人员的参考教材。本教材是学生学习前端开发技术的重要基础教材,它对理解前端开发技术有重要作用,为学生能够完成一定规模的工程项目奠定了一个较为扎实的编程基础,又可提高学生分析问题和解决问题的能力。
本教材主要面向计算机及相关专业的本、专科学生。全教材运用了CDIO的工程教育理念进行结构设计,让读者通过一个个项目实践来领会抽象的理论知识。整体结构设计及详细结构设计如下:
第1~4章为基础篇,主要介绍前端开发的基础技术。
第5~6章为技术篇,主要介绍前端技术开发中的Ajax技术。
第7~10章为框架篇,主要介绍前端开发技术中使用的各种框架。
第11章为项目篇,主要介绍随教材提供的实战项目。
本教材第1章对前端开发技术和前端开发知识体系进行了概述;第2~第4章分别介绍了HTML、CSS和JavaScript的基础知识;第5章介绍了Ajax技术的基本原理和基本技术;第6章介绍了新兴技术HTML 5的基础知识和基本运用;第7章~第10章讲解了流行的JavaScript框架JQuery、Ext.js、YUI和Dojo的基础知识和基本运用;第11章提供了一个实践项目综合运用教材中所学的各种知识和技术。
本教材详细结构设计的思路是针对某一个或一系列知识点,提供编程实例,让读者在实践中理解知识点;在每一章的结尾提供一个实战项目,让读者在项目实战中融会贯通本章所学的知识。在*后一章提供了一个设计良好、规模适中的实际项目,让读者可以综合运用整本教材中所学的各种技术,让读者在实战中提高。
本教材特色如下:
1.项目导向,突出技能
以项目开发为主线,在每章结尾提供一个实战项目,适用任务驱动的教学方法,实现教学一体化。**突出技能培养,将Web前端开发技术与JavaScript框架编程知识点完全融入各个项目的开发过程。
2.循序渐进,深入浅出
内容循序渐进,从Web前端开发技术基本语法到JavaScript框架编程技术在实际项目中的运用,让零基础的读者由浅入深地看清Web前端开发技术与JavaScript框架编程语言的本质,从复杂的表象中寻找普遍的规律,深刻理解Web前端开发技术的核心思想。
3.案例丰富,趣味性强
教材精选大量案例,结合案例详细讲解Web前端开发技术与JavaScript框架编程语言的编程思想和编程语法。这些案例趣味性强,便于读者理解Web前端开发技术的各种特性和语法规则。
4.资源开放,光盘支撑
教材配有光盘,包含所有源代码、教学课件等,读者可以充分利用这些资源配合教材进行**练习。
本教材第2、3、4章由林跃进老师撰写;第1、5、6章由姜涛老师撰写;第7、8、11章由杨薇老师撰写;第9、10章由赵琳老师撰写。
在本教材编写过程中得到多方面的帮助、指导和支持。感谢编辑老师对本教材的认真校对,感谢使用本教材的学生们。由于作者水平有限,教材中不乏疏漏之处,恳请读者批评指正。

第1章Web前端技术概述1
1.1前端概述1
1.1.1什么是前端技术1
1.1.2前端发展史1
1.2前端技术体系2
1.3Web前端开发工程师知识体系3
1.4小结5
1.5练习5
第2章HTML6
2.1HTML基础6
2.1.1HTML简介6
2.1.2HTML的基本结构7
2.1.3标记代码的部件:标签、元素和属性8
2.1.4doctype9
2.1.5特殊文本字符和页面注释10
2.2HTML标签12
2.2.1文本标签12
2.2.2格式排版标签15
2.2.3超链接标签18
2.2.4图像标签19
2.2.5表格标签21
2.2.6表单标签22
2.2.7其他标签26
2.3HTML head标签28
2.4综合应用31
2.5小结35
2.6练习35
2.7项目实战36
第3章CSS38
3.1CSS概述38
3.1.1CSS简介38
3.1.2CSS语法39
3.1.3CSS设置方式41
3.1.4CSS的辅助语法43
3.1.5手工编写与借助工具44
3.2CSS的**特性45
3.2.1设置文本样式45
3.2.2设置链接样式49
3.2.3设置图像效果50
3.2.4设置背景颜色与背景图像52
3.3CSS盒子模型54
3.3.1CSS盒子模型概述54
3.3.2盒子的浮动与定位57
3.3.3设置表格样式、表单59
3.4CSS 365
3.4.1CSS 3概述65
3.4.2CSS 3选择器65
3.4.3CSS 3中的变形处理70
3.4.4CSS 3中的动画功能72
3.5综合应用74
3.6小结76
3.7练习76
3.8项目实战77
第4章JavaScript81
4.1JavaScript基础知识81
4.1.1JavaScript基本语法81
4.1.2数据类型和变量86
4.1.3JavaScript交互基本方法89
4.1.4JavaScript函数93
4.2JavaScript核心对象95
4.2.1浏览器对像95
4.2.2数组对象Array98
4.2.3日期对象Date98
4.2.4数学运算对象Math100
4.2.5字符串对象String100
4.3JavaScript事件响应102
4.3.1事件响应编程的概念102
4.3.2event对象102
4.3.3event方法的实践104
4.4页面数据的JavaScript处理和验证106
4.4.1复选框全选106
4.4.2字符串验证107
4.4.3验证表单必填项108
4.4.4JavaScript生成验证码108
4.5JavaScript与文档对象模型109
4.5.1文档对象模型简介109
4.5.2文档对象的方法110
4.5.3Forms对象111
4.5.4DOM节点访问112
4.6综合应用117
4.7小结118
4.8练习119
4.9项目实战120
第5章Ajax122
目录5.1Ajax概述122
5.2Ajax原理123
5.2.1Ajax组成部分123
5.2.2传统Web应用和Ajax应用124
5.3Hello Ajax126
5.4JSON132
5.**jax综合应用136
5.6小结139
5.7练习139
5.8项目实战140
第6章HTML 5142
6.1HTML 5简介142
6.1.1为什么使用HTML 5143
6.1.2HTML 5的应用145
6.2HTML 5新增标签148
6.2.1HTML 4与HTML 5的区别149
6.2.2HTML 5的新结构标签149
6.2.3HTML 5的新表单标签153
6.2.4HTML 5新标签综合实例156
6.2.5总结157
6.3HTML 5文件API159
6.3.1HTML 5文件API重要接口159
6.3.2文件API使用实例159
6.4HTML 5 Canvas163
6.4.1Canvas绘图模型164
6.4.2Canvas绘图API165
6.5HTML 5多媒体178
6.5.1Video标签178
6.5.2Audio标签180
6.6小结181
6.7练习182
6.8项目实战182
第7章jQuery183
7.1初识jQuery183
7.2**个jQuery应用185
7.2.1配置开发环境185
7.2.2创建HTML页面185
7.2.3编写jQuery代码187
7.3jQuery选择器189
7.3.1什么是jQuery选择器189
7.3.2jQuery选择器分类189
7.3.3基础选择器190
7.3.4层次选择器191
7.3.5基本过滤器191
7.3.6内容过滤器193
7.3.7可见性过滤器194
7.3.8属性过滤器194
7.3.9表单选择器195
7.3.10子元素过滤器197
7.3.11表单过滤器198
7.4查找与筛选元素199
7.4.1过滤函数199
7.4.2查找函数199
7.4.3jQuery操作DOM200
7.5jQuery Ajax202
7.5.1Ajax函数202
7.5.2jQuery Ajax全局事件205
7.5.3使用JSONP进行Ajax的跨域请求205
7.6jQuery工具函数206
7.6.1浏览器特性检测206
7.6.2数组和对象操作207
7.6.3其他工具函数208
7.7jQuery UI209
7.7.1jQuery UI基础209
7.7.2Datepicker日历控件209
7.7.3Dialog对话框控件214
7.7.4Tab标签控件218
7.7.5Button按钮控件220
7.7.6Autocomplete自动提示控件221
7.8小结223
7.9练习223
第8章ExtJS框架224
8.1概述224
8.1.1ExtJS知识结构224
8.1.2ExtJS基础224
8.2ExtJS事件机制225
8.2.1自定义事件225
8.2.2浏览器事件227
8.2.3ExtJS中的事件228
8.2.4各种事件登记方式234
8.2.5ExtJS键盘事件235
8.3ExtJS DOM操作236
8.3.1用户界面的元素236
8.3.2页面元素获取237
8.3.3元素使用方法238
8.3.4DomQuery入门241
8.4ExtJS组件242
8.4.1核心组件242
8.4.2信息提示框组件245
8.4.3进度条组件247
8.4.4工具条和菜单248
8.5ExtJS中的Ajax258
8.5.1Ext.Ajax258
8.5.2Ext.Updater259
8.6ExtJS布局设计261
8.6.1表单类布局261
8.6.2表格类布局262
8.6.3树型结构布局263
8.7小结266
8.8练习266
第9章YUI267
9.1概述267
9.2组织结构267
9.3YUI事件机制269
9.3.1页面事件269
9.3.2键盘和鼠标事件275
9.3.3自定义事件280
9.4YUI DOM操作281
9.4.1查找元素281
9.4.2操作内容286
9.5YUI UI组件289
9.5.1AutoComplete工具289
9.5.2内容容器291
9.5.3选项卡293
9.5.4按钮298
9.6YUI Ajax 302
9.6.1asyncRequest函数303
9.6.2JSON数据处理306
9.7小结309
9.8练习309第10章Dojo框架310
10.1概述310
10.1.1Dojo知识结构310
10.1.2Dojo基础313
10.2Dojo事件处理315
10.2.1事件处理函数316
10.2.2键盘事件对象319
10.2.3关键处理函数319
10.2.4执行初始化322
10.3Dojo DOM323
10.3.1DOM工具函数323
10.3.2DOM查询325
10.3.3DOM操作327
10.4Dojo 组件329
10.4.1Dojo的表单处理组件329
10.4.2Dojo的存储组件331
10.4.3Dojo的图表绘制组件332
10.5Dojo Ajax335
10.5.1Dojo XHR335
10.5.2Script实现远程操作338
10.5.3Iframe实现远程操作340
10.6小结342
10.7练习342
第11章任务管理系统实战343
11.1项目概述343
11.2可行性分析344
11.2.1系统目标344
11.2.2技术可行性分析344
11.3需求分析344
11.4系统流程345
11.4.1软件功能345
11.4.2用例模型346
11.4.3运行环境346
11.5系统设计347
11.5.1数据库设计347
11.5.2系统功能351
11.5.3界面设计352
11.5.4接口设计353
11.5.5页面设计355
11.6浏览器测试368
11.6.1IE测试368
11.6.2Firefox测试370
11.7小结372
参考文献373