Introduccion al curso de Node y Angular
  • Introducción al curso de NodeJS y Angular 2 en Español
Introducción a NodeJS
  • Instalar Cygwin + Git + SSH
  • Instalar NodeJS
  • Crear alias en la consola
  • Crear scripts para la linea de comandos con NodeJS (app calculadora)
  • Instalar Express
  • Crear un servidor
  • BodyParser y Nodemon
  • Rutas y parámetros
  • Funciones flecha (arrow functions)
Desarrollando una API RESTful completa con NodeJS y MongoDB (back-end)
  • Metodos y códigos HTTP
  • Estructura del proyecto
  • Acciones del controlador
  • Instalar MongoDB
  • Instalar Mongoose
  • Método para guardar datos
  • Listar y ordenar registros
  • Devolver un documento (acción)
  • Actualizar datos
  • Console.log()
  • Acción Delete
  • Configurar cabeceras HTTP (CORS, Methods)
  • Mejoras del controlador del servicio rest
Introducción a Angular 2
  • Aprende TypeScript
  • Instalar Angular 2 y hacer un hola mundo
  • Directorio del proyecto
  • Estructura de un componente y un módulo
  • Plantillas, vistas y binding por interpolación
  • Multiples componentes
  • Templates y directivas (bucles, eventos, atributos, etc)
  • Directivas y atributos (ngClass, etc)
Desarrollando una aplicación web SPA con Angular 2 desde cero (front-end)
  • Maquetación básica (CSS)
  • Crear modelo
  • Componente para el listado principal, servicios y HTTP (AJAX)
  • Servicio, HTTP y mostrar datos en la vista
  • Operator map
  • rxjs/Observable
  • Mostrar más datos y CSS
  • Routing y enlaces
  • Ver marcador (componente, ruta, parametros y http)
  • Objetos, tipos y AJAX
  • Efecto de carga (loading spinner)
  • Botón enlace a otro componente
  • Ruta y componente para crear favorito
  • Crear formulario
  • Validar formulario
  • Guardar datos del formulario
  • Formulario de editar
  • Eliminar marcadores / favoritos
Angular CLI
  • Instalar y probar Angular CLI
  • Pasar un proyecto a producción (Apache+PHP)
Backend para una aplicación de albums de imágenes
  • Instalar Express, BodyParser, Mongoose y Connect Multiparty
  • Instalar Nodemon
  • Crear servidor y conexión a MongoDB
  • Crear modelos
  • Controladores, acciones, rutas y listados
  • Guardar un album
  • Método Actualizar album
  • Borrar album
  • Controlador de imágenes
  • Guardar imágenes, devolver una y método populate
  • Conseguir listados de imágenes y populate
  • Actualizar imagen
  • Eliminar imágenes
  • Subir archivos con NodeJS
  • Devolver una imagen y configurar cabeceras HTTP
  • Mejora al devolver imágen
Frontend SPA para la aplicación de albums
  • Instalar Angular 2 para el proyecto
  • Arrancar el entorno de desarrollo
  • Crear el componente y la vista para albums
  • Añadir una hoja de estilos (CSS)
  • Configurar el routing de AngularJS 2
  • Maquetación web básica
  • Modelos y servicios
  • Operator map
  • Pagina principal de albums
  • Efecto de carga (Loading ajax)
  • Crear componente para añadir album
  • Crear un album (servicio + two-way databinding)
  • Página del album
  • Edición del album
  • Eliminar albums
  • Estilos CSS en la home
  • Componente, ruta y servicio para añadir imágenes a un album
  • Guardar la imagen
  • Métodos del servicio
  • Mejoras en el servicio de imágenes
  • Editar imagen
  • Subir ficheros con Angular2
  • Petición para el listado de imágenes de un album
  • Listar imágenes en un album
  • Maquetación de las imágenes