Chapter 1. Introducing Ionic and hybrid apps
Figure 1.1. The stack of technologies used with the Ionic framework, and how they fit together
Figure 1.2. Native apps, mobile websites, and hybrid app architectures compared side by side
Figure 1.3. Mobile websites: a responsive site from the Boston Globe (left) and a mobilespecific website from eBay (right)
Figure 1.4. How Ionic, Angular, and Cordova work together for a hybrid app
Figure 1.5. How parts of Ionic work together to create a usable interface
Chapter 2. Setting up your computer to build apps
Figure 2.1. You’ll be able to preview a sample app in a browser, an emulator, and a connected device.
Figure 2.2. Typical workflow, and reasons why you would preview in a browser, emulator, or device
Figure 2.3. Using the ionic start command will generate a simple project scaffolding.
Figure 2.4. Previewing an app in the browser gives you access to the browser’s developer tools.
Figure 2.5. Xcode is free and available for download through the App Store on your Mac computer.
Figure 2.6. In Xcode Preferences, use the Downloads tab to download and install iOS simulators.
Figure 2.7. Choose the SDK Tools, Platform-tools, and the most recent Build-tools packages, as well as the most recent stable release of Android SDK Platform and the ARM System Image.
Figure 2.8. Open the AVD Manager with the command android avd.
Figure 2.9. Choose a device definition that you want to base your configuration on and then click Create AVD.