腾讯公司前资深前端工程师呕心沥血之作,移动Web开发者必读佳品 全方位展现用HTML5开发移动Web和应用的完整过程,以及各种策略和技巧 赠送270分钟高清配套教学视频 详细讲解了HTML5的新增功能、CSS3核心概念、WebPage、WebApp,触摸屏API、地理定位、WebSocket、通信基础、实时Web技术、感官世界、history和导航等内容 从实战开发的角度,详细介绍了jQueryMobile、SenchaTouch、Bootstrap和PhoneGap等移动Web开发框架的应用 注重实战,详细介绍了175个实例和3个综合案例,几乎每个知识点都配备了完整可运行的示例代码,并对重点内容专门录制了高清配套教学视频辅助读者学习
《HTML 5移动Web开发实战详解(Web开发典藏大系)》由浅入深,全面、系统、详尽地介绍了HTML 5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例,读者可以通过这些例子理解知识点,也可以直接在开发实战中稍加修改应用这些代码。本书涉及面广,从基本原理到实战,再到项目工作流,几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。另外,作者专门为书中的重点内容录制了高清配套教学视频,并提供了本书涉及的源程序,以便于读者高效、直观地学习。 《HTML 5移动Web开发实战详解(Web开发典藏大系)》共17章,分为两篇。第1篇为HTML 5移动Web开发基础,涵盖的内容有移动互联网的发展概述、HTML 5基础、CSS 3开发技术、从网页到应用(Application)、指尖下的浏览器、地理定位(Geolocation)、Web Worker、通信基础、实时Web技术、感官世界、history与导航等。第2篇为HTML 5移动Web开发实战,涵盖的内容有jQuery Mobile、Sencha Touch、Bootstrap、PhoneGap、Foundation及Node.js等其他移动Web开发技术。 《HTML 5移动Web开发实战详解(Web开发典藏大系)》适合所有想全面和深入学习HTML 5开发技术的人员阅读,尤其适合使用HTML 5做移动应用开发的人员阅读。对于大中专院校相关专业的学生和培训机构的学员,本书也是一本不可多得的参考书。 快速了解本书精华内容 在移动互联网的浪潮之巅(17分钟视频) HTML5基础(38分钟视频) 初探CSS 3(20分钟视频) 从网页到应用(19分钟视频) 指尖下的浏览器(20分钟视频) 地理定位(7分钟视频) Web Worker(13分钟视频) 通信基础(16分钟视频) 实时Web技术(7分钟视频) 感官世界(9分钟视频) History与导航(12分钟视频) 站在巨人们的肩上(21分钟视频) Sencha Touch(8分钟视频) Bootstrap(15分钟视频) PhoneGap(8分钟视频) 其他移动Web技术(9分钟视频) 如何成为出色的前端工程师(29分钟视频)
林珑,前端开发者和研究者、开源精神的忠实拥趸。曾经在腾讯公司和知乎网等知名互联网公司担任专业前端工程师。从事Web开发工作多年,对Web前端开发有深刻的认识,在Web前端开发方面有丰富的实战经验和成功案例。
第1篇 HTML 5移动Web开发基础第1章 移动互联网的浪潮之巅(教学视频:17分钟)1.1 浪潮之巅,顺势而为1.1.1 正确的时间做正确的事1.1.2 互联网的第二次崛起1.1.3 移动互联网正处于浪潮之巅1.2 移动互联网时代,Web必将璀璨1.2.1 你应该学习Web开发1.2.2 你应该为未来学习--移动Web开发1.3 WWW的精髓1.3.1 万维网发明者的初衷1.3.2 HTML是什么1.3.3 再谈Web标准1.3.4 如何理解Web语义化1.3.5 HTML 5和语义网1.4 主角登场--HTML 5的前世今生1.4.1 聊聊HTML 5那些旧事1.4.2 为移动而生1.4.3 你应该知道的HTML 5第2章 HTML 5基础(教学视频:38分钟)2.1 重温HTML2.1.1 HTML能干什么2.1.2 HTML的核心要素2.2 HTML的语义来源2.3 HTML 5的元素和属性2.3.1 全局属性2.3.2 HTML 5与它的全局属性2.3.3 内容模型(content models)2.3.4 文档元数据(Document metadata)2.3.5 区块(sections)2.3.6 分组内容(grouping content)2.3.7 文本级语义(text-level semantics)2.3.8 修改记录(edits)2.3.9 嵌入内容(embedded content)2.3.10 表格数据(tabular data)2.3.11 HTML 5表单2.3.12 input元素和其属性2.3.13 表单操作2.3.14 HTML 5表单兼容性2.3.15 交互式元素(Interactive elements)第3章 初探CSS 3(教学视频:20分钟)3.1 关于CSS的那件小事3.2 CSS的核心概念3.2.1 语法、层叠和特殊性(specificity)3.2.2 框模型(Box Model)3.2.3 可视化格式模型(visual formatting model)3.2.4 表格3.3 CSS 3选择器增强3.3.1 属性选择器的妙用3.3.2 强大的结构性伪类(Structural pseudo-classes)3.3.3 其他选择器3.3.4 CSS 4中的选择器3.4 和图片说再见3.4.1 背景和边框3.4.2 渐变和阴影3.4.3 自定义字体3.5 CSS 3布局之道3.5.1 炒冷饭--负边距与浮动3.5.2 栅格系统与多列布局3.5.3 弹性盒布局(Flexible Box)3.6 动起来3.6.1 CSS变形(CSS transform)3.6.2 CSS过渡(CSS Transitions)3.6.3 CSS动画(CSS Animations)3.7 响应式设计基础3.7.1 从两栏布局开始说起3.7.2 从media到media queries3.7.3 响应式栅格系统3.7.4 移动优先(mobile first)理念3.7.5 另一种思路:后端模板输出的优化3.7.6 其他细节第4章 从网页(Web page)到应用(Application)(教学视频:19分钟)4.1 Web不能承受之重4.2 本地存储升级4.2.1 cookie和cookie的局限4.2.2 来自HTML 5的Web Storage4.2.3 IE的userData4.3 离线应用4.3.1 缓存和应用缓存4.3.2 应用缓存的基本使用4.4 拖放4.4.1 模拟拖放4.4.2 原生拖放4.5 文件操作4.5.1 选择文件4.5.2 操作文件第5章 指尖下的浏览器(教学视频:20分钟)5.1 基本touch事件5.2 模拟手势事件5.3 hammer.js5.4 实例:精仿iOS的相册5.5 工具第6章 地理定位(Geolocation API)(教学视频:7分钟)6.1 获取当前位置6.2 监视位置变化6.3 来半斤Google maps尝尝6.4 开发者工具第7章 Web Worker(教学视频:13分钟)7.1 单线程语言之殇7.2 为JavaScript引入线程技术7.3 嵌入式Worker代码7.4 共享Worker第8章 通信基础(教学视频:16分钟)8.1 XHR 28.2 跨文档通信(Cross-document messaging)8.3 通道通信(channel messaging)第9章 实时Web技术(教学视频:7分钟)9.1 轮询和长轮询(comet)9.2 服务器事件(server-sent events)9.3 Web Sockets9.4 利器:Socket.IO9.5 基于Socket.IO的聊天室第10章 感官世界(教学视频:9分钟)10.1 感知方向(orientation)和动作(motion)10.2 音视频捕获第11章 history与导航(教学视频:12分钟)11.1 基于hashchange事件管理导航11.2 HTML 5 history API11.3 history.js第2篇 HTML 5移动Web开发实战第12章 站在巨人们的肩上--jQuery Mobile(教学视频:21分钟)12.1 移动Web框架概览12.1.1 HTML 5移动应用技术大观12.1.2 因地制宜、量体裁衣12.2 jQuery Mobile12.2.1 综述12.2.2 Hello,jQuery Mobile!12.2.3 页面(Pages)12.2.4 Ajax导航模型和转场动画(transitions)12.2.5 UI组件--一切皆响应12.2.6 UI组件--表单元素12.2.7 UI组件--Header & Footer12.2.8 UI组件--ListView12.2.9 UI组件--Collapsibles和Accordions12.2.10 UI组件--popup12.2.11 UI组件--dialog12.2.12 响应式组件--responsive grids12.2.13 响应式组件--reflow tables12.2.14 响应式组件--Column Toggle tables12.2.15 响应式组件--sliding panels12.2.16 主题化和themeroller12.2.17 进阶第13章 Sencha Touch(教学视频:8分钟)13.1 综述13.2 bonjour,Sencha Touch!13.3 第一个Sencha Touch程序13.4 进阶第14章 Bootstrap(教学视频:15分钟)14.1 Bootstrap 3综述14.2 Grid系统14.3 响应式实用类14.4 组件更新--Navbar14.5 组件更新--List group14.6 组件更新--Panels14.7 从Bootstrap 2迁移到Bootstrap 3第15章 PhoneGap(教学视频:8分钟)15.1 PhoneGap 10115.2 开发基于PhoneGap的程序第16章 其他移动Web技术(教学视频:9分钟)16.1 Foundation16.2 Semantic-UI16.3 Pure16.4 Titanium第17章 如何成为优秀的前端工程师(教学视频:29分钟)17.1 Node.js17.1.1 什么是Node.js17.1.2 Node.js基础17.1.3 Node.js模块系统17.1.4 Node.js包管理系统NPM17.1.5 事件驱动和异步I/O17.1.6 前端工程师需要了解Node.js的什么17.2 工具链17.2.1 CoffeeScript17.2.2 CSS预处理器(CSS preprocessor)17.2.3 Grunt17.2.4 Bower17.2.5 Yeoman17.3 关于调试的那些事儿17.3.1 Chrome开发者工具17.3.2 多设备调试:Adobe Edge Inspect17.4 从职业到专业、从前端到全端17.4.1 Mac与Windows17.4.2 Sublime Text17.4.3 MV*框架17.4.4 如何保持你的知识处在最前沿17.4.5 跳出前端,更大的世界
近几年全球都在谈论一个新名词——移动互联网。iPhone和Android彷佛就在一夜之间将人们从原始社会带入了文明时代。就在五六年前,你很难想象当你置身于一个陌生城市之时可以不费吹灰之力就能找到两条街以外最合你胃口的那个西餐厅,并邀请几米开外的漂亮姑娘和你共进晚餐。 作为互联网从业者,我深知投入建设这样一个便捷的互联网世界是多么的激动人心。作为Web开发的坚定拥护者,我也更知晓绝不能在移动互联网时代漏掉HTML 5技术。 1.HTML 5不仅仅是HTML 早期的HTML在非常长的时间里被人们认为是一种效率低下,且功能简单的网页开发技术。但Web技术的不断发展让“网页”和“应用”的界限越来越模糊,尤其是HTML 5的横空出世让Web变得更加强大。 HTML 5标准草案最初发布于2008年,而后被各大浏览器厂商跟进,包括Chrome、IE、Opera和Safari等。它发展迅速,很快成为了开发跨平台和跨设备应用的首选客户端技术。它赋予浏览器强大的能力。例如,基于HTML 5甚至完全可以抛弃特定的操作系统平台——Chromebook就是这方面的有力践行者。 而对于开发人员来讲,HTML 5使得开发应用程序更加高效、快捷和简单,几十行代码便可以实现过去几百上千行代码才能实现的功能,真是省时省力。 2.HTML 5易学易用 HTML 5增强了HTML的功能,但又摒弃了XHTML的复杂,在学习上几乎不用花费太多功夫,在使用上也尽量贴近人们的常规思维。 HTML 5社区和相关技术发展也十分迅速。尤其在移动互联网的助力下,HTML 5的步子迈得更大了。一方面,对程序开发不了解的设计师也能利用HTML 5和CSS 3技术轻易地设计出高保真的动态应用原型。另一方面,前端开发工程师可以利用HTML 5提供的编程接口编写出强大的应用程序。 3.本书的诞生 许多人在学习HTML 5的时候不明白究竟什么才算是HTML 5,也经常搞混一些概念和用法。从某种角度来说,HTML 5是一系列技术标准的集合,并且是不断向前发展的技术。为了帮助那些对移动开发感兴趣的读者能够在较短的时间内掌握HTML 5开发技术,笔者编写了本书。 本书首先从HTML 5的历史和背景入手,让读者理解HTML 5究竟为何物。然后一一讲解了HTML 5的相关技术标准及其在移动Web开发中的应用,以期读者能够掌握HTML 5移动Web开发的核心内容。最后再讲解HTML 5移动Web开发的相关工具,让读者可以快速成为一位高效而专业的开发者。 本书特色 1.内容丰富,覆盖面广 本书基本涵盖了HTML 5移动Web开发的所有常用知识点及开发工具。无论是初学者,还是有一定基础的Web开发从业人员,通过阅读本书都将获益匪浅。 2.注重实践,快速上手 本书不以枯燥乏味的理论知识作为讲解的重点,而是从实践出发,将必要的理论知识和大量的开发实例相结合,并将笔者多年的实际项目开发经验贯穿于全书的讲解中,让读者可以在较短的时间内理解和掌握所学的知识。 3.内容深入、专业 本书直击要害,先从标准文档入手,深入浅出地讲解了Web技术的原理。然后结合移动Web开发的相关工具,介绍了实际的移动Web开发,让读者学有所用。 4.实例丰富,随学随用 本书提供了大量来源于真实Web开发项目的实例,并给出了丰富的程序代码及注释。读者通过研读这些例子,可以了解实际开发中编写代码的思路和技巧,而且还可以将这些代码直接复用,以提高自己的开发效率。 5.视频教学,高效直观 笔者专门为书中的重点内容和实例录制了配套教学视频进行讲解,以方便读者更加高效直观地学习,从而取得更好的学习效果。这些视频及本书源代码需要读者自行下载。读者可以上搜索到本书页面按提示下载,也可以上的相关版块下载。 本书内容 第1篇 HTML 5移动Web开发基础(第1~11章) 本篇主要介绍了HTML 5移动Web开发的基础知识。首先介绍了移动互联网的发展历史和大背景,并阐述了万维网的精髓和Web标准的意义。了解这些知识可以从更宏观的层面理解HTML 5技术。然后从Web前端开发的三大技术层面,详细介绍了HTML 5开发的核心技术。其中,HTML是表意层面的技术,CSS是视觉层面的技术,而JavaScript则是行为和功能层面的技术。掌握本篇内容,可以为读者的移动Web开发打好基础。 第2篇 HTML 5移动Web开发实战(第12~17章) 虽然HTML 5大大简化了开发过程,降低了开发成本,但这远远不够,还需要借助许多基于HTML 5的移动开发框架。这些框架可以让开发任务变得更加简单。 本篇从实战角度介绍了HTML 5移动开发框架及其他相关知识。首先介绍了轻量级框架jQuery Mobile,然后介绍了重量级框架Sencha Touch,最后介绍了Bootstrap、PhoneGap、Foundation及Node.js等其他移动Web开发技术。掌握本篇内容,读者便可以较好地利用这些技术进行移动Web开发。 本书读者对象 * HTML 5初学者; * 有一定基础的Web开发人员; * Web前端开发工程师; * 移动应用开发人员; * 浏览器开发人员; * 大中专院校的学生; * 相关培训班的学员。 阅读本书时若有疑问,请发E-mail以获得帮助。 编者