Mobile Application Development: JavaScript Frameworks

Book Description

Enhance your JavaScript skills by venturing into the domain of developing mobile applications

About This Book

• Extend your JavaScript skillset to build, test, and launch mobile apps with confidence
• Follow three sample projects to experience Ionic’s impressive capabilities
• Extend the power of Apache Cordova by creating your own Apache Cordova cross-platform mobile plugins

Who This Book Is For

This Learning Path is for JavaScript web developers looking to develop mobile applications using various JavaScript descendent technologies. It is for anyone who wants to learn how to build fast and stylish native mobile app using the skills they already have. If you are already using React on the web, we’re confident you’ll be able to quickly get up and running with React Native for iOS and Android. See Ionic in action, and find out how it can transform the way you build mobile apps.

What You Will Learn

• Develop, build, run, and deploy great cross-platform mobile applications using Apache Cordova
• Create complete mobile apps using Apache Cordova that runs on Apple iOS, Google Android, and Windows Phone
• Create a neat user interface for your mobile application using jQuery Mobile
• Gain an in-depth understanding of how React Native works behind the scenes
• Write your own custom native UI components
• Develop native modules in Objective-C and Java that interact with JavaScript
• Get to know Ionic by creating three complete mobile applications

In Detail

A great mobile app is rapidly becoming crucial for a huge range of businesses. With a great app, your customers or your readers don’t come to you – you go with them, just a few clicks and swipes away. This Learning Path shows you how to build awesome mobile apps with some of the best tools currently being used by some of the smartest developers in the industry. Taking you through JavaScript impressive development ecosystem – from jQuery Mobile to React, through to Ionic – we’ll show you how to put your skills into practice so you can build your next mobile apps with confidence and style. In this Learning Path, from jQuery to React, to Ionic, we’ll cover everything you need to start

In the first module you’ll learn how to get stuck into Apache Cordova and find out how to use it as the key platform for developing your mobile app. It offers an efficient way to develop hybrid apps, which means you won’t have to connect to platform specific APIs or use their UI framework, and can instead harness your JavaScript web development skills. Make sure you have your HTML, CSS and jQuery skills at the ready.

In Module 2 we’ll show you how to take advantage of React Native. It has a reputation for having a steep learning curve, but we’ll make it easy for you, making sure you make full use of your existing knowledge and getting you up and running with a sample application. You’ll also learn how to create components, how to create multiple screens, as well as using native UI components and accessing native APIs.

In the third and final module you’ll get started with Ionic. With three practical projects you can build yourself, we’ve made sure that you’ll be learning by doing – which means you’ll not only develop new skills much more quickly, but you’ll have produced something tangible at the end of it!

This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products:

• JavaScript Mobile Application Development by Hazem Saleh
• Getting Started with React Native by Ethan Holmes and Tom Bray
• Ionic Framework By Example by Sani Yusuf

Style and approach

This Learning Path course provides a simple and easy way to build mobile applications in JavaScript descendent technologies such as jQuery, ReactJS, and Ionic.

Table of Contents

1. Module 1
1. An Introduction to Apache Cordova
2. Developing Your First Cordova Application
3. Apache Cordova Development Tools
4. Cordova API in Action
5. Diving Deeper into the Cordova API
6. Developing Custom Cordova Plugins
7. Unit Testing the Cordova App’s Logic
8. Applying it All – the Mega App

2. Module 2
1. Exploring the Sample Application
2. Understanding React Native Fundamentals
3. Beginning with the Example Application
4. Working with Styles and Layout
5. Displaying and Saving Data
6. Working with Geolocation and Maps
7. Integrating Native Modules
8. Releasing the Application

3. Module 3
1. First Look at Ionic
2. To-Do List App
3. Running Ionic Apps
4. Ionic Components
5. The London Tourist App
6. Advanced Ionic Components
7. Customizing the App
8. Building a Simple Social App
9. Connecting to Firebase
10. Roundup

中文：

书名：Mobile Application Development: JavaScript Frameworks

Enhance your JavaScript skills by venturing into the domain of developing mobile applications

关于本书

• 扩展您的JavaScript技能集，自信地构建、测试和启动移动应用程序
• 关注三个样例项目，体验Ionic令人印象深刻的功能
• 通过创建自己的ApacheCordova跨平台移动插件来扩展ApacheCordova的功能

Who This Book Is For

本学习路径面向希望使用各种JavaScript派生技术开发移动应用程序的Java Web开发人员。它是为任何想要学习如何利用自己已经拥有的技能构建快速而时尚的本地移动应用程序的人准备的。如果您已经在网络上使用Reaction，我们相信您将能够快速使用React Native for iOS和Android。观看Ionic的运行，了解它如何改变您构建移动应用的方式。

What You Will Learn

• 使用Apache Cordova开发、构建、运行和部署出色的跨平台移动应用程序
• 使用在Apple iOS、Google Android和Windows Phone上运行的ApacheCordova创建完整的移动应用程序
• 使用jQuery Mobile为您的移动应用程序创建整洁的用户界面
• 深入了解Reaction Native在幕后的工作方式
• Write your own custom native UI components
• 用Objective-C和Java开发与JavaScript交互的本机模块
• 通过创建三个完整的移动应用程序了解Ionic

In Detail

一款优秀的移动应用程序正迅速成为众多企业的关键。有了一个很棒的应用程序，你的客户或读者不会来找你–你和他们一起去，只需点击几下和滑动几下即可。这条学习之路向你展示了如何使用业界最聪明的开发人员目前使用的一些最好的工具来构建令人惊叹的移动应用程序。带您体验令人印象深刻的JavaScript开发生态系统-从jQuery Mobile到Reaction，再到Ionic-我们将向您展示如何将您的技能付诸实践，以便您能够自信和时尚地构建您的下一个移动应用程序。在这条学习之路中，从jQuery到Reaction，再到Ionic，我们将涵盖您开始学习所需的一切

在第一个模块中，您将学习如何使用ApacheCordova，并了解如何将其用作开发移动应用程序的关键平台。它提供了一种开发混合应用程序的高效方法，这意味着您不必连接到特定于平台的API或使用它们的用户界面框架，而是可以利用您的JavaScript Web开发技能。确保你已经准备好了你的html、css和jQuery技能。

在模块2中，我们将向您展示如何利用Reaction Native。它以学习曲线陡峭而闻名，但我们会让您轻松学习，确保您充分利用现有知识，并使用一个样例应用程序来启动和运行。您还将学习如何创建组件，如何创建多个屏幕，以及如何使用原生UI组件和访问原生API。

在第三个也是最后一个模块中，您将开始学习Ionic。有了三个你可以自己做的实际项目，我们已经确保你将在实践中学习–这意味着你不仅会更快地发展新技能，而且在结束时你会产生一些切实的东西！

此学习路径将Packt必须提供的一些最好的功能组合在一个完整的、经过精心策划的程序包中。它包括来自以下Packt产品的内容：

• 哈泽姆·萨利赫开发的JavaScript移动应用程序
• 伊桑·霍姆斯和汤姆·布雷的《反应原住民入门》
• Ionic Framework By Example by Sani Yusuf

风格和方法

本学习路径课程提供了一种使用jQuery、ReactJS和Ionic等JavaScript衍生技术构建移动应用程序的简单方法。

目录表

1. Module 1
1. An Introduction to Apache Cordova
2. Developing Your First Cordova Application
3.阿帕奇·科尔多瓦开发工具
4. Cordova API in Action
5. Diving Deeper into the Cordova API
6. Developing Custom Cordova Plugins
7.对Cordova App的逻辑进行单元测试
8.全盘应用–Mega App

2. Module 2
1.探索样例应用程序
2. Understanding React Native Fundamentals
3. Beginning with the Example Application
4.使用样式和布局
5. Displaying and Saving Data
6. Working with Geolocation and Maps
7.集成原生模块
8.发布应用程序

3.单元3
1. First Look at Ionic
2.待办事项APP
3. Running Ionic Apps
4. Ionic Components
5.伦敦旅游应用
6.高级离子组件
7. Customizing the App
8.构建一个简单的社交应用
9.连接到Firebase
10. Roundup