GETTING TO KNOW ALLOY

Overview


by
David Plummer
for

CLEARLY INNOVATIVE, INC.

What is this?


This is a 4-week course designed to get you up-to-speed with Alloy and Titanium. Not every aspect of Titanium or Alloy will be covered during these sessions, therefore, it'll help to study more about these technologies and methodologies on your own.


Schedule


Session Date Time
1 9/11 10am - 12pm
2 9/16 1pm - 3pm
3 9/18 10am - 12pm
4 9/23 1pm - 3pm
5 9/25 10am - 12pm
6 9/30 1pm - 3pm
7 10/02 10am - 12pm
8 10/07 1pm - 3pm

What should you know?

These are the skills that'll help coming into this course:


  • basic HTML & CSS
  • data types (booleans, characters, integers, floats, etc.)
  • control structures (if-statements, for-loops, etc.)
  • how functions work (passing & returning values)
  • how objects work 
  • how events work
  • how to use an array
  • how to use a JSON object
  • understand how asynchronous calls work

What you will learn


  • how to create an alloy app
  • how to create a controller
  • how to edit the view for a controller
  • how to edit the styles for a view
  • how to setup an ACS environment
  • how to communicate with ACS
  • controller scope
  • how to use & extend a backbone model
  • how to use & extend a backbone collection
  • how to use an ACS sync adapter
  • best practices

Class format




  • Q & A (homework or anything related to class)
  • Lecture
  • Exercises
  • Homework Assignment

exercises


The exercises will be interspersed throughout our lessons. They'll have both required objectives and optional objectives.

  • required objectives - the basic requirements that everyone should complete
  • optional objectives - additional tasks set aside for students that finish the required objectives before others

Tools you'll use in this class



  • Appcelerator Titanium - IDE you'll used to build your apps
  • Balsamiq Mockups - software you'll use to build wireframes
  • bitbucket - a website used to manage project repositories (we use it in conjunction with git)
  • git - a version control tool that helps when collaborating on projects or managing your own remotely




ready


set


go

environment setup


1. Create an appcelerator account (appcelerator.com)



Environment setup


2. Install the Appcelerator Titanium IDE (appcelerator.com)

environment setup


3. Install the Android SDK (developer.android.com)

Make sure you include:
API 8 & API 14

Environment setup



4. Install iPhone SDK (for mac users, check the titanium dashboard after launching titanium.  Click the  icon to display the dashboard.)
 

environment setup


environment setup


6. Install alloy 1.2.x
To install alloy 1.2.x, navigate to a target directory and execute the following commands in the command prompt/terminal:
git clone https://github.com/appcelerator/alloy.git
cd alloy
sudo npm install -g

environment test


Alloy
Run the following command in the command prompt/terminal:
alloy -version
You should see 1.2.x outputted.



Environment Test

Appcelerator Titanium
If you run titanium in the command prompt/terminal, you should see something like this:

Environment test

git
If you run git in the command prompt/terminal, you should see something like this:

environment test

Appcelerator Titanium
Create and run an alloy app.
  1. Choose File -> New -> Mobile Project.
  2. Select the Default Alloy Project & Click Next.
  3. Type a project name & app id (the app id format represents a reverse url like com.Project_Name.app)
  4. Choose the deployment targets (Android and/or iPhone).
  5. Check the Cloud-enable this application checkbox and click finish.
  6. Run your app.

Resources


Clearly Innovative Blog  
Appcelerator Documentation  
Appcelerator Videos  





;

overview

By David Plummer

overview

  • 1,497