From IT Skills
Jump to: navigation, search

Goals[edit | edit source]

We wanted to let developers create the same kind of powerful UI interactions seen in native apps, like side menus and navigation controllers. We wanted to free hybrid apps from the URL bar and move towards more generic and powerful View Controller concepts.

Versions[edit | edit source]

2[edit | edit source]

1[edit | edit source]

Install[edit | edit source]

  • #2 - npm install -g ionic@beta
    • ionic start MyIonic2Project tutorial --v2 --ts
  • #1 - npm install -g cordova ionic

Requirements[edit | edit source]

likes CommonJS

Key words in Ionic-Angular[edit | edit source]

Sass[edit | edit source]

is for your app’s SASS file. Using SASS is optional in Ionic, but Ionic itself is built with SCSS, and there are many default styles you can change to quickly and cleanly customize Ionic without adding a myriad of CSS overrides.

Features[edit | edit source]

Ionic directives VS Angular material... Ionic#2 has InBuilt Support for Material design in Android

Responsive web design‎[edit | edit source]

is achieved by raw @media in CSS, in myionic2project grid is responsive by @media

CSS files are divided by mobile platforms like app.ioc.css,, app.wp.css

SplitView for this and is very limited, for example, is not implemented in #2

Side menu was introduced as Split Pane for responsive apps in #2.2.0

Ionic’s NEW Responsive Grid

Navigation[edit | edit source]

  • browser Back button does not work

Navigation works like a stack — push a page to the stack to navigate to it, and pop to go back. Modals and alerts can also be displayed by pushing them onto the navigation stack.