Beginning Ionic Hybrid Application Development
4.1 (6 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.
104 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Beginning Ionic Hybrid Application Development to your Wishlist.

Add to Wishlist

Beginning Ionic Hybrid Application Development

Explore Ionic to build elegant, native-looking applications for iOS and Android
4.1 (6 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.
104 students enrolled
Created by Packt Publishing
Last updated 1/2016
Price: $50
30-Day Money-Back Guarantee
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop a hybrid mobile application with Ionic and AngularJS
  • Explore key commands of the Ionic CLI for an efficient development experience
  • Manage application data easily with AngularJS services and Ajax
  • Incorporate interactive mobile features to create intuitive user experiences
  • Beautify the application further by calling upon Cordova plugins
  • Fetch real-time data by making interactive calls to third-party websites
  • Deploy your application to the emulator for testing
View Curriculum
  • Familiarity with AngularJS is useful, but not necessary.
  • This video course is an easy-going and pragmatic approach to authoring style sheets, and will help you gain a very solid understanding of CSS. The course keeps building your knowledge as each section discusses several features with CSS3 in order to create complex, feature-rich web applications.

Mobile-first is the perspective developers have to think from to meet the demand of creating modern applications which are highly connected, accessible, and built for longevity.

Ionic enters this space as a powerful SDK which leverages AngularJS and Apache Cordova to enable the development of applications which look and perform like native ones, written purely in HTML, CSS and JavaScript. The value of Ionic for web developers is that grants the flexibility of developing mobile applications for major mobile platforms without getting into the complexity of working with native frameworks and languages.

Beginning Ionic Hybrid Application Development delivers your first steps into developing elegant, feature-rich cross-platform mobile applications with the framework, whilst taking advantage of its AngularJS backbone, and the Cordova API set.

We start off installing Ionic, exploring various commands such as start, serve, platform, run, and emulate, giving you a basic foundation of working with the Ionic CLI. We will then walk through built-in templates, themes, and headers, before creating an Ionic list, rendering data for it, and taking a look at creating services to manage our data efficiently.

Next, we start to incorporate greater sophistication by adding elements such as infinite scroll and pull-to-refresh, implementing data persistence, and focus on generally enhancing the user experience. Finally, we will talk about deploying our application to an emulator for testing purposes, and discuss Cordova plugins that can add even more functionality. By the end of the video you will have developed a full-featured, multi-platform mobile Ionic application.

About The Author

Troy Miles is a veteran software developer with over 35 years of experience building applications for a wide variety of systems. He is also a noted speaker on all aspects of software development. Troy has spoken at Velocity, MobileWeb Dev Con, Mobile Dev+Test, and NG-Vegas. He is also a regular speaker at So Cal and Silicon Valley Code Camps plus in front of local developer groups all over southern California. A few of his talks can be found his YouTube channel.

Who is the target audience?
  • Beginning Ionic Hybrid Application Development is for web developers and aspiring mobile application developers who possess a good working knowledge of HTML, CSS and JavaScript.
Compare to Other Web Development Courses
Curriculum For This Course
21 Lectures
Getting Started with Ionic
4 Lectures 13:30

Ionic is a new framework that is unfamiliar to many. We now introduce this framework.

The Course Overview

Installing open source projects is rarely easy. We use the ionic box to make things as easy as possible.

Installing Ionic

Ionic has dozens of commands. Let's use some of them to get more familiar.

Ionic Commands

Ionic has half a dozen templates. Let's start getting familiar with some of them.

Ionic Starter Templates, Themes, and Headers
Programming Ionic
5 Lectures 15:07

Ionic uses a program structure unfamiliar to many developers. The starter templates create the basic structure of the app.

Preview 04:22

Understanding routing is critical to creating apps with Ionic. Ionic uses the very popular ui-router library.

What Is a Route?

Menus are a very familiar programming metaphor. Creating menus and adding items is easy in Ionic.

Adding Menu Items

Controllers in Angular act as the glue between the model and the view. We create our own controller to eventually render our data.

Creating an Angular Controller

Lists are an often used UI pattern. Making one in Ionic is simple.

Creating an Ionic List
Services and AJAX
5 Lectures 11:54

It is best practice to use a service to implement data access. Let's create a service.

Preview 03:40

Mobile apps need to access remote data. Learn to make an AJAX call.

Making an AJAX Call

Controllers need access to remote data. Call the service from the controller asynchronously.

Calling the Service from a Controller

The service returns only the first page out of many possible pages. Use an infinite scroll to get all the pages.

Adding an Infinite Scroll Element

We need a way to reset the list of coffee shops. Implement a pull to refresh.

Adding a Pull to Refresh the Element
Ionic Components and Persistence
4 Lectures 12:06

Ionic has a large number of CSS and JavaScript components. We tour the components to get familiar with them.

Preview 05:09

Users prefer apps that look like native apps. Ionic supplies CSS components that look and act like native.

Adding Components to a View

We have components but they aren't functional. Use an angular value object to hold the component's values.

Creating and Updating an Angular Value Object

We need the values stored in the Settings object to persist between app sessions. Use local storage to cause the values to persist.

Saving and Restoring the Value Object in Local Storage
Deploying and Plugins
3 Lectures 08:54

We need to use some of the device's native feature. Add to the app a plugin that provides the native feature.

Adding and Removing Plugins

Our app runs only in the browser. Add a platform to allow us to build the app for a device.

Preview 02:27

We want to install our app on a device. We use the ionic run command.

Wrapping Up
About the Instructor
Packt Publishing
3.9 Average rating
8,249 Reviews
59,117 Students
687 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.