Beginning Ionic Hybrid Application Development [Video]

Beginning Ionic Hybrid Application Development [Video]

This video is included in a Mapt subscription
Troy Miles

Explore Ionic to build elegant, native-looking applications for iOS and Android
$0.00
$10.00
$29.99p/m after trial
RRP $49.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781785284465
Course Length1 Hour 1 minutes

Video 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.

Style and approach

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.

Table of Contents

Getting Started with Ionic
The Course Overview
Installing Ionic
Ionic Commands
Ionic Starter Templates, Themes, and Headers
Programming Ionic
The Ionic App Structure
What Is a Route?
Adding Menu Items
Creating an Angular Controller
Creating an Ionic List
Services and AJAX
Creating an Angular Service
Making an AJAX Call
Calling the Service from a Controller
Adding an Infinite Scroll Element
Adding a Pull to Refresh the Element
Ionic Components and Persistence
CSS and JavaScript Components
Adding Components to a View
Creating and Updating an Angular Value Object
Saving and Restoring the Value Object in Local Storage
Deploying and Plugins
Adding and Removing Platforms
Adding and Removing Plugins
Wrapping Up

What You Will 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

Authors

Screenshots

Table of Contents

Getting Started with Ionic
The Course Overview
Installing Ionic
Ionic Commands
Ionic Starter Templates, Themes, and Headers
Programming Ionic
The Ionic App Structure
What Is a Route?
Adding Menu Items
Creating an Angular Controller
Creating an Ionic List
Services and AJAX
Creating an Angular Service
Making an AJAX Call
Calling the Service from a Controller
Adding an Infinite Scroll Element
Adding a Pull to Refresh the Element
Ionic Components and Persistence
CSS and JavaScript Components
Adding Components to a View
Creating and Updating an Angular Value Object
Saving and Restoring the Value Object in Local Storage
Deploying and Plugins
Adding and Removing Platforms
Adding and Removing Plugins
Wrapping Up

Video Details

ISBN 139781785284465
Course Length1 Hour 1 minutes
Read More

Read More Reviews