Ionic : Hybrid Mobile App Development
eBook - ePub

Ionic : Hybrid Mobile App Development

Rahat Khanna, Sani Yusuf, Hoc Phan

  1. 544 pages
  2. English
  3. ePUB (adapté aux mobiles)
  4. Disponible sur iOS et Android
eBook - ePub

Ionic : Hybrid Mobile App Development

Rahat Khanna, Sani Yusuf, Hoc Phan

DĂ©tails du livre
Aperçu du livre
Table des matiĂšres
Citations

À propos de ce livre

An end–to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic frameworkAbout This Book‱ Develop engaging mobile experiences with a native-looking UI in Ionic and AngularJS.‱ Use out-of-the-box Ionic functionalities, customize existing components, and add new components with this comprehensive course.‱ Learn Ionic by creating three complete mobile applicationsWho This Book Is ForIf you are a web developer who wants to build hybrid mobile app development using the Ionic framework, then this comprehensive course is best-suited for you.What You Will Learn‱ Get to know about Hybrid Apps and AngularJS‱ Set up a development environment to build Hybrid Apps‱ Navigate around components and routing in Ionic‱ Authenticate users using an e-mail password, Twitter, Facebook, Google+, and LinkedIn‱ Retrieve data and store it using Firebase‱ Access native device functionalities such as the camera, contact list, e-mail, and maps using NG-Cordova‱ Integrate PhoneGap plugins with NG-Cordova‱ Test your apps to improve and optimize performanceIn DetailHybrid Apps are a promising choice in mobile app development to achieve cost-effectiveness and rapid development. Ionic has evolved as the most popular choice for Hybrid Mobile App development as it tends to match the native experience and provides robust components/tools to build apps. The Ionic Complete Developers course takes you on an end–to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic framework.Starting with an introduction to the Ionic framework to get you up and running, you will gradually move on to setting up the environment, and work through the multiple options and features available in Ionic to build amazing hybrid mobile apps. You will learn how to use Cordova plugins to include native functionality in your hybrid apps.You will work through three complete projects and build a basic to-do list app, a London tourist app, and a complete social media app. All three projects have been designed to help you learn Ionic at its very best. From setting up your project to developing on both the server side and front end, and best practices for testing and debugging your projects, you'll quickly be able to deliver high-performance mobile apps that look awesome.You will then hone your skills with recipes for cross-platform development. Integrating Ionic with Cordova will bring you native device features, and you will learn about the best modules from its ecosystem. Creating components and customizing the theme will allow you to extend Ionic. You'll see how to build your app to deploy to all platforms to make you a confident start-to-finish mobile developer.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: ‱ Getting Started with Ionic – by Rahat Khanna‱ Ionic by Example – by Sani Yusuf‱ Ionic Cookbook – by Hoc PhanStyle and approachThis course shows you how to get up and running with the Ionic framework. It doesn't just give you instructions, expecting you to follow them. Instead, with a hands-on approach, it demonstrates what Ionic is capable of through a series of practical projects that you can build yourself.

Foire aux questions

Comment puis-je résilier mon abonnement ?
Il vous suffit de vous rendre dans la section compte dans paramĂštres et de cliquer sur « RĂ©silier l’abonnement ». C’est aussi simple que cela ! Une fois que vous aurez rĂ©siliĂ© votre abonnement, il restera actif pour le reste de la pĂ©riode pour laquelle vous avez payĂ©. DĂ©couvrez-en plus ici.
Puis-je / comment puis-je télécharger des livres ?
Pour le moment, tous nos livres en format ePub adaptĂ©s aux mobiles peuvent ĂȘtre tĂ©lĂ©chargĂ©s via l’application. La plupart de nos PDF sont Ă©galement disponibles en tĂ©lĂ©chargement et les autres seront tĂ©lĂ©chargeables trĂšs prochainement. DĂ©couvrez-en plus ici.
Quelle est la différence entre les formules tarifaires ?
Les deux abonnements vous donnent un accĂšs complet Ă  la bibliothĂšque et Ă  toutes les fonctionnalitĂ©s de Perlego. Les seules diffĂ©rences sont les tarifs ainsi que la pĂ©riode d’abonnement : avec l’abonnement annuel, vous Ă©conomiserez environ 30 % par rapport Ă  12 mois d’abonnement mensuel.
Qu’est-ce que Perlego ?
Nous sommes un service d’abonnement Ă  des ouvrages universitaires en ligne, oĂč vous pouvez accĂ©der Ă  toute une bibliothĂšque pour un prix infĂ©rieur Ă  celui d’un seul livre par mois. Avec plus d’un million de livres sur plus de 1 000 sujets, nous avons ce qu’il vous faut ! DĂ©couvrez-en plus ici.
Prenez-vous en charge la synthÚse vocale ?
Recherchez le symbole Écouter sur votre prochain livre pour voir si vous pouvez l’écouter. L’outil Écouter lit le texte Ă  haute voix pour vous, en surlignant le passage qui est en cours de lecture. Vous pouvez le mettre sur pause, l’accĂ©lĂ©rer ou le ralentir. DĂ©couvrez-en plus ici.
Est-ce que Ionic : Hybrid Mobile App Development est un PDF/ePUB en ligne ?
Oui, vous pouvez accĂ©der Ă  Ionic : Hybrid Mobile App Development par Rahat Khanna, Sani Yusuf, Hoc Phan en format PDF et/ou ePUB ainsi qu’à d’autres livres populaires dans Informatik et Anwendungsentwicklung. Nous disposons de plus d’un million d’ouvrages Ă  dĂ©couvrir dans notre catalogue.

Informations

Année
2017
ISBN
9781788297813
Édition
1

Ionic : Hybrid Mobile App Development


Table of Contents

Ionic : Hybrid Mobile App Development
Ionic : Hybrid Mobile App Development
Credits
Preface
What this learning path covers
What you need for this learning path
Who this learning path is for
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
1. Module 1
1. All About Hybrid Mobile Apps and Ionic Framework
Introducing a Hybrid Mobile Application
Types of Hybrid Mobile Apps
WebView-based Hybrid Apps
Cross-compiled Hybrid Apps
Anatomy of a Hybrid Mobile App
Custom WebView
Native library
Native to JS Bridge
Using web technologies to develop for mobile
What is AngularJS?
Important concepts in AngularJS
Modules
Directives
Controllers
Services
Templates
Expressions
Filters
Why use Apache Cordova?
Introducing Ionic Framework
Summary
2. Setting up the Environment the Right Way
Setting up Native Mobile development environments
For iOS
Installing and running simulators for testing
For Android
Download links
Setting the environment variables
For Windows
For Linux/Mac OS
Managing Android SDK and emulators
Alternative to Android emulators – Genymotion
Ionic development environment
Installing NodeJS
Basic npm commands
Installing Cordova CLI and Ionic CLI
Installation command for Cordova CLI
Basic Ionic CLI commands
Building a dummy app
Popular issues faced and solutions
Alternative to installation fuss – Ionic Playground
Using Ionic Framework with different Code Editors
Brackets
Sublime Text
Visual Studio
Summary
3. Start Building Your First Ionic App
Starting a new project
Multiple ways to start a project
Method 1 – using CDN-hosted library files
Method 2 – using Ionic Creator to design a prototype and start a project
Method 3 – using Ionic CLI locally
The anatomy of Ionic Project
Project folder structure and important files
Main components
The index.html file
App.js and the root module
Simple content directives – ion-content and ion-pane
ion-content
ion-pane
The Ionic starter template
The blank template
The tabs template
The sidemenu template
The maps template
E-commerce sample app – BookStore
Features
Architecture and design
Summary
4. Navigation and Routing in an Ionic App
Introduction to Angular UI Router
States and URLs
Nested states and views
Using the dot notation
Using the parent property
Using object-based states
Views for nested views
Ways to transition to a state
Abstract state
Multiple and named views
View names – relative versus abstract
State parameters
Basic parameters
Regex parameters
Query parameters
Single parameter
Multiple parameters
The $stateParams service
State events and resolve
Resolve
Ionic header and footer
The <ion-header-bar> directive
The <ion-footer-bar> directive
Ionic Tabs
The <ion-tabs> directive
The <ion-tab> directive
Ionic side menu
The <ion-side-menus> directive
The <ion-side-menu> directive
The <ion-side-menu-content> directive
Other important directives
Navigation and back menus
Navigation and layout to be used in BookStore
Summary
5. Accessorizing Your App with Ionic Components
Ionic CSS components
Header
Footer
Buttons
Icon buttons
Button bar
Lists
List dividers
List icons
List buttons
Item avatars or thumbnails
Cards
Forms
Input elements
Checkbox
Radio button list
Toggle
Range
Tabs
Grid
Utility
Ionic JS components
Actionsheet – $ionicActionSheet
Backdrop - $ionicBackdrop
Form inputs
The <ion-checkbox> directive
The <ion-radio> directive
The <ion-toggle> directive
Gestures and events
The $ionicGesture service
The on method
The off method
Gesture events
Lists
The <ion-list> directive
Loading – $ionicLoading
Modal – $ionicModal
The IonicModal controller
initialize(options)
Popover – $ionicPopover
Spinner – ion-spinner
Miscellaneous components
$ionicPosition
$ionicConfigProvider
Summary
6. Integrating App with Backend Services
$http services
The response object
The $http constructor method
Ionic services vs factories
Ionic service – authentication service
Ionic factory – BooksFactory
$resource and REST API
Demystifying mBaaS
Integrating with Parse
Step 1 – creating an app on Parse
Step 2 – getting API keys
Step 3 – configuring appropriate settings
Step 4 – integrating SDK or integrating using REST API
Using SDK – downloading and overview
Using REST API
Integrating to Firebase
Summary
7. Testing App on Real Devices
Testing on browser emulators
Overview of device mode in Chrome dev tools
Ionic view app
The Ionic upload command
Viewing your app
Making debug build
Android debug build
iOS debug build
Remote debugging
Remote debugging using Chrome dev tools
Android debugging
iOS debugging
Remote debugging using jsconsole.com
Testing using Ngrok
Summary
8. Working with Cordova Plugins – ngCordova
Introduction to Cordova plugins
Plugin management
Integrating ngCordova to Ionic App ...

Table des matiĂšres

  1. Ionic : Hybrid Mobile App Development
Normes de citation pour Ionic : Hybrid Mobile App Development

APA 6 Citation

Khanna, R., Yusuf, S., & Phan, H. (2017). Ionic : Hybrid Mobile App Development (1st ed.). Packt Publishing. Retrieved from https://www.perlego.com/book/527267/ionic-hybrid-mobile-app-development-pdf (Original work published 2017)

Chicago Citation

Khanna, Rahat, Sani Yusuf, and Hoc Phan. (2017) 2017. Ionic : Hybrid Mobile App Development. 1st ed. Packt Publishing. https://www.perlego.com/book/527267/ionic-hybrid-mobile-app-development-pdf.

Harvard Citation

Khanna, R., Yusuf, S. and Phan, H. (2017) Ionic : Hybrid Mobile App Development. 1st edn. Packt Publishing. Available at: https://www.perlego.com/book/527267/ionic-hybrid-mobile-app-development-pdf (Accessed: 14 October 2022).

MLA 7 Citation

Khanna, Rahat, Sani Yusuf, and Hoc Phan. Ionic : Hybrid Mobile App Development. 1st ed. Packt Publishing, 2017. Web. 14 Oct. 2022.