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.