Blog

dddaadadadaad
jjjjjjb bvb

Basic setup

In QuickBlox iOS framework there are some main classes:

  1. QBSettings - main class for setup framework.
  2. QBUsers - main class to interact with Users module

 

Author: Mirko Nasato


 

Technology: Angular JS, Node JS, SASS, Cordova, Android SDK, iOS SDK, 



Market share:

  • Android: 76.6 %
  • iOS: 19.7%
  • Windows: 2.8 %
  • Others: 0.9%

 

Tools

Android Tools:

  • IDE: Android Studio
  • Language: Java
  • Platform: windows, mac , linux
  • User Interface: XML

iOS Tools:

  • IDE: Xcode
  • Language: Objective-C, swift
  • Platform: Mac
  • User interface: Interface builder, Storyboard

 

Windows Tools:

 

  • IDE: Visual Studio
  • Language:C#
  • Platform: Windows
  • User interface: 

Hybrid :

  • Web view:  View that will displays a webpage.
  • Apache Cordova : a platform for building native mobile applications using html, CSS and JavaScript.
    • Plugins to access native APIs
      • Console, Camera, GeoLocation
    • Command line Interface
      • Generate, build and package Projects
  • Ionic : build native feeling mobile apps all with the web technologies.
    • Front end sSDK
    • CSS Components
    • JavaScript / AngularJS Components
    • Ionicons
    • Ionic CLI
    • Ionic View, Creator , Playground,  Push .....


 


 

App Stack

  1. Your Code
  2. Ionic 

Angular JS

  1. Cordova / Website
  2. Android/iOS SDK

 

Getting Starting with Ionic

 

CLI Command

  • Create Ionic Project :
    • $ ionic start myapp [template]
    •  $ ionic start myapp  =   $ ionic start myapp tabs

Running Ionic in broswer:

  • $ ionic serve

 

  •  Building and Running ionic project to Android and iOS
    • Android:
      • $ ionic platform add android 
      • $ ionic build android
      • $ ionic emulate android 
      • $ ionic run android
    • iOS
      • $ ionic platform add ios 
      • $ ionic build ios
      • $ ionic emulate ios 
      • $ ionic run ios
  • Ionic Help
    • $i onic help start
    •  $ionic start --list

 

  • update ionic CLI
    • $  npm install -g ionic

 

  • Ionic Info
    • $ ionic info

 


Collaboration Tools


 

Angular - Ionic JS - Attributes

  • ng-app
  • ng-controller
  • ng-repeat
  • ng-src

Angular JS Library

  • Moment.js

Angular JS

  • angular.forEach()
  • $http.get()

 

Ionic CSS  Components

  • list
  • item
  • item-thumbnail-left
  • item-thumbnail-right
  • item-thumbnail
  • item-avatar-left
  • item-text-wrap