Beginning Ionic Hybrid Application Development
4.1 (5 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.
100 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 (5 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.
100 students enrolled
Last updated 1/2016
English
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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
Requirements
  • 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.
Description

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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 21 Lectures Collapse All 21 Lectures 01:01:31
+
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
01:45

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

Installing Ionic
03:02

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

Ionic Commands
03:12

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

Ionic Starter Templates, Themes, and Headers
05:31
+
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?
03:32

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

Adding Menu Items
02:41

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
02:00

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

Creating an Ionic List
02:32
+
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
03:20

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

Calling the Service from a Controller
01:05

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
01:49

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

Adding a Pull to Refresh the Element
02:00
+
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
01:32

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
02:32

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
02:53
+
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
03:11

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
03:16
About the Instructor
Packt Publishing
3.9 Average rating
4,043 Reviews
32,429 Students
318 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.