Learning Path: Ionic: Application Development with Ionic 2
- 5 hours on-demand video
- 1 downloadable resource
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- Create custom UIs using Angular 2 directives
- 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
- Customize an Ionic 2 application using the power of SASS variables
- Interact with users and gather relevant information using a form
Starting a project can sometimes mean installing tons of things and can be quite a lengthy process before everything is up and running. However, this is not the case with Ionic 2, which offers a great CLI and a "start" command to bootstrap code, including a side menu, several pages, and so on.
The app needs to be served, but this depends on its status. Let's take a look at which way of serving is better. The live reload server is an obvious winner for ease of use and debugging, while the new lab view helps us think about the experience on both Android and iOS. Emulators give a better idea as to the real experience that users will have; finally, the device can be used when the app is close to finalized.
Apps always contain several pages. We need to create them and ensure that they are navigable.
We need to present the list of search results in a visually attractive list. Ionic makes this easy with the ion-list and ion-icon components, and Angular allows us to repeat the items using ngFor as well as bind the values of attributes to the DOM elements' properties.
We need to load real data from an API. For this, we need HTTP_PROVIDERS to be provided and the HTTP service to be dependency injected.
Filtering and other calls for actions are vital in any app but not easy to present smartly in a mobile application. Action sheet is a great solution to this issue; it displays a nice overlay, and we can code what happens when we click on each button.
Temporary or intermediary pages are often necessary in applications. Although we know we can navigate to a page with a Back button, a modal makes more sense sometimes from a user-experience perspective. We will create such a modal and pass the track we clicked on as part of the navigation to display a preview of this track.
The application needs to communicate with the user. Through the use of various dialogs, an alert, a confirm box, and a prompt, we will make the app clearer and more interactive with the user.
Though the app looks really nice, it is rare that your corporate colors match the out-of-the-box Ionic feel. Ionic uses a large number of SASS variables, which you can override in order to make the app feel more like your own.
Working with multiple pages makes work faster and easier. This video will enable you to do that.
Everyone loves food, right? We will first start with a basic pizza ordering component.
The aim of this video is to Create a form to test our input validation.
The aim of this video is to add a video with autoplay in the background
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.
This section will help you make an app that takes photos from the camera plugin or directly from your device.
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.
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.
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.
- Since Ionic is built on top of AngularJS and Apache Cordova, you will need to have basic knowledge about these frameworks. You also need to be familiar with HTML and CSS.
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 the Ionic Framework.
Application Development with Ionic 2 is Packt’s Video Learning Path, which is are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.
This course will get you started with Ionic and help you create Angular 2 components that interact with templates.
You will learn to bootstrap an application and enhance one cool feature at a time. Each feature will cover one of the essential components of an app: user experience, logic and data, and the user interface.
You’ll then work with Cordova to support native functionalities on both iOS and Android. Also, you’ll learn to use the default themes for each platform as well as customizing your own.
By the end of this Video Learning Path, we will have built an entire awesome iTunes Browser app along with learning how best to deploy your app to different platforms.
About the Authors:
Mathieu Chauvinc is a Managing Director at Red Ape Solutions, where he aspires to keep the company at the bleeding edge of web technologies. On a daily basis, he leads the tech team of 15 and collaborates with them in building complex single page applications and neat hybrid mobile apps. He has been involved in web technologies for over a decade, from Django to Node.js and Go, SQL to NoSQL, Mootools to Angular 2, continuously trying to keep the right balance between the excitement of new frameworks and the stability of proven ones. He always has a special place in his heart for Python and Django.