Titanium - The Good Parts (TiConf Bangalore)

29
Titanium: The Good Parts! Gaurav Kheterpal [email protected] @gauravkheterpal

description

Gaurav Kheterpal's session on Titanium best practices at TiConf held at Bangalore on July 19, 2014

Transcript of Titanium - The Good Parts (TiConf Bangalore)

Page 1: Titanium - The Good Parts (TiConf Bangalore)

Titanium: The Good Parts!

Gaurav [email protected]

@gauravkheterpal

Page 2: Titanium - The Good Parts (TiConf Bangalore)

2

Before We Begin• Shout out to Boydlee, Tipsy and

Tumbler

• And of course to Appcelerator

• Bangalore Titanium Meetup Group - http://www.meetup.com/Bangalore-Titanium/

Page 3: Titanium - The Good Parts (TiConf Bangalore)

3

Agenda• Quick Intro• Overview• Ramping Up• Cross Platform Development• But I’m a noob • Let’s Get Started• Questions and Answers

Page 4: Titanium - The Good Parts (TiConf Bangalore)

4

Quick Intro• Engineering Post Graduate from BITS, Pilani (Not

everybody drops out )• Mobile + Web Developer With 15 Years of Industry

Experience (I’m getting old )• Android, iOS Developer (That’s where the bucks are)• Appcelerator Titanium Titan (Wish they paid me too )• TCAD Certified Developer & Titanium Certified

Instructor• Keen Interest in Cross-Platform Frameworks such as

Titanium, PhoneGap, Sencha Touch and others (Fed up of developing same app on multiple platforms)

• Speaker at leading industry conferences such as Dreamforce, SenchaCon, DroidCon and several others

• Moderator – Bangalore Titanium Meetup Group• Runner Up – Appcelerator Enterprise App Challenge,

2014

Page 5: Titanium - The Good Parts (TiConf Bangalore)

5

Ramping Up

Page 6: Titanium - The Good Parts (TiConf Bangalore)

6

Ramping Up

Page 7: Titanium - The Good Parts (TiConf Bangalore)

7

Ramping Up

Page 8: Titanium - The Good Parts (TiConf Bangalore)

8

Cross Platform Development

Cross-Platform !== “Write Once, Run Everywhere”

• Cross-Platform in Titanium means:• Lots of UI code reuse, depending on design• Best-in-class experience on every platform• “Write Once, Adapt Everywhere”

Page 9: Titanium - The Good Parts (TiConf Bangalore)

9

But I’m a Noob • Understand The Platforms• Some Love for JavaScript• Titanium Studio• Kitchen Sink – Your Best Friend!

Page 10: Titanium - The Good Parts (TiConf Bangalore)

10

What is Titanium Studio?

Page 11: Titanium - The Good Parts (TiConf Bangalore)

11

But I’m a Noob • Kitchen Sink

• UI Components• UI Containers• Phone Features• Platform Features• Mashups

Page 12: Titanium - The Good Parts (TiConf Bangalore)

12

Source Code Organization

• Decide your platform priorities, device priorities, common/ different features

- Single Codebase- Different Codebases- Single Codebase with multiple branches

Page 13: Titanium - The Good Parts (TiConf Bangalore)

13

Source Code Organization

• Believe that Android & iOS can peacefully co-exist

Page 14: Titanium - The Good Parts (TiConf Bangalore)

14

Source Code Organization

• Believe that Android & iOS can peacefully co-exist

Page 15: Titanium - The Good Parts (TiConf Bangalore)

15

Design• Understand Platform Differences

• Navigation• Back• Retina/ Non-Retina• Hdpi, ldpi, mdpi etc.• 2.3.x to 4.4.x

Page 16: Titanium - The Good Parts (TiConf Bangalore)

16

Design

Page 17: Titanium - The Good Parts (TiConf Bangalore)

17

Design• Internationalize even if you need to

support one language first up

Page 18: Titanium - The Good Parts (TiConf Bangalore)

18

Versions• Version-specific behavior is often

required

Page 19: Titanium - The Good Parts (TiConf Bangalore)

19

Architecture

Page 20: Titanium - The Good Parts (TiConf Bangalore)

20

Architecture

Page 21: Titanium - The Good Parts (TiConf Bangalore)

21

Documentation

Page 22: Titanium - The Good Parts (TiConf Bangalore)

22

Documentation

Page 23: Titanium - The Good Parts (TiConf Bangalore)

23

Performance• Tools such as New Relic offer

comprehensive information including• Execution time of various modules• Network Response monitoring

Page 24: Titanium - The Good Parts (TiConf Bangalore)

24

Performance

Page 25: Titanium - The Good Parts (TiConf Bangalore)

25

Performance

Page 26: Titanium - The Good Parts (TiConf Bangalore)

26

Performance

Page 27: Titanium - The Good Parts (TiConf Bangalore)

27

Crash Monitoring• Tools such as BugSense

• Android Module available on Appcelerator MarketPlace

Page 28: Titanium - The Good Parts (TiConf Bangalore)

28

Distribution• Ti Module -

https://github.com/Rebelcorp/HockeyApp