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.
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.
Ionic is a new framework that is unfamiliar to many. We now introduce this framework.
Installing open source projects is rarely easy. We use the ionic box to make things as easy as possible.
Ionic has dozens of commands. Let's use some of them to get more familiar.
Ionic has half a dozen templates. Let's start getting familiar with some of them.
Ionic uses a program structure unfamiliar to many developers. The starter templates create the basic structure of the app.
Understanding routing is critical to creating apps with Ionic. Ionic uses the very popular ui-router library.
Menus are a very familiar programming metaphor. Creating menus and adding items is easy in Ionic.
Controllers in Angular act as the glue between the model and the view. We create our own controller to eventually render our data.
Lists are an often used UI pattern. Making one in Ionic is simple.
It is best practice to use a service to implement data access. Let's create a service.
Mobile apps need to access remote data. Learn to make an AJAX call.
Controllers need access to remote data. Call the service from the controller asynchronously.
The service returns only the first page out of many possible pages. Use an infinite scroll to get all the pages.
We need a way to reset the list of coffee shops. Implement a pull to refresh.
Users prefer apps that look like native apps. Ionic supplies CSS components that look and act like native.
We have components but they aren't functional. Use an angular value object to hold the component's values.
We need the values stored in the Settings object to persist between app sessions. Use local storage to cause the values to persist.
We need to use some of the device's native feature. Add to the app a plugin that provides the native feature.
Our app runs only in the browser. Add a platform to allow us to build the app for a device.
We want to install our app on a device. We use the ionic run command.
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.