O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Ionic 2 Solutions

Video Description

Over 30 life-changing recipes to help you create cutting-edge, hybrid apps with Ionic 2

About This Video

  • 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

  • In Detail

    Developing real-time apps is the need of the hour, and apps that deal with humongous amounts of user data and real-time information that needs to be updated frequently are in high demand. Currently, one of the most popular frameworks for this task is Ionic Framework, which is undergoing a major makeover. This course will get you started with Ionic and help you create Angular 2 components that interact with templates. From there, you’ll work with Ionic components and find out how to share data efficiently between them. You’ll discover how to make the best use of the REST API to handle back-end services and then move on to animating your application to make it look pretty. You’ll learn to add in a local push notification in order to test the app. You’ll work with Cordova to support native functionalities on both iOS and Android. Also, you’ll master using the default themes for each platform as well as customizing your own. Finally, you’ll see how best to deploy your app to different platforms. This video course will solve all your Ionic-related issues through dedicated recipes that will help you get the best out of Ionic.

    Table of Contents

    1. Chapter 1 : Creating Our First App with Ionic 2
      1. The Course Overview 00:03:56
      2. Setting Up a Development Environment 00:06:05
      3. Creating a HelloWorld App Via the CLI 00:06:22
      4. Creating a HelloWorld App Via Ionic Creator 00:03:22
      5. Viewing the App Using Your Web Browser 00:02:58
      6. Viewing the App Using the Ionic CLI 00:01:43
      7. Viewing the App Using Xcode for iOS 00:03:11
      8. Viewing the AppU Genymotion for Android 00:06:17
      9. Viewing the App Using Ionic View 00:04:16
    2. Chapter 2 : Adding Ionic 2 Components
      1. Adding Multiple Pages Using Tabs 00:12:24
      2. Adding the Left and Right Menu Navigation 00:07:20
      3. Navigating Multiple Pages with State Parameters 00:07:37
    3. Chapter 3 : Extending Ionic 2 with Angular 2 Building Blocks
      1. Creating Your Own Custom Component Using the HTML Template 00:04:56
      2. Creating a Custom Username Input Directive 00:06:28
      3. Creating a Custom Pipe 00:04:16
      4. Creating a Shared Service to Provide Data to Multiple Pages 00:06:23
    4. Chapter 4 : Validating Forms and Making HTTP Requests
      1. Creating a Complex Form with Input Validation 00:13:39
      2. Retrieving Data via Mocked API Using a Static JSON File 00:08:45
      3. Integrating with Stripe for Online Payment 00:08:23
    5. Chapter 5 : Adding Animation
      1. Embedding a Full Screen Inline Video as the Background 00:05:57
      2. Creating a Physics-Based Animation Using Dynamics.js 00:05:07
      3. Animating the Slide Component by Binding a Gesture to the Animation State 00:07:52
      4. Adding a Background CSS Animation to the Login Page 00:03:26
    6. Chapter 6 : User Authentication and Push Notification Using Ionic Cloud
      1. Registering and Authenticating Users Using Ionic Cloud 00:07:54
      2. Building an iOS App to Receive Push Notifications 00:18:58
      3. Building an Android App to Receive Push Notifications 00:12:20
    7. Chapter 7 : Supporting Device Functionalities Using Ionic Native
      1. Taking a Photo Using the Camera Plugin 00:07:05
      2. Sharing Content Using the Social Sharing Plugin 00:04:42
      3. Displaying a Term of Service Using InAppBrowser 00:06:22
      4. Creating a Taxi App Using the Google Maps Plugin and Geocode Support 00:09:05
    8. Chapter 8 : Theming the App
      1. Viewing and Debugging Themes for a Specific Platform 00:04:44
      2. Customizing Themes Based on the Platform 00:05:27
    9. Chapter 9 : Publishing the App for Different Platforms
      1. Adding Versioning to Future Proof the App 00:05:17
      2. Building and Publishing an App for iOS 00:07:26
      3. Building and Publishing an App for Android 00:06:14