tips and tools for a great Titanium Mobile development using community tools and resources.
dedicated to: https://www.facebook.com/groups/TitaniumMobileItaly/
10. MILAN november 28th/29th 2014 – Alessio Ricco
Media and resources
Fifty shades of Alloy - @alessioricco 10
11. MILAN november 28th/29th 2014 – Alessio Ricco
Appcelerator Blog [web]
http://www.appcelerator.com/blog/
Fifty shades of Alloy - @alessioricco 11
12. MILAN november 28th/29th 2014 – Alessio Ricco
TiDev [web]
http://www.tidev.io/
Fifty shades of Alloy - @alessioricco 12
13. MILAN november 28th/29th 2014 – Alessio Ricco
Prototyping e Frameworks
Fifty shades of Alloy - @alessioricco 13
14. MILAN november 28th/29th 2014 – Alessio Ricco
Ti-Browser [prototyping]
http://www.ti-browser.com/en/ John Anderson
Fifty shades of Alloy - @alessioricco 14
15. MILAN november 28th/29th 2014 – Alessio Ricco
Ti UX Templates [framework]
http://www.uxmobilepatterns.com/ Sonia Villanueva and Javier Rayon
Fifty shades of Alloy - @alessioricco 15
16. MILAN november 28th/29th 2014 – Alessio Ricco
Ti UX Templates [framework]
https://github.com/jaraen/Ti.UX.Templates Sonia Villanueva and Javier Rayon
Fifty shades of Alloy - @alessioricco 16
17. MILAN november 28th/29th 2014 – Alessio Ricco
[framework]
A Twitter Bootstrap inspired framework for Appcelerator Titanium (Alloy)
https://github.com/TNuzzi/wriststrap Tony Nuzzi
Fifty shades of Alloy - @alessioricco 17
18. MILAN november 28th/29th 2014 – Alessio Ricco
Repositories and Marketplace
Fifty shades of Alloy - @alessioricco 18
19. MILAN november 28th/29th 2014 – Alessio Ricco
gitTio [repo]
http://gitt.io/
Fifty shades of Alloy - @alessioricco 19
20. MILAN november 28th/29th 2014 – Alessio Ricco
TitaniumControls [repo]
http://www.titaniumcontrols.com/ Autore
Fifty shades of Alloy - @alessioricco 20
21. MILAN november 28th/29th 2014 – Alessio Ricco
Tools and Utilities
Fifty shades of Alloy - @alessioricco 21
22. MILAN november 28th/29th 2014 – Alessio Ricco
grunt plugins [tools]
module.exports = function(grunt) {
// configure the plugins
grunt.initConfig({
titanium: {
all: {
options: {
command: 'create',
name: 'app_name',
workspaceDir: '.'
}
}
},
alloy: {
new_app: {
options: {
command: 'new',
args: ['app_name']
}
},
compile: {
options: {
command: 'compile',
platform: 'ios',
outputPath: 'app_name'
}
}
}
});
// Actually load this plugin's task(s).
grunt.loadTasks('tasks');
// These plugins provide necessary tasks.
grunt.loadNpmTasks('grunt-titanium');
grunt.loadNpmTasks('grunt-alloy');
grunt.registerTask('default', ['titanium', 'alloy']);
};
“In a natural fusion of my current technological
entanglements, I took to creating grunt task
plugins for Appcelerator’s core cross-platform
mobile development tools. As a result, we now
have grunt-titanium for the Titanium CLI and
grunt-alloy for the Alloy MVC framework. With
these plugins you can now automate all
functionality involved by these 2 tools, in turn
letting you shift your focus onto your mobile app
development, where it should be.”
(Tony Lukasavage)
http://tonylukasavage.com/blog/2014/01/23/automating-appcelerator-tasks-with-grunt-titanium-and-grunt-alloy/
Fifty shades of Alloy - @alessioricco 22
23. MILAN november 28th/29th 2014 – Alessio Ricco
stss [preprocess]
https://github.com/RonaldTreur/STSS Ronald Treur
Fifty shades of Alloy - @alessioricco 23
24. MILAN november 28th/29th 2014 – Alessio Ricco
Titaniumifier [tools]
https://github.com/smclab/titaniumifier Pier Paolo Ramon - SMC
Fifty shades of Alloy - @alessioricco 24
25. MILAN november 28th/29th 2014 – Alessio Ricco
Titanium-jsduck [documentation]
https://www.npmjs.org/package/titanium-jsduck Jamil Hassan Spain
Fifty shades of Alloy - @alessioricco 25
26. MILAN november 28th/29th 2014 – Alessio Ricco
TiCons [training]
http://ticons.fokkezb.nl/ Fokke Zandbergen
Fifty shades of Alloy - @alessioricco 26
27. MILAN november 28th/29th 2014 – Alessio Ricco
Sublime Text [preprocess]
https://github.com/MattTuttle/sublime-ti-build Matt Tuttle
Fifty shades of Alloy - @alessioricco 27
28. MILAN november 28th/29th 2014 – Alessio Ricco
Submodules [preprocess]
http://emanuele.decup.is/articles/reuse-code-alloy-custom/ Emanuele Decupis (a.k.a. Ciccio Balanza)
Fifty shades of Alloy - @alessioricco 28
29. MILAN november 28th/29th 2014 – Alessio Ricco
General Pourpose Libraries
Fifty shades of Alloy - @alessioricco 29
30. MILAN november 28th/29th 2014 – Alessio Ricco
Trimethyl 2 [library]
https://github.com/CaffeinaLab/Trimethyl CaffeinaLab
Fifty shades of Alloy - @alessioricco 30
31. MILAN november 28th/29th 2014 – Alessio Ricco
UTiL [library]
https://github.com/FokkeZB/UTiL Fokke Zandbergen
Fifty shades of Alloy - @alessioricco 31
32. MILAN november 28th/29th 2014 – Alessio Ricco
Titanium Modules [documentation]
https://github.com/appcelerator/titanium_modules Appcelerator
Fifty shades of Alloy - @alessioricco 32
33. MILAN november 28th/29th 2014 – Alessio Ricco
Libraries
Fifty shades of Alloy - @alessioricco 33
34. MILAN november 28th/29th 2014 – Alessio Ricco
ti-soap [library]
var soap = require('soap');
var config = require('config');
soap.createClient('http://www.webservicex.net/CurrencyConvertor.asmx?WSDL', function (err, client) {
if (err) throw err;
Ti.API.error("Methods:");
Ti.API.error(Object.keys(client));
Ti.API.error(client.ConversionRate);
client.ConversionRate({
FromCurrency: 'USD',
ToCurrency: 'CNY'
}, function (err, results) {
if (err) throw err;
Ti.API.error(results);
});
});
https://github.com/smclab/ti-soap SMC
Fifty shades of Alloy - @alessioricco 34
35. MILAN november 28th/29th 2014 – Alessio Ricco
TiWorker [code]
https://github.com/appcelerator-modules/ti.worker Appcelerator
Fifty shades of Alloy - @alessioricco 35
36. MILAN november 28th/29th 2014 – Alessio Ricco
Ti-superagent [training]
https://github.com/smclab/ti-superagent SMC
Fifty shades of Alloy - @alessioricco 36
37. MILAN november 28th/29th 2014 – Alessio Ricco
XHR Http Client [library]
https://github.com/raulriera/XHR Autore
Fifty shades of Alloy - @alessioricco 37
38. MILAN november 28th/29th 2014 – Alessio Ricco
Google Auth (OAuth 2.0) for Titanium [library]
https://github.com/ejci/Google-Auth-for-Titanium Miroslav Magda
Fifty shades of Alloy - @alessioricco 38
39. MILAN november 28th/29th 2014 – Alessio Ricco
RestAPI Sync Adapter for Titanium Alloy [code]
https://github.com/viezel/napp.alloy.adapter.restapi Mads Møller
Fifty shades of Alloy - @alessioricco 39
40. MILAN november 28th/29th 2014 – Alessio Ricco
Code Tips
Fifty shades of Alloy - @alessioricco 40
41. MILAN november 28th/29th 2014 – Alessio Ricco
underscore.js [code]
http://underscorejs.org/
Fifty shades of Alloy - @alessioricco 41
42. MILAN november 28th/29th 2014 – Alessio Ricco
Custom View in Alloy [code]
http://fokkezb.nl/2013/07/14/custom-alloy-view-components/ Fokke Zandbergen
Fifty shades of Alloy - @alessioricco 42
43. MILAN november 28th/29th 2014 – Alessio Ricco
Use Alloy.jmk [documentation]
http://docs.appcelerator.com/titanium/3.0/#!/guide/Build_Configuration_File_(alloy.jmk) Appcelerator
Fifty shades of Alloy - @alessioricco 43
44. MILAN november 28th/29th 2014 – Alessio Ricco
TiIconicFont [code]
https://github.com/k0sukey/TiIconicFont Kosuke Isobe
Fifty shades of Alloy - @alessioricco 44
45. MILAN november 28th/29th 2014 – Alessio Ricco
Slideshare [code]
http://www.slideshare.net/alessioricco/titanium-appcelerator-best-practices?related=1 Alessio Ricco
Fifty shades of Alloy - @alessioricco 45
47. MILAN november 28th/29th 2014 – Alessio Ricco
take the best from the Webview [code]
WebView is not only for web pages…
Communication between App and Webview (local pages)
Lot of powerful js libraries immediately available
Easy to implement but…
…Pay attention to the performance
Fifty shades of Alloy - @alessioricco 47
48. MILAN november 28th/29th 2014 – Alessio Ricco
Mapbox [code]
https://www.mapbox.com/mapbox.js/api/v2.1.4/
Fifty shades of Alloy - @alessioricco 48
49. MILAN november 28th/29th 2014 – Alessio Ricco
Charts [code]
“A simple method of adding high quality, cross device, interactive charts to your Titanium
mobile applications by leveraging the Titanium web view control and the Highcharts JavaScript
charting engine”
http://www.appcelerator.com/blog/2013/09/interactive-charts-in-appcelerator-titanium/ L. Brenman
Fifty shades of Alloy - @alessioricco 49
51. MILAN november 28th/29th 2014 – Alessio Ricco
TiInspector [test]
http://titaniumninja.com/debugging-titanium-apps-with-chrome-devtools/ Olivier Morandi
Fifty shades of Alloy - @alessioricco 51
52. MILAN november 28th/29th 2014 – Alessio Ricco
Tio2 [test]
https://github.com/appcelerator/tio2 Appcelerator
Fifty shades of Alloy - @alessioricco 52
53. MILAN november 28th/29th 2014 – Alessio Ricco
ti-mocha [test]
Simple and reliable support for mocha testing with Appcelerator's Titanium SDK
http://tonylukasavage.com/ti-mocha/ Tony Lukasavage
Fifty shades of Alloy - @alessioricco 53
54. MILAN november 28th/29th 2014 – Alessio Ricco
TiCalabash [test]
picture by Andrew McElroy
https://github.com/appersonlabs/TiCalabash AppersonLabs
Fifty shades of Alloy - @alessioricco 54
55. MILAN november 28th/29th 2014 – Alessio Ricco
TiShadow [test]
TiShadow provides Titanium developers the ability to deploy apps, run tests or execute code
snippets live across all running iOS and Android devices.
There are three parts to TiShadow: the TiShadow server, TiShadow app and TiShadow CLI which
are all need.
http://tishadow.yydigital.com/ David Bankier
Fifty shades of Alloy - @alessioricco 55
56. MILAN november 28th/29th 2014 – Alessio Ricco
Rapiddev [test]
So why use RapidDev? RapidDev provides a more simple toolset with the idea that less is more.
http://appersonlabs.com/2014/01/09/rapiddev-titanium-development-speed-light/ Apperson Labs
Fifty shades of Alloy - @alessioricco 56
57. MILAN november 28th/29th 2014 – Alessio Ricco
Deployment
Fifty shades of Alloy - @alessioricco 57
58. MILAN november 28th/29th 2014 – Alessio Ricco
installr [deployment]
https://github.com/amitkothari/ti-installr-hook
https://www.installrapp.com/
Fifty shades of Alloy - @alessioricco 58
59. MILAN november 28th/29th 2014 – Alessio Ricco
Communities
Fifty shades of Alloy - @alessioricco 59
60. MILAN november 28th/29th 2014 – Alessio Ricco
Be a certified developer [training]
call my friends from etnatraining.it for a great Titanium Course in Italy…
http://training.appcelerator.com/get-certified
Fifty shades of Alloy - @alessioricco 60
61. MILAN november 28th/29th 2014 – Alessio Ricco
tiConf [community]
http://ticonf.org/ http://www.tipsyandtumbler.co.uk/
Fifty shades of Alloy - @alessioricco 61
62. MILAN november 28th/29th 2014 – Alessio Ricco
ti-connect [community]
http://ti-connect.com/
Fifty shades of Alloy - @alessioricco 62
63. MILAN november 28th/29th 2014 – Alessio Ricco
Join your local community [training]
https://www.facebook.com/groups/TitaniumMobileItaly/ Great people and friends
Fifty shades of Alloy - @alessioricco 63
64. MILAN november 28th/29th 2014 – Alessio Ricco
[credits]
Thank you to all my Ti.Friends and colleagues
A special thank to my friend Dick
Fifty shades of Alloy - @alessioricco 64