Buenas excusas para aprender Angular 2

RTFM

Books

ng-book 2 Become a Ninja with Angular 2

Cheatsheet

Style GuideS

Awesome

Angular 2 Education

Learn Angular 2

Seeds, starters and boilerplates

Yeoman el generador de andamios

Yeoman es la herramienta para generar el andamio de una aplicación Web moderna. Ofrece un ecosistema de generadores. Un generador es, básicamente, un plugin que se puede correr con el comando “yo” para producir el andamio de un proyecto.

Yeoman Workflow

Herramientas

El flujo de trabajo Yeoman se compone de tres herramientas fundamentales que impulsan la mejora de la productividad y la satisfacción en la construcción de una aplicación web:

  • yo – La herramienta de andamios de Yeoman.
  • bower – La herramienta de gestión de paquetes.
  • grunt – La herramienta de construcción.

Instalación

Vamos a empezar instalando Yeoman y el “Ionic Framework Generator“:

npm install -g yo bower gulp grunt-cli compass ios-sim generator-ionic
mkdir yoionic && cd $_

yo ionic yoionic
grunt —force
grunt platform:add:ios

grunt emulate:ios --force
grunt serve --force

Watch your Sass!

Los navegadores Web sí entienden bien los archivos CSS, sin embargo no entienden los archivos Sass. Por esta razón, los archivos Saas necesitan ser procesados y transformados en archivos CSS. Con Sass es posible gestionar muchos archivos y combinarlos todos en un sólo archivo CSS.

Automatización de Saas para Ionic

Para dar salida de forma automática a un archivo CSS que el navegador Web sí pueda entender hay que “mirar” los archivos Sass de la aplicación para conocer si hay cambios. Por lo tanto, cada vez que se guardan cambios en un archivo Sass, también se reconstruye de manera automática el archivo CSS.

touch www/lib/ionic/scss/app.scss

sass --watch www/lib/ionic/scss/app.scss:www/css/app.css

Variables Sass

Hay que pensar en las variables como en una forma de almacenar información que se desea reusar a lo largo de la hoja de estilos. Pueden almacenar cosas como: colores, “font stacks”, o cualquier valor CSS que se necesite reutilizar.

Para más información, por favor consulte:

Para instalar Saas hay que tener instalado Ruby

sudo su

\curl -sSL https://get.rvm.io | bash -s stable --rails

La barra invertida antes del comando asegura que estamos usando el comando curl y no un alias o versión alterada.

La opción -s indica que la utilidad debe funcionar en modo silencioso, la opción -S anula esto para permitir el aviso de errores sólo en caso de que algo falle. La opción -L le dice a curl que sí siga las redirecciones.

Entonces el script se canaliza hacia bash para su procesamiento. La opción -s indica que la entrada proviene de “standard in”, además se especifica que queremos que la última versión estable de RVM junto a la última versión estable de Rails, que también se trae el Ruby adecuado.

Para comenzar a utilizar RVM

Se necesita ejecutar en todas las cosolas abiertas:

source /usr/local/rvm/scripts/rvm

which rvm

rvm -v

rvm 1.25.25 (stable)...[https://rvm.io/]

Para comenzar a utilizar Rails

rails new PROJECT_DIR

Para más información, por favor consulte:

Instalar Sass

sudo gem install sass

sudo gem update sass

which sass

sass -v
Sass 3.3.7 (Maptastic Maple)

Para más información, por favor consulte:

Ionic – HTML mejorado para Apps

A continuación una lista de los frameworks que parecen ser más efectivos para el desarrollo de proyectos para dispositivos móviles o que requieran “Responsive Web Design”. También es importante conocer si en el Proyecto se ocupan características como “semantic templates” o “data binding”:

Cabe mencionar que existen opciones interesantes como Mustache, Handlebars y Underscore/Lodash.

Ionic tiene integración con Cordova

Un aspecto interesante es la integración de Ionic con Cordova. De hecho, el CLI de Ionic está construido sobre el CLI de Cordova.

Instalar Ionic con npm

sudo npm install -g gulp ionic

Crear un proyecto base (seed project)

ionic start myApp

Agregar una plataforma

cd myApp

ionic platform android

Correr App en el Emulador

ionic build android

ionic emulate android

Correr App en el Dispositivo conectado por USB

ionic run android

ionic-emulate-android