Ionic 2 Solutions-The Rich Flavors of Ionic at Your Disposal
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Ionic 2 Solutions-The Rich Flavors of Ionic at Your Disposal to your Wishlist.

Add to Wishlist

Ionic 2 Solutions-The Rich Flavors of Ionic at Your Disposal

Over 30 life-changing recipes to help you create cutting-edge, hybrid apps with Ionic 2
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6 students enrolled
Created by Packt Publishing
Last updated 2/2017
Curiosity Sale
Current price: $10 Original price: $125 Discount: 92% off
30-Day Money-Back Guarantee
  • 4 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create custom UIs using Angular 2 directives
  • Make the best use of REST APIs to submit forms
  • Create beautiful animations and graphics in your application
  • Embed videos and other media into apps
  • Access native device functionalities, such as a camera and maps, using ngCordova
  • Theme your 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
View Curriculum
  • To work along this course you would require basic knowledge of Angular JS, Ionic Framework and Cordova platforms.
  • Requirements:
  • Node v6.9.4
  • Ionic 2.1.18
  • Cordova 6.4.0
  • VS code 1.8.1
  • AngularJS 2.0
  • A Mac computer with Mac OS X El Capitan and root privileges
  • iPhone 5 or later version
  • Any Android device with Android 5.x or later version (optional)
  • Any Windows Phone device (optional)

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.

About The Author

Hoc Phan is a technologist with a wide range of experience in front-end development, cloud computing, and big data. He started programming at the age of 12, with Pascal and Assembly, on his Intel 80286 computer. He learned to start practicing right away, even before figuring out the important concepts. Hoc worked on many JavaScript projects in the past by teaching himself the framework using various online sources. He was one of the first few developers who tested Ionic for its feasibility as a JavaScript replacement for a device's native language. He wrote the Ionic Cookbook, which was very well received. He has worked for both start-ups and large companies. By frequently speaking at local meetups and cloud computing/big data industry events and conferences, he learns from other experts. He holds an MBA degree from the University of Washington's Michael G. Foster School of Business.

I would like to thank my wife, Nga Nguyen, for putting up with my late-night writing sessions and taking care of our son ("little Brian"). Even though this is my third book on the same topic, the road to success was as difficult as the first two. Without the encouragement and understanding from my family, completing this book would not have been possible. I would also like to thank all the Ionic team members and the community on Ionic Forum. They have been extremely helpful in addressing all of my questions when I ran into issues, especially with the changes between Ionic 1 and Ionic 2. There is definitely a small learning curve for all of us to solve the most interesting problem in the industry .

Who is the target audience?
  • This video course is for front-end JavaScript developers who know the basics of JavaScript programming. No prior knowledge of Ionic is required to get the most of this video.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
35 Lectures
Creating Our First App with Ionic 2
9 Lectures 38:07
This video gives overview of the entire course
Preview 03:55

The aim of this video is to setup an environment for creating apps
Setting Up a Development Environment

The aim of this video is to get started with the creation of a sample app
Creating a HelloWorld App Via the CLI

The aim of this video is to create an app via the Ionic Creator

Creating a HelloWorld App Via Ionic Creator

The aim of this video is to view the App using a web browser

Viewing the App Using Your Web Browser

The aim of this video is to use Ionic CLI to view our App
Viewing the App Using the Ionic CLI

The aim of this video is to view our app in Xcode

Viewing the App Using Xcode for iOS

The aim of this video is to view our app using Android
Viewing the AppU Genymotion for Android

The aim of this video is to view our app using Ionic view

Viewing the App Using Ionic View
Adding Ionic 2 Components
3 Lectures 27:21

Working with multiple pages makes work faster and easier. This video will enable you to do that.

Preview 12:24

Menu navigation is important for the user to switch between two pages in the app. In this video, you will learn how to add the navigation menu.

Adding the Left and Right Menu Navigation

When you create pages, you also need to create the options when the user selects a particular option from the page. The navigation should happen properly.
Navigating Multiple Pages with State Parameters
Extending Ionic 2 with Angular 2 Building Blocks
4 Lectures 22:02

Everyone loves food, right? We will first start with a basic pizza ordering component.

Preview 04:56

Components and directives are different in Angular 2. This video will help you understand the difference by creating a user input directive.
Creating a Custom Username Input Directive

Pipes are used to represent data in a different format in the view. We will learn how to build a pipe for that.
Creating a Custom Pipe

Communication across the pages and components makes rendering information easy. It prevents trips to the backend. Therefore, you will need a shared service.
Creating a Shared Service to Provide Data to Multiple Pages
Validating Forms and Making HTTP Requests
3 Lectures 30:46

The aim of this video is to Create a form to test our input validation.

Preview 13:39

It's not always possible to have the backend available when you are developing the frontend. The aim of this video is to learn how to retrieve data.

Retrieving Data via Mocked API Using a Static JSON File

The aim of this video is to integrate with a real backend service for the payment process.

Integrating with Stripe for Online Payment
Adding Animation
4 Lectures 22:20

The aim of this video is to add a video with autoplay in the background

Preview 05:56

The aim of this video is to show a physics-based animation, which is a bouncing button that can show and hide a top quote box in our app
Creating a Physics-Based Animation Using Dynamics.js

The aim of this video is to create a gesture to the animation

Animating the Slide Component by Binding a Gesture to the Animation State

The aim of this video is to create some animation in the background of your login page
Adding a Background CSS Animation to the Login Page
User Authentication and Push Notification Using Ionic Cloud
3 Lectures 39:10
Authentication is important in any app you develop. It provides security to your users. This section will simplify the authentication concept as much as possible.
Preview 07:53

Push notifications encourage users to open the app even if they are not currently using it. This section will help you set up a push notification server using Ionic.
Building an iOS App to Receive Push Notifications

The push notification server for Ionic and iOS operates in the same way. This section will enable you to do the same with an Android API.
Building an Android App to Receive Push Notifications
Supporting Device Functionalities Using Ionic Native
4 Lectures 27:13
This section will help you make an app that takes photos from the camera plugin or directly from your device.
Preview 07:04

If you develop an app with shareable content, you can use the native device to share via the device’s social accounts. This prevents logging in from a separate browser and the user has multiple sharing accounts to select from.

Sharing Content Using the Social Sharing Plugin

When a user installs an app, there are terms of service they need to agree to. However, in case the app is not updated, they agree to the old terms. So, it is advisable to keep the terms of service separate from the app. The user could directly be directed to the app website using the InAppBrowser plugin.
Displaying a Term of Service Using InAppBrowser

Mapping features in app are always useful to find your location and the directions to the desired location. This section will help you in achieving that, using Ionic Native’s Google Maps.
Creating a Taxi App Using the Google Maps Plugin and Geocode Support
Theming the App
2 Lectures 10:10
When you develop an app, you want it to look attractive and good on every platform. Also, you don’t want to run the app on different platforms separately and debug them. Ionic 2CLI provides you with integration, so you could view all the themes in the same browser window. This video will enable you to do that.
Preview 04:44

Every mobile platform has a different theme design. Ionic 2 has built-in features to support the theme changes based on the detected platform, so you could focus on the app experience rather than spending time on the platform.
Customizing Themes Based on the Platform
Publishing the App for Different Platforms
3 Lectures 18:56
When the number of users for your app increases, you will not be able to keep track of everyone’s versions. Also, your backend might require parameters from the newer app. In this case, you need to detect the app version locally, so you can notify the users for an update requirement. This video will help you in developing an app that will do the same.
Preview 05:17

Publishing an app is the final step and would be frustrating if you are not prepared. This section will arm you with whatever you require to publish your app.
Building and Publishing an App for iOS

Building and publishing an Android app is easier than doing the same for an iOS app. You will see how to do that in this video.
Building and Publishing an App for Android
About the Instructor
Packt Publishing
3.9 Average rating
7,282 Reviews
52,112 Students
616 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.