Introducción
  • Antes de continuar aprendiendo Angular
  • Introducción al Curso de Angular 4, Angular 5, Angular 6 y Angular 7 en Español
Instalaciones y primeros pasos
  • Instalar una teminal de comandos (opcional)
  • Instalar NodeJS
  • Documentación para las siguientes clases
  • ¿Que haremos en las siguientes clases?
  • Instalar Angular de forma básica
  • Angular CLI + Instalación de Angular + Hola mundo
  • Crear proyecto en el editor de código
  • Resaltar el código de Angular
  • Crear alias en la terminal
  • Analisis de la estructura de ficheros
  • Elementos que conforman Angular
Componentes y plantillas
  • ¿Que es un componente y como funciona?
  • Crear un componente
  • Ejercicio y múltiples componentes
TypeScript dentro de Angular
  • ¿Que es TypeScript?
  • Propiedades y tipos de datos
  • El contructor, métodos de un componente y NgOnInit
  • Diferencia entre let y var
  • Crear clases, modelos de datos y objetos
Directivas, binding y eventos
  • ¿Que es una directiva?
  • Directiva ngIf y evento click
  • Directiva ngFor
  • Directivas ngSwitch y ngStyle
  • Two way data-binding
  • NgStyle en atributo
  • NgClass en atributo
  • Directiva ngClass
Routing y navegación
  • Configurar el routing
  • Menú de navegación
  • Marcar elementos del menú
  • Rutas y parámetros por la url
  • Redirecciones con el router
Servicios
  • Crear y utilizar un servicio
  • Ejercicio con los servicios
Pipes
  • Introducción a las pipes y filtros
  • Pipes para fechas
  • Filtros para transformar carácteres
  • Pipes personalizados
Formularios
  • Introducción a los formularios de Angular
  • Crear formularios
  • Validar formularios
  • Ejercicio con formularios. Primera parte.
  • Ejercicio con los formularios. Segunda parte.
Servicios, HTTP y AJAX
  • Crear servicio para hacer peticiones HTTP
  • Operator map
  • rxjs/Observable
  • Peticiones AJAX en Angular (HTTP, Llamadas a servicios REST)
  • Más tipos de peticiones HTTP
NgTemplate (if, else y then)
  • Introducción a NgTemplate
  • Crear componente y ruta
  • If y else con NgTemplate
  • If, else y then
  • Los ejercicios (recurso)
Creando un API REST
  • Instalar servidor de aplicaciones web local
  • Introducción al desarrollo del servicio REST
  • Acceso CORS y hosts virtuales
  • Desarrollo de servicios REST
  • Añadir carpeta al proyecto
  • Creando la base de datos
  • Instalar Framework para hacer APIs REST
  • Configuraciones y pruebas básicas
  • El cliente REST Postman
  • Conexión a la base de datos
  • Método para guardar productos
  • Devolver el listado de productos guardados
  • Conseguir un producto
  • Método para borrar productos
  • Actualizar productos
  • Subir imágenes al servidor
  • Configurar cabeceras HTTP y acceso CORS
  • El servicio REST (recurso)
Desarrollando una webapp completa
  • Introducción a la creación de la webapp con Angular
  • Instalar y generar proyecto base de Angular
  • Incluir Bootstrap y jQuery
  • Maquetación web inicial (CSS y Bootsrap)
  • Estilos para el menú de navegación y el footer
  • Página Home
  • Configurar el router
  • Página de error 404
  • Enlaces del menú de navegación
  • Sección de productos
  • Marcar elementos del menú
  • Fichero de configuración global (ES6)
  • Creando el servicio en Angular
  • Listado de productos