Skip to main content

Lessons Learned from Titanium SDK

It's been fun hacking together projects that integrate with Facebook's Graph API. In a matter of a few minutes, I was able to get login working, fetching friends, relationships, and profile information. Titanium team has been doing an amazing job at providing examples and documentation.

Don't trust the comments in Q&A section


Sifting through pages and pages of questions and answers that seem somewhat relevant to your issue will take an exhausting amount of time. Adding to that, some answers are 3 years old! I don't even know why they keep that sort of information around -- it is incredibly misleading. I really wish they would move to StackExchange.

Dig into the Objective C libraries


When I couldn't understand why I wasn't able to set http headers using the out-of-the-box HTTP Client in JavaScript, I figured out that there are only specific times you can set HTTP headers. Thankfully, I built a Service Locator and Service class that poly-filled everything for me. It is used internally within the HTTP Client 

Use the right source of documentation


When you google, "Titanium ui view", you'll most likely land here: http://developer.appcelerator.com/apidoc/mobile/1.7.2/Titanium.UI.View-object. This page is actually part of version 1.7.2 -- Some of the methods may still exist in 2.1.3 (latest), but you're sure going to hit a wall soon if you're working with "soon to be" deprecated methods. The right source is here: http://docs.appcelerator.com/titanium/2.1/index.html.

Use an MVC framework 


The examples in the Titanium documentation write UI components in a way that is reminscent of Java Swing. This is fine but really, developers should be encouraged to use the right pattern for UI development. This would be Model View Controller. Here is the frmaework that is suggested: https://github.com/appcelerator/alloy.

Use keybinds to increase productivity


I'm a gamer -- I used to play World of Warcraft where I had every single ability bound to a key even if it was something as useless as targeting a specific mob. Anything you can do to shave off seconds will help you enjoy development more. Below are screenshots of my Eclipse keybinds.



Capture metrics and behaviours


Titanium has an API for tracking navigation events and feature events. If you come from Google Analytics or Omniture, we can easily describe these events as page views and custom events. Adding analytics will give you the insights you need to optimize certain views to increase XYZ action. For example, if you're creating an application with shareable data, you basically want to increase sharing throughout the network. Adding metrics around determining if users are seeing the Share button can be done to optimize this feature's value.

Loving it


I've really enjoyed working with Titanium. I definitely will be using it other hacks. At first, it seems daunting but that's only because the documentation and SEO can lead you down a dark path. Look for the real sources and you'll find yourself being productive! 

Cheers,
Jaime



Post a Comment

Popular posts from this blog

TextMate Tutorial: How to add a Strikethrough keybind to your Markdown bundle

Markdown is awesome for quickly generating Readme's on Github. After looking at other projects using the strike tag, I've decided to create a custom keybind for it in my TextMate Markdown bundle. Here's how:

1) Click the + sign on the bottom left and click New Command.
2) Paste this into the editbox and make sure you name your command "Strikethrough".

For the input field, select WORD in the drop down.
For the output field, select "insert as snippet".
As for the keybind, you can totally map it to whatever you're comfortable with but I chose Command-D as it is the same thing in Microsoft Word.

Cheers,
Jaime

Using Git Hooks: Prepare Commit Message to automatically prepend branch names on commit messages

When you're practicing branch by feature with distributed version control, typically you'll get assigned a ticket or issue and that ends up being your feature branch. Instead of always typing in the branch name in every commit, you can edit your Git hooks (specifically prepare-commit-msg).

Assuming that this is a brand new git repository:

mv .git/hooks/prepare-commit-msg.sample .git/hooks/prepare-commit-msg
vi .git/hooks/prepare-commit-msg

Edit the file by commenting out what was originally in the file and then add this:



Now, whenever you make a commit, it should show up like this in the log:



Since GitHub and Bitbucket both support Emojis inside commit messages, you can do something cute like this



Want more emojis? check out the Emoji Mardown Cheatsheet!

NodeJS Hack Session: MMO Pokemon with NodeJS/WebSockets

The primary focus of this proof of concept is to determine how easy it is to build real-time web applications for all iPad, iPhone, droids, Safari, Chrome users on top of NodeJS (non-blocking event driven server side Javascript platform). The proof of concept was built within 6-8 hours including the following:

Uses Express framework for server side Javascript development (inspired by Rails / Sinatra / Django)Uses EJS for templating language (much like Django templates and symfony) -- allows partials and passing parameters into partials like symfony PHPReal-time chat using WebSocketsArena Queueing System for real-time competitive matchplay using WebSocketsHTML5 AudioCSS3 transitions for all hand cards, tappable cards, transparent panels, rounded corners, drop shadowsFallbacks for Firefox, IEFirefox/IE will fall back to Flash socketIE will fall back to XHR long poll if the user doesn't have Flash installedNoSQL CouchDB for fetching users and soon cards, achievements, friend associat…