50 sfumature di Alloy - Alessio Ricco - Codemotion Milan 2014

Alessio Ricco

Fifty Shades of Alloy - tips and tools for better Titanium Mobile apps

@alessioricco - Wallive ltd

MILAN november 28th/29th 2014

MILAN november 28th/29th 2014 – Alessio Ricco

Fifty shades of Alloy - @alessioricco 2

Titanium

Platform

Architecture

Styles

Controllers

Models

Media and resources

Appcelerator Blog [web]

http://www.appcelerator.com/blog/

TiDev [web]

http://www.tidev.io/

Prototyping e Frameworks

Ti-Browser [prototyping]

http://www.ti-browser.com/en/ John Anderson

Ti UX Templates [framework]

http://www.uxmobilepatterns.com/ Sonia Villanueva and Javier Rayon

Ti UX Templates [framework]

https://github.com/jaraen/Ti.UX.Templates Sonia Villanueva and Javier Rayon

\ [framework]

https://github.com/TNuzzi/wriststrap Tony Nuzzi

A Twitter Bootstrap inspired framework for Appcelerator Titanium (Alloy)

Repositories and Marketplace

gitTio [repo]

http://gitt.io/

TitaniumControls [repo]

http://www.titaniumcontrols.com/ Autore

Tools and Utilities

grunt plugins [tools]

http://tonylukasavage.com/blog/2014/01/23/automating-appcelerator-tasks-with-grunt-titanium-and-grunt-alloy/

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)

stss [preprocess]

https://github.com/RonaldTreur/STSS Ronald Treur

Titaniumifier [tools]

https://github.com/smclab/titaniumifier Pier Paolo Ramon - SMC

Titanium-jsduck [documentation]

https://www.npmjs.org/package/titanium-jsduck Jamil Hassan Spain

TiCons [training]

http://ticons.fokkezb.nl/ Fokke Zandbergen

Sublime Text [preprocess]

https://github.com/MattTuttle/sublime-ti-build Matt Tuttle

Submodules [preprocess]

http://emanuele.decup.is/articles/reuse-code-alloy-custom/ Emanuele Decupis (a.k.a. Ciccio Balanza)

General Pourpose Libraries

Trimethyl 2 [library]

https://github.com/CaffeinaLab/Trimethyl CaffeinaLab

UTiL [library]

https://github.com/FokkeZB/UTiL Fokke Zandbergen

Titanium Modules [documentation]

https://github.com/appcelerator/titanium_modules Appcelerator

Libraries

ti-soap [library]

https://github.com/smclab/ti-soap SMC

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); });});

TiWorker [code]

https://github.com/appcelerator-modules/ti.worker Appcelerator

Ti-superagent [training]

https://github.com/smclab/ti-superagent SMC

XHR Http Client [library]

https://github.com/raulriera/XHR Autore

Google Auth (OAuth 2.0) for Titanium [library]

https://github.com/ejci/Google-Auth-for-Titanium Miroslav Magda

RestAPI Sync Adapter for Titanium Alloy [code]

https://github.com/viezel/napp.alloy.adapter.restapi Mads Møller

Code Tips

underscore.js [code]

http://underscorejs.org/

Custom View in Alloy [code]

http://fokkezb.nl/2013/07/14/custom-alloy-view-components/ Fokke Zandbergen

Use Alloy.jmk [documentation]

http://docs.appcelerator.com/titanium/3.0/#!/guide/Build_Configuration_File_(alloy.jmk) Appcelerator

TiIconicFont [code]

https://github.com/k0sukey/TiIconicFont Kosuke Isobe

Slideshare [code]

http://www.slideshare.net/alessioricco/titanium-appcelerator-best-practices?related=1 Alessio Ricco

WebViews

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

Mapbox [code]

https://www.mapbox.com/mapbox.js/api/v2.1.4/

Charts [code]

http://www.appcelerator.com/blog/2013/09/interactive-charts-in-appcelerator-titanium/ L. Brenman

“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”

Testing

TiInspector [test]

http://titaniumninja.com/debugging-titanium-apps-with-chrome-devtools/ Olivier Morandi

Tio2 [test]

https://github.com/appcelerator/tio2 Appcelerator

ti-mocha [test]

http://tonylukasavage.com/ti-mocha/ Tony Lukasavage

Simple and reliable support for mocha testing with Appcelerator's Titanium SDK

TiCalabash [test]

https://github.com/appersonlabs/TiCalabash AppersonLabs

picture by Andrew McElroy

TiShadow [test]

http://tishadow.yydigital.com/ David Bankier

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.

Rapiddev [test]

http://appersonlabs.com/2014/01/09/rapiddev-titanium-development-speed-light/ Apperson Labs

So why use RapidDev? RapidDev provides a more simple toolset with the idea that less is more.

Deployment

installr [deployment]

https://github.com/amitkothari/ti-installr-hook

https://www.installrapp.com/

Communities

Be a certified developer [training]

http://training.appcelerator.com/get-certified

call my friends from etnatraining.it for a great Titanium Course in Italy…

tiConf [community]

http://ticonf.org/ http://www.tipsyandtumbler.co.uk/

ti-connect [community]

http://ti-connect.com/

Join your local community [training]

https://www.facebook.com/groups/TitaniumMobileItaly/ Great people and friends

[credits]

Thank you to all my Ti.Friends and colleagues

A special thank to my friend Dick

https://www.facebook.com/groups/TitaniumMobileItaly/http://www.html.it/guide/guida-titanium/http://www.linkedin.com/in/alessioriccohttp://www.slideshare.net/alessioricco

50 sfumature di Alloy - Alessio Ricco - Codemotion Milan 2014

Technology

"Codesign Tools and Techniques” - Alessio Ricco

Meteor - Codemotion Rome 2015

Codemotion Berlin 2015 recap

Hierarchical cluster analysis - univ-lyon2.freric.univ-lyon2.fr/~ricco/cours/slides/en/cah.pdf · Ricco Rakotomalala Tutoriels Tanagra - 1 Ricco RAKOTOMALALA Université Lumière

R. Ricco - Sample Accounting Manual 2013

Codemotion Warsaw 2016

Codemotion Rome 2015. GlusterFS

Codemotion pixel art for coders - Codemotion Rome 2015

SFUMATURE - Quintessenza Ceramiche...sfumature 6,5x33 50 50 775 effetti 6,5x33 50 50 775 scatola box formato(cm) Pz Mq Kg sfumature 6,5x33 52 1 15,10 effetti 6,5x33 52 1 15,10 jolly

Ecs codemotion

MongoDB dessi-codemotion

Codemotion 2013 scalatra_play_spray

Smau Torino 2016 - Codemotion

3 sfumature low

Ricco Survival Y.docx

Codemotion 2015 - Unit Testing

OrientDB Codemotion 2014

SFUMATURE - E.K. PARTNERSSFUMATURE 20 shading blends / dégradés / Farbverläufe / sfumature 20 x 20 mm (3/4” x 3/4”) Unità d’ordine / order unit / unité de commande / bestelleinheit

Codemotion Rome 2014

Codemotion how to create a product copy - Codemotion Rome 2015