序

传智播客和“黑马程序员”

江苏传智播客教育科技股份有限公司（简称“传智播客”）是一家专门致力于高素质软件开发人才培养的科技公司，“黑马程序员”是传智播客旗下的高端IT教育品牌。

“黑马程序员”的学员多为大学毕业后想从事IT行业，但各方面条件还不成熟的年轻人。“黑马程序员”的学员筛选制度非常严格，包括技术测试、自学能力测试、性格测试、压力测试、品德测试等。百里挑一的残酷筛选制度确保了学员质量，并降低了企业的用人风险。

自“黑马程序员”成立以来，教学研发团队一直致力于打造精品课程资源，不断地在产、学、研三个层面创新自己的执教理念与教学方针；并且集中“黑马程序员”的优势力量，有针对性地出版了计算机系列教材50多种，制作了教学视频数十套，发表了各类技术文章数百篇。

“黑马程序员”不仅斥资研发IT系列教材，还为高校师生提供以下配套学习资源与服务。

为大学生提供的配套服务

（1） 辅学平台“博学谷”（yuanxiao.boxuegu.com），专业老师在线为您答疑解惑。

（2） 针对高校学生在学习过程中存在的压力等问题，还面向大学生量身打造了“播妞”。“播妞”不仅致力于推行快乐学习，还有定期的助学红包雨。可以添加“播妞”微信/QQ： 208695827。

（3） 高校学生可扫描右方二维码，加入“播妞”粉丝团，获取最新学习资源，与“播妞”一起快乐学习。

为IT教师提供的配套服务

针对高校教学，“黑马程序员”为IT系列教材精心设计了“教案+授课资源+考试系统+题库+教学辅助案例”的系列教学资源。高校老师请关注码大牛老师微信/QQ： 2011168841，获取教材配套资源；也可以扫描右方二维码，加入专为IT教师打造的师资服务平台——“教学好助手”，获取“黑马程序员”最新教师教学辅助资源的相关动态。

前言

为什么要学习本书

HTML5混合App开发是指使用基于HTML5的前端框架（如ionic）来开发App的技术，已经成为继Android、iOS开发技术之后又一火爆的移动App开发技术。

HTML5混合App开发的具体实现方式是，把HTML5应用程序嵌入一个原生容器中。此种方式实现的App集原生应用程序和HTML5应用程序的优点于一体，相比原生App界面更加美观，而且开发时间短，成本较低；这让掌握HTML5混合App开发技术的工程师的薪资水涨船高，在移动互联网行业抢尽风头。

本书讲解的混合App开发是使用ionic框架实现的，该框架基于HTML5和AngularJS，所以在本书的前半部分讲解了AngularJS的内容作为学习ionic的基础。如果你对HTML5混合App开发感兴趣，那么本书正好是你需要的。

如何使用本书

本书适合有HTML5、CSS3和JavaScript基础，熟悉HTML5移动Web开发的读者使用。作为一门技术教程，最重要也最难的一件事情就是要将一些复杂的功能简单化，让读者能够轻松理解并快速掌握。

本书对每个知识点都进行了深入的分析，并针对每个知识点精心设计了相关案例，同时还提供了两个阶段项目和一个综合项目；让读者能够将这些知识点运用在实际工作中，真正做到了由浅入深、由易到难。

本书共12章，接下来分别对每章进行简单的介绍。

第1章主要讲解混合App的基本概念、应用场景、相关技术、单页面应用、MVC与MVVM设计模式。

第2章主要讲解AngularJS中指令的概念、环境配置、模块、控制器、作用域、表达式和双向绑定。

第3章主要讲解AngularJS中常用的内置指令和自定义指令的方法。

第4章主要讲解AngularJS中的MVVM实现方式、启动流程、脏检测机制和依赖注入等。

第5章主要讲解AngularJS中创建服务的5种方式以及AngularJS中常用的内置服务，如$route、$http等。

第6章提供两个阶段项目，分别是邀请名单和电影列表，主要练习前文中讲解的AngularJS相关知识点。

第7章主要讲解ionic框架的内容，包括JDK的下载和安装、Android SDK的下载和安装、Node.js的下载和安装、Git的下载和安装、ionic和Cordova的安装。

第8章主要讲解创建ionic项目的方法、项目的目录和文件结构，以及如何定制项目图标和启动页。

前言HTML5混合App开发第9章主要讲解ionic CSS中提供的预定义类，包括基本布局类、颜色和图标类、界面组件类、栅格系统类。

第10章首先对ionic提供的JavaScript组件作了简要介绍，然后讲解ionic JavaScript中的基本布局组件、导航组件、界面组件。

第11章主要讲解ionic JavaScript中的动态组件和手势事件，然后扩展HTML5数据库IndexedDB。

第12章提供一个综合项目，该项目用于练习ionic框架的使用。

如果读者在理解知识点的过程中遇到困难，建议不要纠结于某个地方，可以先参考书中内容将案例编写出来。通常来讲，在熟悉代码过程后，前面看不懂的知识点一般就能理解了。如果读者在动手练习的过程中遇到问题，建议多思考，理清思路，认真分析问题发生的原因，并在问题解决后多总结。

致谢 

本教材的编写和整理工作由传智播客教育科技股份有限公司完成，主要参与人员有吕春林、马丹、金鑫、王宏、刘晓强等，全体人员在近一年的编写过程中付出了很多辛勤的汗水，在此一并表示衷心的感谢。

意见反馈

尽管我们尽了最大的努力，但教材中难免会有不妥之处，欢迎各界专家和读者朋友来信来函提出宝贵意见，我们将不胜感激。在阅读本书时，如发现任何问题或有不认同之处，可以通过电子邮件与我们取得联系，邮箱： itcast_book@vip.sina.com。

黑马程序员

2018年2月于北京