Learn Hybrid Mobile App Developement With Ionic Framework

- Preview, share, and test apps live in Ionic View
- Push hot code updates to your app remotely
- Compile native builds for any OS, from any OS
- Prototype and rapidly develop apps visually with Creator
About The Book
Learn how to build app store-ready hybrid apps with the Ionic 2, the framework built on top of Apache Cordova (formerly PhoneGap) and Angular. This practical guide shows you how to use Ionic’s tools and services to develop apps with HTML, CSS, and TypeScript, rather than rely on platform-specific solutions found in Android, iOS, and Windows Phone.
What You Will Learn
- Understand what a hybrid mobile app is, and what comprises a basic Ionic application
- Learn how Ionic leverages Apache Cordova, Angular, and TypeScript to create native mobile applications
- Create a Firebase-enabled to-do application that stores data across multiple clients
- Build a tab-based National Park explorer app with Google Map integration
- Develop a weather app with the Darksky weather API and Google’s GeoCode API
- Debug and test your app to resolve issues that arise during development
- Walk through steps for deploying your app to native app stores
- Learn how Ionic can be used to create Progressive Web Apps
Key Features
- Leverage Ionic 2 and its exciting new features to create cutting-edge real-time apps
- Work through simple recipes to address your problems directly and solve them effectively
- Get examples at each step to guide you on your learning curve
What you will learn
- Create custom UIs using Angular 2 directives
- Make the best use of REST APIs to submit forms
- Create beautiful animations and graphics in the application
- Embed videos and other media into the app
- Access native device functionalities such as a camera and maps using ngCordova
- Theme the application based on the various platform styles available
- Publish your application to a variety of platforms
- Leverage Angular 2 events and Ionic-specific events to communicate
Table of Contents
- Creating Our First App with Ionic 2
- Adding Ionic 2 Components
- Extending Ionic 2 with Angular 2 Building Blocks
- Validating Forms and Making HTTP Requests
- Adding Animation
- User Authentication and Push Notification Using Ionic Cloud
- Supporting Device Functionalities Using Ionic Native
- Theming the App
- Publishing the App for Different Platforms
About This Book
- Learn how to utilize the robust features of Ionic CLI and its framework to create, develop, and build your mobile app
- Explore new integrations with various Backend-as-a-Services, along with AngularJS modules, for creative solutions
- Use out-of-the-box Ionic functionalities, customize existing components, and add new components with this comprehensive, step-by-step guide
Who This Book Is For
If you are a front-end developer and want to take advantage of your existing mobile application development skills to develop cross-platform mobile apps, this book is for you. You will build up your Ionic knowledge with in-depth recipes on Angular.js, Cordova, and Sass.
What You Will Learn
- 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 a camera, contact list, e-mail, and maps using ngCordova
- Work with localStorage and SQLite for persistent data access on the client side
- Communicate to and from your app using push notifications or SMS
- Leverage AngularJS events and Ionic-specific events to communicate across pages, controllers, and directives
- Customize the color and theme of your Ionic app
- Create new custom directives as components
- Compile your app for iOS, Android, and Windows Phone
Key Features
- Create hybrid mobile applications by combining the capabilities of Ionic, Cordova, and AngularJS
- Reduce the time to market your application using Ionic, that helps in rapid application development
- Detailed code examples and explanations, helping you get up and running with Ionic quickly and easily
What you will learn
- Learn how a hybrid mobile application works
- Familiarize yourself with Cordova and see how it fits into hybrid mobile application development
- Seamlessly work with Ionic CSS components and Ionic-Angular JavaScript components like directives and services
- Learn how to theme Ionic apps, as well as customize components using Ionic SCSS support
- Develop an app that builds a client for a Secure REST API using Ionic & Angular
- Develop a real-time chat app using Firebase, that consumes ngCordova
- Learn how to generate a device-specific installer for an Ionic app using Ionic CLI as well as Ionic Cloud services
- Ionic Powered by Angularjs
- Welcome to Ionic
- Ionic CSS Components and Navigation
- Ionic and SCSS
- Ionic Directives and Services
- Building a Bookstore App
- Cordova and NgCordova
- Building a Messaging App
- Releasing the Ionic App
About This Book
- Step into the world of amazingly interactive and real-time app development using Ionic 2
- Leverage the powerful Angular 2 along with Ionic to develop cutting edge apps
- Detailed code examples and explanations will help you get up and running with Ionic quickly and easily
What You Will Learn
- Understanding the world of the mobile hybrid architecture
- Scaffolding and working with Ionic templates
- Transforming a single page app to a multi-page app using Navigation Controller
- Integrating Ionic components, decorators, and services and rapidly developing complex applications
- Theming Ionic apps as well as customizing components using SCSS
- Working with Ionic Native to interface with device features, such as camera, notifications, and battery
- Building a production grade app using Ionic and Uber API to let users book a ride
- Migrating an Ionic 1 app to Ionic 2 or Ionic 3
- Performing unit testing, end-to-end testing, and device testing on your apps
- Deploying Ionic apps to store and manage their subsequent releases
Book Highlight
What You'll Learn
- Create content-based Ionic mobile apps
- Discover the advanced features of the Ionic framework
- Use Firebase as a mobile app’s back-end storage
- Build, test, and continuously delivery Ionic mobile apps
- Publish and analyze Ionic mobile apps
What's Inside
- Create mobile apps with HTML, JavaScript, and CSS
- Design complex interfaces with Ionic's UI controls
- Build once and deploy for both iOS and Android
- Use native device hardware and device-specific features
- Covers the entire mobile development process
Table of Contents
- Introducing Ionic and hybrid apps
- Setting up your computer to build apps
- What you need to know about AngularJS
- Ionic navigation and core components
- Tabs, advanced lists, and form components
- Weather app, using side menus, modals, action sheets, and ionScroll
- Advanced techniques for professional apps
- Using Cordova plugins
- Previewing, debugging, and automated testing
- Building and publishing apps
Summary Of The Book
Whether you’re an absolute beginner or a seasoned veteran Mastering Ionic is packed with practical knowledge and development insights geared towards helping you master the mobile development framework that businesses and developers all over the world are raving about: Ionic.
Topics covered in the book include
- Working with Ionic UI components
- Implementing Angular services
- Theming your applications
- Handling and parsing data
- Configuring forms
- Integrating different data storage solutions
- Using Ionic Native plugins
- Code signing apps for iOS & Android
- Troubleshooting common (and not-so common) Ionic bugs
- Submitting apps to the Apple App & Google Play Stores
Building mobile apps with Ionic Framework
This book is an exploration of the mobile apps development by use the of the Ionic Framework. It begins by explaining what Ionic Framework is, where it is used, and the purpose for using it. The next step is an exploration of how one can set up the environment ready for using the framework.
Here is a preview of what you'll learn
- Definition
- Installation
- How to Start the Node Server
- Creating a Mockup using Iconic Creator
- Ionic Framework Components
- Testing on Emulators, Browsers, and Mobile Devices
- Development of the app
- The Ionic CLI
- Routing
- Integrating your App with Facebook
Book Consists Of
- How to develop full-stack Mobile App with Ionic Framework
- Will help you solve the complex problem of mobile app development for multiple platforms
- How to face more challenges when you have limited time and budget
- Quickly through easy to understand examples
Although this book is ideal for those who have already known AngularJS and have been using jQuery Mobile for mobile app development, you can pick up the concepts really if you have used jQuery Mobile before, Ionic Framework will give you a different perspective.