Demo AngularJS shop - 01 Generando proyecto con Yeoman

Primera parte de aplicación Angular 1 para construir listado de productos. Generando proyecto con Yeoman

Primer vídeo del proyecto construido con AngularJS en el que voy a simular una aplicación de una tienda que contiene un catálogo de productos. No pretendo abarcar todas las funcionalidades de una tienda en sí.

Los productos poseen características como: nombre, descripcion, imagenes, precio, stock y novedad. El fin de la aplicación será aprovechar la potencia de AngularJS para construir un catálogo de productos que muestre u oculte productos o añada aspectos gráficos, usando directivas, controladores, vistas y quizá algo más según avance.

Para construir el proyecto AngularJS usaré Yeoman: Yeoman, utilidad muy interesante para empezar a trabajar proyectos variados (Wordpress, Foundation Zurb, Phone Gap...). Se necesita tener instalado NodeJS. En el repositiorio GitHub de Yeoman para AngularJS se muestran los comandos necesarios para crear el proyecto: Proyecto en GitHub de Yeoman - AngularJS  

Proyecto Angular 1 con Yeoman

Creación de el directorio contenedor de la aplicación:

mkdir ngdemo

Acceso al directorio:

cd ngdemo

Crear proyecto con Yeoman:

yo angular ngdemo

Para arrancar el servidor y probar que corre bien:

grunt serve

Aquí el vídeo explicando el proceso:

En siguientes vídeos comenzaré a trabajar con AngularJS.