Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating...

Chapter 2: Welcome to Ionic

What is Apache Cordova?

Software setup

Install Node.js

Install Git

Install Bower

Install Gulp

Install Cordova and Ionic CLI

2

3

Hello Ionic

4

5

The browser developer tools setup

Google Chrome

6

Mozilla Firefox

7

Scaffolding the tabs template

8

Scaffolding the side menu template

9

Chapter 3: Ionic CSS Components and Navigation

Ionic CSS components

Ionic grid system

10

11

Page structure

12

13

Buttons

14

Lists

15

Cards

16

Form elements

17

18

19

20

Integrating Ionic CSS components with AngularJS

21

22

23

The Ionic router

A simple two-page app

24

25

26

Chapter 4: Ionic and SCSS

Working with Ionic SCSS

Basic swatch

27

28

Building a swatch

29

30

31

Chapter 5: Ionic Directives and Services

Ionic Platform service

Headers and footers

32

Content

ion-refresher

33

34

35

$ionicScrollDelegate

36

Ionic view events

37

ion-nav-bar

38

39

ion-nav-buttons

40

$ionicHistory

41

42

Ionic loading

43

The Action Sheet service

Popover and Popup services

44

$ionicPopup

45

46

47

The ion-list and ion-item directives

48

49

Gesture directives and services

50

Chapter 6: Building a Bookstore App

Bookstore architecture

51

The server-side API documentation

52

A Bookstore demo

53

Step 2 – Refactoring the template

54

Refactoring the menu

55

Step 5 – Creating templates and integrating with the controller data

The Login template

56

The Browse template

57

The Book template

58

The Cart template

59

The Purchase template

60

Chapter 7: Cordova and ngCordova

Setting up a platform-specific SDK

The Android setup

61

Testing the setup

Testing for Android

62

63

Testing for iOS

64

Ionic plugin API

Search plugins

65

66

ngCordova

Legend

67

$cordovaToast

68

$cordovaDialogs

69

$cordovaFlashlight

70

$cordovaLocalNotification

71

$cordovaGeolocation

72

Chapter 8: Building a Messaging App

The Ionic Chat app

Firebase

Setting up a Firebase account

AngularFire

73

The application architecture

Previewing the app

74

75

Testing the application

76

77

78

79

80

81

82

Chapter 9: Releasing the Ionic App

Generating installers using Cordova CLI

Android installer

83

Ionic package

Generating the required keys

84

Appendix: Additional Topics and Tips

Ionic CLI

Ionic server, emulate, and run

85

Ionic Creator

86