Mobile Application Development: JavaScript Frameworks

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

Mobile Application Development: JavaScript Frameworks

This ebook is included in a Mapt subscription
Hazem Saleh et al.

Enhance your JavaScript skills by venturing into the domain of developing mobile applications
$0.00
$59.99
$74.99
$29.99p/m after trial
RRP $59.99
RRP $74.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781787129955
Paperback599 pages

Book Description

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:

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:

Table of Contents

Chapter 1: An Introduction to Apache Cordova
What is Apache Cordova?
The differences between mobile web, hybrid mobile, and native mobile applications
Why you should use Cordova
Cordova architecture
Overview of Cordova APIs
Summary
Chapter 2: Developing Your First Cordova Application
An introduction to Cordova CLI
Developing Sound Recorder application
Building and running Sound Recorder application
Summary
Chapter 3: Apache Cordova Development Tools
Configuring Android development environment
Configuring iOS development environment
Configuring the Windows Phone development environment
Summary
Chapter 4: Cordova API in Action
Exploring the Cordova Exhibition app
The Cordova Exhibition app structure
Accelerometer
Camera
Compass
Connection
Contacts
Device
Geolocation
Globalization
InAppBrowser
Summary
Chapter 5: Diving Deeper into the Cordova API
Media, file, and capture
Notification
Storage
Finalizing the Cordova Exhibition app
Cordova events
Summary
Chapter 6: Developing Custom Cordova Plugins
Developing a custom Cordova plugin
Developing Android code
Developing iOS code
Developing Windows Phone 8 code
Publishing our plugin to Cordova Registry
Testing our Cordova plugin
Summary
Chapter 7: Unit Testing the Cordova App's Logic
What is Jasmine
Configuring Jasmine
Writing your first Jasmine test
Jasmine Matchers
Jasmine in action – developing Cordova app tests
Automating tests using Karma
Summary
Chapter 8: Applying it All – the Mega App
Mega App specification/wireframes
Preparing for the Mega App
The Mega App architecture
The Mega App model and API
The Mega App user interface
Finalizing Mega App
Deploying and running Mega App
Start contributing to Mega App
Summary
Chapter 9: Exploring the Sample Application
Installing Xcode
Running the sample application
Experimenting with the sample application
Summary
Chapter 10: Understanding React Native Fundamentals
The Virtual DOM
Components
Summary
Chapter 11: Beginning with the Example Application
Generating the projects
Structuring the application
Navigation
Summary
Chapter 12: Working with Styles and Layout
React CSS
Layout and Flexbox
Styling the NavigationBar component
Styling the NoteScreen
Summary
Chapter 13: Displaying and Saving Data
Lists
Summary
Chapter 14: Working with Geolocation and Maps
Introducing the Geolocation API
Tagging notes with geolocation
NoteLocationScreen
Summary
Chapter 15: Integrating Native Modules
Adding images to notes
Installing react-native-camera on iOS
Viewing images
Connecting the final pieces
Summary
Chapter 16: Releasing the Application
Generating the static bundle in iOS
Testing the static bundle in iOS
Creating an iOS release in Xcode
Generating the Android APK
Summary
Chapter 17: First Look at Ionic
The beginning
Apache Cordova
What is Ionic?
Summary
Chapter 18: To-Do List App
Creating our first application
The Ionic workflow
Summary
Chapter 19: Running Ionic Apps
Running our todo app
Summary
Chapter 20: Ionic Components
Creating a new to-do list application
Summary
Chapter 21: The London Tourist App
Introduction to the London Tourist App
Summary
Chapter 22: Advanced Ionic Components
The Ionic Popover
The Ionic Modal
Summary
Chapter 23: Customizing the App
Customizing the look and feel of your app
Ionic SCSS overview
$ionicConfigProvider
Summary
Chapter 24: Building a Simple Social App
The Ionic tabs application
The <ion-tab> element
Summary
Chapter 25: Connecting to Firebase
Extending our tabs-app Ionic app
Firebase
Summary
Chapter 26: Roundup
Uncovered features of Ionic
Useful resources
Summary

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

Authors

Table of Contents

Chapter 1: An Introduction to Apache Cordova
What is Apache Cordova?
The differences between mobile web, hybrid mobile, and native mobile applications
Why you should use Cordova
Cordova architecture
Overview of Cordova APIs
Summary
Chapter 2: Developing Your First Cordova Application
An introduction to Cordova CLI
Developing Sound Recorder application
Building and running Sound Recorder application
Summary
Chapter 3: Apache Cordova Development Tools
Configuring Android development environment
Configuring iOS development environment
Configuring the Windows Phone development environment
Summary
Chapter 4: Cordova API in Action
Exploring the Cordova Exhibition app
The Cordova Exhibition app structure
Accelerometer
Camera
Compass
Connection
Contacts
Device
Geolocation
Globalization
InAppBrowser
Summary
Chapter 5: Diving Deeper into the Cordova API
Media, file, and capture
Notification
Storage
Finalizing the Cordova Exhibition app
Cordova events
Summary
Chapter 6: Developing Custom Cordova Plugins
Developing a custom Cordova plugin
Developing Android code
Developing iOS code
Developing Windows Phone 8 code
Publishing our plugin to Cordova Registry
Testing our Cordova plugin
Summary
Chapter 7: Unit Testing the Cordova App's Logic
What is Jasmine
Configuring Jasmine
Writing your first Jasmine test
Jasmine Matchers
Jasmine in action – developing Cordova app tests
Automating tests using Karma
Summary
Chapter 8: Applying it All – the Mega App
Mega App specification/wireframes
Preparing for the Mega App
The Mega App architecture
The Mega App model and API
The Mega App user interface
Finalizing Mega App
Deploying and running Mega App
Start contributing to Mega App
Summary
Chapter 9: Exploring the Sample Application
Installing Xcode
Running the sample application
Experimenting with the sample application
Summary
Chapter 10: Understanding React Native Fundamentals
The Virtual DOM
Components
Summary
Chapter 11: Beginning with the Example Application
Generating the projects
Structuring the application
Navigation
Summary
Chapter 12: Working with Styles and Layout
React CSS
Layout and Flexbox
Styling the NavigationBar component
Styling the NoteScreen
Summary
Chapter 13: Displaying and Saving Data
Lists
Summary
Chapter 14: Working with Geolocation and Maps
Introducing the Geolocation API
Tagging notes with geolocation
NoteLocationScreen
Summary
Chapter 15: Integrating Native Modules
Adding images to notes
Installing react-native-camera on iOS
Viewing images
Connecting the final pieces
Summary
Chapter 16: Releasing the Application
Generating the static bundle in iOS
Testing the static bundle in iOS
Creating an iOS release in Xcode
Generating the Android APK
Summary
Chapter 17: First Look at Ionic
The beginning
Apache Cordova
What is Ionic?
Summary
Chapter 18: To-Do List App
Creating our first application
The Ionic workflow
Summary
Chapter 19: Running Ionic Apps
Running our todo app
Summary
Chapter 20: Ionic Components
Creating a new to-do list application
Summary
Chapter 21: The London Tourist App
Introduction to the London Tourist App
Summary
Chapter 22: Advanced Ionic Components
The Ionic Popover
The Ionic Modal
Summary
Chapter 23: Customizing the App
Customizing the look and feel of your app
Ionic SCSS overview
$ionicConfigProvider
Summary
Chapter 24: Building a Simple Social App
The Ionic tabs application
The <ion-tab> element
Summary
Chapter 25: Connecting to Firebase
Extending our tabs-app Ionic app
Firebase
Summary
Chapter 26: Roundup
Uncovered features of Ionic
Useful resources
Summary

Book Details

ISBN 139781787129955
Paperback599 pages
Read More

Read More Reviews