Book description
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.
Author Chris Griffith takes you step-by-step through Ionic’s powerful collection of UI components, and then helps you use it to build three cross-platform mobile apps. Whether you’re new to this framework or have been working with Ionic 1, this book is ideal for beginning, intermediate, and advanced web developers.
- 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
Publisher resources
Table of contents
- Foreword
- Preface
- 1. Hybrid Mobile Apps
- 2. Setting Up Our Development Environment
- 3. Understanding the Ionic Command-Line Interface
- 4. Just Enough Angular and TypeScript
- 5. Apache Cordova Basics
- 6. Understanding Ionic
-
7. Building Our Ionic2Do App
- Adding our Platforms
- Previewing Our Ionic2Do App
- Updating the Page Structure
- Adding Full-Swipe Gesture
- Simple Theming
- Proper Typing
- Saving Data
- Creating a FireBase account
- Installing Firebase and AngularFire2
- Ionic Build System
- Adding AngularFire to Our app.module.ts File
- Using Firebase Data
- Using Ionic Native
- Summary
-
8. Building a Tab-Based App
- Bootstrapping Our App
- Loading Data via the HTTP Service
- Display our Data
- Generating New Pages
- Understanding the Ionic 2 Navigation model
- Updating the Park Details Page
- Add a Google Map
- Rendering the Google Map
- Add Map Markers
- Adding Search
- Theming Our Application
- Virtual Scrolling
- Custom List Headers
- Summary
-
9. Building a Weather Application
- Getting Started
- Exploring the Side Menu Template
- Side Menu Options
- Displaying the Menu
- Converting the Template
- Mocking Up Our Weather Provider
- Laying Out the Weather Data
- Loading Feedback: Loading Dialogs and Pull to Refresh
- Adding GeoLocation
- Accessing Live Weather Data
- Connecting the Geolocation and Weather Providers
- Getting Other Locations’ Weather
- Pull to Refresh: Part 2
- Editing the Locations
- Using a Geocoding Service
- Dynamically Updating the Side Menu
- Ionic Events
- Observables
- Styling the App
- Add a Weather Icon
- Next Steps
- Summary
- 10. Debugging and Testing Your Ionic Application
- 11. Deploying Your Application
- 12. Exploring the Ionic Cloud
- 13. Progressive Web Apps
- 14. Conclusion
- A. Migrating Ionic 1 to Ionic 2
- B. Understanding the Config.xml File
- C. Ionic Component Library
- Index
Product information
- Title: Mobile App Development with Ionic 2, 1st Edition
- Author(s):
- Release date: April 2017
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491937785
You might also like
book
Ionic : Hybrid Mobile App Development
An end–to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic …
book
Hybrid Mobile Development with Ionic
Build a complete, professional-quality, hybrid mobile application with Ionic About This Book Develop high-grade and performance-optimized …
book
Pro MEAN Stack Development
Write free, open-source, cross-platform, dynamic JavaScript applications that can run anywhere using the MEAN stack - …
book
Ionic in Action
Ionic in Action teaches web developers how to build cross-platform mobile apps for phones and tablets …