102-Ionic1 Kickstart & Sample Codes

.

102-Ionic1 Kickstart & Sample Codes

1. IONIC CLI Installation

IONIC CLI can be installed by typing the npm command below:

$ npm install -g ionic

2. IONIC Seed Project

You can quickly create a project with IONIC seed project by typing the IONIC CLI command below:

$ ionic start myproject --type ionic1

3. IONIC GitHub Repository

As an alternative to Step 2, IONIC Seed Project can be cloned or downloaded from https://github.com/ionic-team/ionic-app-base 

4. IONIC V1 Demo Repository

IONIC V1 Demo Repository can be found at:

https://github.com/ionic-team/ionic-v1 

Demos are divided into 3 sections:

4.1. Directives

No	GitHub
4.1.01.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/checkbox/simple
4.1.02.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/collectionRepeat/contacts
4.1.03.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/footer/simple
4.1.04.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/header/simple
4.1.05.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/infiniteScroll/forever
4.1.06.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/list
4.1.07.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/radio/chooseOne
4.1.08.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/refresher/refreshList
4.1.09.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/sideMenus
4.1.10.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/slideBox/appIntro
4.1.11	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/tabs/tabsAndNav
4.1.12.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/textInput/floatingLabel
4.1.13.	https://github.com/ionic-team/ionic-v1/tree/master/demos/directive/toggle/simple

4.2. Old

No	GitHub
4.2.01.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/actionsheet
4.2.02.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/app-intro-walkthrough
4.2.03.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/checkbox
4.2.04.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/collection-repeat
4.2.05.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/flickr-search-example
4.2.06.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/frosted-glass-effect
4.2.07.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/google-maps
4.2.08.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/lists
4.2.09.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/loading-bar
4.2.10.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/modal
4.2.11	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/popup
4.2.12.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/pull-to-refresh
4.2.13.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/radio-buttons
4.2.14.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/shrinking-header
4.2.15.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/side-menu-and-navigation
4.2.16	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/sign-in-then-tabs
4.2.17.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/starter-template
4.2.18.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/swipeable-cards
4.2.19.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/tabs-and-navigation
4.2.20.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/thumbnail-list
4.2.21.	https://github.com/ionic-team/ionic-v1/tree/master/demos/old/toggle

4.3. Service

No	GitHub
4.3.01.	https://github.com/ionic-team/ionic-v1/tree/master/demos/service/actionSheet
4.3.02.	https://github.com/ionic-team/ionic-v1/tree/master/demos/service/loading
4.3.03.	https://github.com/ionic-team/ionic-v1/tree/master/demos/service/popover
4.3.04.	https://github.com/ionic-team/ionic-v1/tree/master/demos/service/popup/popping

REF:

https://ionicframework.com/docs/v1/overview/ 

.