Book Image

Introducing Ionic 2 [Video]

By : Mathieu Chauvinc
Book Image

Introducing Ionic 2 [Video]

By: Mathieu Chauvinc

Overview of this book

This course delivers an (early) introduction to Ionic 2, and demonstrates all of the core elements of the framework by developing a single project throughout the runtime. The course dives into starting up an Ionic 2 project, using the menu application type as the template for the project. It introduces the component-based structure of Ionic 2 applications, develops navigation functionality and introduces TypeScript for development. Moving in sequence from there the course then demonstrates how to leverage Ionic for views and Angular 2 for the logic, utilizing bult-in Angular2 and Ionic2 directives to display content and implementing 2 way data binding. Services, observables and dependency injection are treated, and the second half of the course starts to dive into deeper, advanced topics creating custom components, binding attributes and listening to events via directives. Working with pipes for data filtering and rendering, using built-in Ionic 2 components, and implementing effective data persistence using the native interface.
Table of Contents (7 chapters)
Chapter 1
Setting Up
Content Locked
Section 4
Lab, Device, and Emulator
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. - Use the live reload server for development purposes - Leverage the new “lab” to compare iOS and Android experiences - Get closer to the real product with emulator and device