Chapter 2: Welcome to Ionic - Packt Publishing · Install Cordova and Ionic CLI 2. 3. Hello Ionic...
Transcript of Chapter 2: Welcome to Ionic - Packt Publishing · Install Cordova and Ionic CLI 2. 3. Hello Ionic...
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