书籍详情
HTML5敏捷实践
作者:Jesse Cravens(杰西.奎文),Jeff Burtoft(杰夫.巴特福德)著,豆葆坤 译
出版社:电子工业出版社
出版时间:2014-01-01
ISBN:9787121217029
定价:¥89.00
购买这本书可以去
内容简介
《HTML5敏捷实践》共分10章,包括了HTML5中的语义化、新的样式、多媒体支持、新的图形实现方式、更易用交互功能、浏览器客户端存储、地理定位、Web Worker API、Node.js 服务器端开发等方面。贯穿全书,作者都在解释HTML5规范的发展方向和目前规范的成因,这让读者更容易理解和正确应用这些规范。作者还向读者提供了很多非常实用的开发思想,例如分而治之、前后兼容等。本书提供了90个实用的例子,为开发者遇到的常见实际问题提供了比较优雅的解决方案。全书内容源于两位资深工程师的工作经验,贴近开发者的实际需要。《HTML5敏捷实践》可以作为HTML5规范的学习教材,也可以作为前端工程师和服务器端工程师开发HTML5应用的必备工具书。
作者简介
JesseCravens,Frog公司的高级工程师。Frog是一家和世界顶级公司合作,提供设计、工程、服务的公司。他有很丰富的网页应用开发经验,最近关注于单页面网页应用架构、移动互联网和HTML5。之前,他拥有USAA的高级开发和技术管理职位。领导一支移动应用开发团队,负责USAA领先的iOS、安卓、黑莓和其他移动网页应用的规划、设计、开发、测试、实施和维护。这些应用在全球有大约八亿用户。Jesse拥有美国莱斯大学的艺术学士学位和位于圣东安尼奥的美国德州大学的课程与教学硕士学位。他目前和妻子和两个小孩生活在德克萨斯州奥斯汀。他的个人网站是jessecravens.com。JeffBurtoft是微软公司的HTML5传教士,每天都很高兴地和HTML5社区工作在一起。他的博客地址是HTML5Hacks.com。并且自己开发了多款流行移动应用。JeffBurtoft在网页应用开发社区有超过10年的经验。他的工作经历很丰富,做过创业公司的网络管理员和美国国防部的多媒体顾问。Jeff在位于德克萨斯州圣安东尼奥的财富500公司做了超过5年的首席前端工程师。Jeff拥有美国杜肯大学的修辞研究学士学位和位于波多黎各圣胡安的美洲大学的拉丁美洲商业证书。在过去的几年中,Jeff主要关注于互联网:HTML、JavaScript、CSS,现在关注HTML5。Jeff和他的妻子和三个小孩生活在华盛顿州贝尔维尤。在业余时间,他喜欢开发移动应用和陪小孩玩视频游戏。
目录
第1章 用语义化的方式实现
实例01 使用正确的<doctype>来简化你的网页
实例02 采用常见结构
实例03 使你的HTML5新标签在旧的浏览器里正确渲染
实例04 新定义的<input>标签
实例05 不使用JavaScript实现表单验证
实例06 使用新控件提高表单的易用性
实例07 新的DOM事件
实例08 在标记上添加丰富的上下文数据
实例09 使用自定义数据跟踪用户事件
实例10 使机器人和人类能够像微数据一样访问你的页面
第2章 使用样式
实例11 通过浏览器前缀实现试验期CSS功能
实例12 使用自定义网络字体设计页面
实例13 使用Google网络字体来实现简单的@font-face
实例14 使用CSS3的字体特效美化页面
实例15 不改变透明度来让元素显得透明
实例16 使用media query来实现响应式设计
实例17 使网页应用响应设备的方向变化
实例18 使用伪类实现对DOM的完全控制
实例19 图片聚合和通过图片数据URI内联图片
实例20 通过简单的方式实现渐变效果
实例21 拯救边框,让边框变得有趣
实例22 在同一元素上设置多个背景图片
实例23 使用CSS3变换从传统空间解放页面元素
实例24 使用CSS3转换实现变换动画
实例25 使用变换和转换来实现iOS样式的翻卡效果
实例26 使用Respond.js在IE中模拟media query
实例27 通过viewport<meta>标签来控制移动网页布局
第3章 实践多媒体
实例28 使用HTML5视频直接在应用里嵌入视频
实例29 为视频文件选择合适的编码/解码器
实例30 用视频API定制视频播放控制器
实例31 使用<canvas>标签为HTML5视频添加背景
实例32 在HTML5视频元素上添加字幕
实例33 美化HTML5视频字幕
实例34 使用Cuepoint.js在不支持HTML5的浏览器上实现视频字幕功能
实例35 使用Buzz轻松构建复杂的音频应用
实例36 使用MediaElement.js简化HTML5媒体
第4章 使用Canvas和SVG来做图形
实例37 使用<canvas>标签在HTML5页面上绘图
实例38 在Canvas元素上使用样式
实例39 使用图片文件修饰canvas元素
实例40 使用HTML5<canvas>标签创建高清晰度、支持视网膜屏幕的图形
实例41 使用Canvas图形加速动画
实例42 使用SVG实现"原生"图形
实例43 使用CSS修饰SVG元素
实例44 使用SVG制作动画
实例45 直接在HTML中嵌入SVG
第5章 用户交互
实例46 将网页应用里的所有对象变得可拖放
实例47 使用拖放数据传输对象更新DOM
实例48 在网页应用中拖入/拖出文件
实例49 通过Editable Content将页面的每个元素都变得可编辑
实例50 将网页变为一个WYSIWYG编辑器
实例51 通过HTML5会话历史控制浏览器的历史按钮
第6章 实践客户端数据存储
实例52 在内联URL中嵌入二进制数据
实例53 将数据URI转换为Blob并通过XHR2嵌入到表单数据中
实例54 使用WebStorage API实现用户数据的持久化
实例55 通过YepNope.js和Storage.js模拟LocalStorage
实例56 使用FileSystem API在本地缓存多媒体资源
实例57 使用IndexedDB和FullCalendar.js构建里程碑日历
第7章 实践地理定位
实例58 使用地理位置API在移动网页应用里显示经纬度
实例59 使用Google的反向地理编码API反查用户的位置
实例60 在Google地图上更新用户的当前位置
实例61 使用Geoloqi服务构建地理围栏
实例62 使用Geoloqi实时流服务来广播远程用户的移动
实例63 使用Webshims模拟地理位置API
第8章 WebWorker API浏览器如何执行JavaScript
实例64 使用BlobBuilder界面创建内联工作线程
实例65 在专有工作线程中执行昂贵的数组操作
实例66 使用定时器将应用的状态传递给工作线程
实例67 在独立Worker中通过像素操作处理图片数据
实例68 使用引用脚本创建Twitter的JSONP请求
实例69 在多个浏览器窗口中同时连接共有Worker
第9章 实践HTML5连接
实例70 使用Kaazing的远程Web Socket服务器为浏览器返回简单的回声消息
实例71 使用Node.js和ws模块构建WebSocket服务器
实例72 使用Web Socket、Pusher API和PHP构建捐赠进度指示器
实例73 为jWebSocket创建插件
实例74 通过Server-Sent Events向浏览器推送通知
实例75 配置Amazon S3支持跨域共享网络字体
实例76 使用Robodeck控制HTML5幻灯片
实例77 查看Socket.IO连接确定它是原生的还是模拟的
实例78 使用node-spdy构建简单的SPDY服务器
第10章 使用Node.js实现高级HTML5应用HTML5应用设计的考虑
实例79 在浏览器中显示"Hello Html5"
实例80 通过request对象检测用户代理(UA)字符串
实例81 使用Node.js的response对象向客户端返回为设备定制的数据
实例82 使用Node.js包管理器添加一个Web应用开发框架作为第三方模块
实例83 使用Express应用生成器创建基础应用
实例84 定制模块处理路由
实例85 配置Express启用视图引擎
实例86 启用Jade布局使应用视图遵守DRY
实例87 使用Jade视图部件在视图中创建简单的导航条
实例88 使用Jade Mixin在视图中填充数据
实例89 使用Stylus书写富有表现力、动态、容错的CSS
实例90 使用HTML5样板作为默认初始模板成为一个HTML5高手
索引
实例01 使用正确的<doctype>来简化你的网页
实例02 采用常见结构
实例03 使你的HTML5新标签在旧的浏览器里正确渲染
实例04 新定义的<input>标签
实例05 不使用JavaScript实现表单验证
实例06 使用新控件提高表单的易用性
实例07 新的DOM事件
实例08 在标记上添加丰富的上下文数据
实例09 使用自定义数据跟踪用户事件
实例10 使机器人和人类能够像微数据一样访问你的页面
第2章 使用样式
实例11 通过浏览器前缀实现试验期CSS功能
实例12 使用自定义网络字体设计页面
实例13 使用Google网络字体来实现简单的@font-face
实例14 使用CSS3的字体特效美化页面
实例15 不改变透明度来让元素显得透明
实例16 使用media query来实现响应式设计
实例17 使网页应用响应设备的方向变化
实例18 使用伪类实现对DOM的完全控制
实例19 图片聚合和通过图片数据URI内联图片
实例20 通过简单的方式实现渐变效果
实例21 拯救边框,让边框变得有趣
实例22 在同一元素上设置多个背景图片
实例23 使用CSS3变换从传统空间解放页面元素
实例24 使用CSS3转换实现变换动画
实例25 使用变换和转换来实现iOS样式的翻卡效果
实例26 使用Respond.js在IE中模拟media query
实例27 通过viewport<meta>标签来控制移动网页布局
第3章 实践多媒体
实例28 使用HTML5视频直接在应用里嵌入视频
实例29 为视频文件选择合适的编码/解码器
实例30 用视频API定制视频播放控制器
实例31 使用<canvas>标签为HTML5视频添加背景
实例32 在HTML5视频元素上添加字幕
实例33 美化HTML5视频字幕
实例34 使用Cuepoint.js在不支持HTML5的浏览器上实现视频字幕功能
实例35 使用Buzz轻松构建复杂的音频应用
实例36 使用MediaElement.js简化HTML5媒体
第4章 使用Canvas和SVG来做图形
实例37 使用<canvas>标签在HTML5页面上绘图
实例38 在Canvas元素上使用样式
实例39 使用图片文件修饰canvas元素
实例40 使用HTML5<canvas>标签创建高清晰度、支持视网膜屏幕的图形
实例41 使用Canvas图形加速动画
实例42 使用SVG实现"原生"图形
实例43 使用CSS修饰SVG元素
实例44 使用SVG制作动画
实例45 直接在HTML中嵌入SVG
第5章 用户交互
实例46 将网页应用里的所有对象变得可拖放
实例47 使用拖放数据传输对象更新DOM
实例48 在网页应用中拖入/拖出文件
实例49 通过Editable Content将页面的每个元素都变得可编辑
实例50 将网页变为一个WYSIWYG编辑器
实例51 通过HTML5会话历史控制浏览器的历史按钮
第6章 实践客户端数据存储
实例52 在内联URL中嵌入二进制数据
实例53 将数据URI转换为Blob并通过XHR2嵌入到表单数据中
实例54 使用WebStorage API实现用户数据的持久化
实例55 通过YepNope.js和Storage.js模拟LocalStorage
实例56 使用FileSystem API在本地缓存多媒体资源
实例57 使用IndexedDB和FullCalendar.js构建里程碑日历
第7章 实践地理定位
实例58 使用地理位置API在移动网页应用里显示经纬度
实例59 使用Google的反向地理编码API反查用户的位置
实例60 在Google地图上更新用户的当前位置
实例61 使用Geoloqi服务构建地理围栏
实例62 使用Geoloqi实时流服务来广播远程用户的移动
实例63 使用Webshims模拟地理位置API
第8章 WebWorker API浏览器如何执行JavaScript
实例64 使用BlobBuilder界面创建内联工作线程
实例65 在专有工作线程中执行昂贵的数组操作
实例66 使用定时器将应用的状态传递给工作线程
实例67 在独立Worker中通过像素操作处理图片数据
实例68 使用引用脚本创建Twitter的JSONP请求
实例69 在多个浏览器窗口中同时连接共有Worker
第9章 实践HTML5连接
实例70 使用Kaazing的远程Web Socket服务器为浏览器返回简单的回声消息
实例71 使用Node.js和ws模块构建WebSocket服务器
实例72 使用Web Socket、Pusher API和PHP构建捐赠进度指示器
实例73 为jWebSocket创建插件
实例74 通过Server-Sent Events向浏览器推送通知
实例75 配置Amazon S3支持跨域共享网络字体
实例76 使用Robodeck控制HTML5幻灯片
实例77 查看Socket.IO连接确定它是原生的还是模拟的
实例78 使用node-spdy构建简单的SPDY服务器
第10章 使用Node.js实现高级HTML5应用HTML5应用设计的考虑
实例79 在浏览器中显示"Hello Html5"
实例80 通过request对象检测用户代理(UA)字符串
实例81 使用Node.js的response对象向客户端返回为设备定制的数据
实例82 使用Node.js包管理器添加一个Web应用开发框架作为第三方模块
实例83 使用Express应用生成器创建基础应用
实例84 定制模块处理路由
实例85 配置Express启用视图引擎
实例86 启用Jade布局使应用视图遵守DRY
实例87 使用Jade视图部件在视图中创建简单的导航条
实例88 使用Jade Mixin在视图中填充数据
实例89 使用Stylus书写富有表现力、动态、容错的CSS
实例90 使用HTML5样板作为默认初始模板成为一个HTML5高手
索引
猜您喜欢