Ionic V1 Overview

 

Oel Ngati Kamei....

 

Sani Yusuf

  • Mobile Enthusiast
  • Good Food Lover
  • Currently working on Sworkit 
  • Writer / Trainer on mobile 
  • I love Avatar (I'm even learning Navi)
 

@saniyusuf

What We Will Cover

 
  • What Happened Since Last Meetup
  • Getting Ionic Installed
  • The Ionic Templates
  • CSS Overview
  • JS Components Overview
  • SASS-ify Ionic
  • Complex Customisation
  • Roundup
1

Begin We Shall

 

Since We Last Met

 
  • Angular Remote Conf Happened
  • Ionic Market
  • Ionic Labs App
  • Ionic IO Changes
  • Ionic V2 is in preview
 

Get Ionic Installed

 
(sudo) npm instal ionic -g
 

Templates

 

 

  • blank

  • sidemenu

  • tabs

  • codepen 
2

Ionic CSS Features

 

http://ionicframework.com/docs/components/

 

Ionic JS Components

 

http://ionicframework.com/docs/api/

 

SASS-ify Ionic

1
  • Great way to brand your app
  • Great way to write your own styles
  • Great way to learn SCSS
 
ionic setup sass
 

$ionicConfigProvider

 
  • Great for platform specific customisation
  • Really powerful for global configuration
  •  
1

Roundup

 
  • Use John Papas Guide For Your Angular
  • Testify Your App
  • Use Advantage Of Separate template files Templates
  • Componentize almost everything being re-used
    • EG Make a Modal a service 
  • Share with the community <3 <3 <3 
 

Thanks To Code craft

1

70% Off Ionic & Angular Courses

 

IONICUKMEETUP

 

Les Questions?