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

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 

Ionic CSS Features

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

Ionic JS Components

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

SASS-ify Ionic

• 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
•  

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

70% Off Ionic & Angular Courses

IONICUKMEETUP

• Bundle - http://codecraftpro.com/r/ionicukmeetup/bundle/

• Ionic - http://codecraftpro.com/r/ionicukmeetup/ionic/

• Angular - http://codecraftpro.com/r/ionicukmeetup/angular/

Les Questions?