Tag Archives: Tutoriales

Siete días con Titanium – Día 0 – Introducción

De que se trata todo?

Intento que esto sea un conjunto de siete tutoriales para ayudar a los principiantes a entender cómo trabajar con el framework móvil Titanium.

Los chicos de Appcelerator hicieron un excelente trabajo con el framework permitiéndonos, los desarrolladores web, tener acceso a las aplicaciones nativas de los dispositivos móviles (Apple iDevices, Android y pronto BlackBerry).

El framework alcanzó la versión 1.4.2 y cada día más desarrolladores parecen estar interesados en usarlo – especialmente porque es gratis. La comunidad es grande y encontrarás respuestas a casi todos los los problemas que podrías tener. Pero para los principiantes es aún un poco difícil de comenzar. De aquí surgió la idea de este conjunto de tutoriales con los cuales intentaré cubrir lo básico de los procesos de desarrollo para iPhone y Android.

Algunas cosas para comenzar

Cada post contendrá un encabezado con los tutoriales previamente escritos para un fácil seguimiento. Tendrá también una parte al pié donde algunos enlaces de interés serán publicados.

No serán posts diarios. Escribiré cuando tenga tiempo suficiente para probar y escribir los ejemplos. Prefiero un post bien escrito que uno apurado. Y cada post podría estar actualizado para añadir cosas que se hayan olvidado (o para acomodar problemas) así que no olvides marcarla en tus favoritos.

El código proveído estará bajo licencia MIT así que podrás usarlo como desees.

Qué debería conocer y/o que necesito?

Básicamente sólo necesitas conocimiento Javascript. Algo de codificación rutinaria Orientada a Objetos sería grandioso pero no es obligatorio (aprenderemos en el vuelo) 🙂

    Para desarrollar para Android necesitarás Android SDK (Linux/OSX/Windows)
  • Para desarrollar para iPhone necesitarás una Mac (Reglas de Apple, no mías)

No te mostraré cómo instalar ninguno de los framework, SDK, etc. Hay buenos tutoriales y Guías de Cómo hacerlo que te enseñan, así que no quiero repetir lo que ya hay por ahí afuera.

Actualización:

El equipo de Appcelerator recién publicó tres documentos PDF sobre cómo instalar Titanium en cada plataforma soportada (Linux/OsX/Windows). Puedes descargarlos desde su blog

Que necesito olvidar?

Podría parecer extraño, pero realmente tienes que olvidarte de algunas cosas: DOM. ¿Por qué?. Porque no hay DOM aquí. Ya no estamos en el mundo HTML. Así que nada del HTML aplica aquí. Hay cosas similares (eventos por ejemplo), pero todo es sólo una analogía para hacerlo más fácil de usar).

Olvídate también de usar alguna librería (sí, sin MooTools, jQuery, etc…), o al menos al principio. Nuevamente: Por qué?, porque todas estas librerías están orientadas al DOM y están hechas para luchar con múltiples exploradores, para complacer a cada una de ellas y esto añade bloatware a tu código – código que no será usado de todos modos.

Por qué “al menos al principio”?. Bueno, mas tarde podrías extrañar algunas funciones y métodos que tienen estas librerías (digamos los métodos de arreglos como filter, each, unique, etc) pero podrás implementarlos de tu propia manera y evitar una librería de 150K.

Lo que NO aprenderás en estos tutoriales::

No aprenderás Javascript (necesitas saberlo antes). No aprenderás ObjC y/o Java (al final ese es el propósito de Titanium). Intentaré proveer el código para cosa que se aprenda así como de las capturas de pantallas y quizás vídeos.

y por último

Lo que aprenderás:

Día 1:

Algunos aspectos sobre la navegación, ventanas, vistas y pestañas – Lo básico de las interfaces. Intentaré explicar brevemente lo que hace cada uno de estos elementos y cómo usarlos.

Día 2:

Tablas y Selectores (O selectores de opción, el equivalente a la etiqueta ‘select’).

Día 3:

Ajax (de hecho XHR) – sobre cómo usar el HttpClient para páginas web, XML, JSON y YQL; el webview – cómo incrustar código html en tus apps.

Día 4:

Media – imágenes, películas y sonidos.

Día 5:

GPS y mapas.

Día 6:

Algunas mejoras visuales con animaciones y transformaciones.

Día 7:

Acerca de orientación y el acelerómetro.

Día 8:

Este será un día post-tutoriales donde realizaré un sumario de las lecciones, añadiré algunos enlaces y más.

Sé que dije siete días y que al final son 9, pero ni este ni el último cuentan como “días de aprendizaje”. Hay muchas cosas por fuera como scrollviews, sliders y algunos módulos – Facebook? – técnicas más avanzadas – como eventos app – pero espero que estos sean temas de otrhttp://nosoloweb.es/wp-admin/edit-comments.phpos tutoriales.

Díganme lo que piensan, si tienen ideas sobre lo que debería escribir – recuerden que es una guía para principiantes – o si tienen alguna pregunta.

Los veo en el día 1.

Actualización:

Documentos PDF sobre cómo instalar Titanium en cada una de las plataformas soportadas (Linux / OSX / Windows). Puedes descargarlas desde el blog de Appcelerator.

Menús Css – navegación

La navegación es un elemento importante de los sitios web. 2010 Hecha apropiadamente AM la navegación ayudará a los usuarios a encontrar lo wholesale jerseys que necesiten en tus páginas. Algunos recursos para la navegación se encuentran cheap jerseys a continuación:

Puertas deslizantes en CSS Puertas deslizantes en CSS, Parte II

Pestañas de Puertas Deslizantes Invertidas

Pestañas CSS 2.0

Pestañas CSS con Submenus

<a wholesale nfl jerseys href=”http://www.simplebits.com/bits/minitab_shapes.html” title=”Formas Link de Mini-Pestañas

Menús de Navegación CSS

Nifty Navigation usando CSS

List-O-Matic