Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Curso de Angular 2 en Español - Crea webapps desde cero

Name: Curso de Angular 2 en Español - Crea webapps desde cero
Rating: 4.1 (1464 reviews)

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular 2, el sucesor de AngularJS

Created byVíctor Robles

Last updated 4/2026

Spanish

What you'll learn

Dominar Angular 2
Desarrollar aplicaciones web SPA
Actualizaciones constantes con las novedades de Angular2
Mejorar la capacidad de adaptación a otros frameworks JavaScript
Aumentar las posiblidades laborales como desarrollador

Course content

14 sections • 88 lectures • 12h 21m total length

Introducción8:22
Introducción al curso de Angular 2 en Español.
Diferencias entre AngularJS y Angular 20:04
Diferencias que hay entre Angular 1 y Angular 2

Descargar Sublime Text, Node.js y Wamp Server0:12
Descargar los programas necesarios para hacer el curso.
Instalar Wamp Server4:36
Vemos como instalar un servidor web APACHE+MYSQL+PHP en local
Instalar Cygwin + Git5:55
En esta clase vemos como instalar Cygwin y algunos paquetes como GIT
Código TypeScript en Sublime Text0:18
Aprendemos a resaltar el código TypeScript en Sublime Text.
Recomendaciones para el curso0:33
Recomendaciones para el curso de Angular 2 completo en Español paso a paso y desde cero.
Instalar Angular 29:39
Aprendemos a instalar Angular 2 en nuestro equipo.

Teoría: Elementos que conforman Angular 21:36
En esta clase aprenderemos cuales son los elementos principales que conforman la arquitectura de Angular 2.
Preparar Angular 2, primer componente y ¡Hola Mundo!14:14
En esta clase veremos como prepara el proyecto de Angular 2, como crear nuestro primer componente y como hacer un Hola Mundo.
Directorio Typings0:34
Instalar Angular 2 con dos clicks1:09
Instalación limpia en un click de Angular 2. Paquete de Angular 2 con todo instalado.
Mostrar propiedades de un componente6:47
Aprenderemos a mostrar los valores de las propiedades del componente en la plantilla.
Tipos de datos en TypeScript3:12
Veremos que son y como usar el tipado de datos de TypeScript.
Plantillas en ficheros HTML independientes3:23
Aprenderemos a separar la plantilla del componente en ficheros HTML.
El constructor, métodos y propiedades5:13
En esta clase veremos como implementar el constructor en nuestro componente y profundizaremos en el uso de métodos y propiedades.
Crear un modelo de datos6:33
Crearemos una clase para los datos.
Estilos CSS para un componente3:32
Aprenderemos a asignarle una hoja de estilos especifica a un componente concreto.
Directiva NgIf, directiva NgClass y evento Click8:41
En esta clase aprenderemos a usar las directivas NgIf y NgClass y además veremos como usar el evento click.
Two-way data binding8:56
En esta clase aprenderemos utilizar el Two-way data binding en Angular 2.
Directiva NgFor, NgIf y arrays en TypeScript. Parte 15:41
Usaremos las directivas NgFor y NgIf y aprenderemos a definir arreglos en TypeScript.
Directiva NgFor, NgIf y arrays en TypeScript. Parte 21:08
Seguimos usando las directivas NgFor y NgIf y aprendiendo a definir arreglos en TypeScript.
Array de Objetos0:08
Múltiples componentes, evento click y two-way data binding19:53
Veremos como crear varios componentes y utilizarlos en la aplicación. Además trabajaremos con el Two-way data binding y el evento click.

Crear y usar un servicio15:01
Veremos que son, para que sirven, como crear y utilizar los servicios dentro de Angular 2.
Base href0:18
Configuración previa necesaria.
Routing básico15:36
Haremos funcionar el sistema de rutas y lo utilizaremos de forma básica.
Rutas y añadir datos con un servicio18:42
Veremos como crear más rutas y como añadir datos a un array mediante un servicio.
Importar modelo en el servicio0:20
Import de clases en el servicio.
Rutas con parámetros9:36
Aprenderemos a pasar parámetros por la URL en las rutas que tenemos definidas.
Formularios y validación16:35
Aprenderemos a trabajar con los formularios y además veremos como validarlos.
Convertir string a entero0:36
Como convertir strings a enteros en JavaScript.

Evitar errores con el CORS en Apache0:06
Veremos como evitar errores con el CORS al hacer peticiones AJAX al servidor.
Crear hosts virtuales en Apache0:08
Como crear varios hosts virtuales en Apache.
Como crear un API RESTful0:03
Como crear un API RESTful con PHP
Analizando el API Rest y la base de datos de Restaurantes3:28
Analizamos el API REST y la base de datos que vamos a utilizar en el proyecto. Descarga el API REST esta en un recurso de esta clase. Copia el directorio del ZIP en tu directorio www de tu servidor web local e importa la base de datos a tu PHPMyAdmin o el gestor de MySQL que uses.
Preparando el proyecto y creando el primer componente6:39
Preparando el proyecto de Angular y creando nuestro primer componente.
Estilos CSS básicos10:28
Añadimos los estilos CSS básicos para que la aplicación se vea bien.
Crear un componente para el listado de restaurantes3:47
En esta clase vamos a crear el componente para el listado de restaurantes.
Crear una clase Restaurante2:22
Crearemos un modelo de datos para los restaurantes.
Crear servicio, configurar módulo HTTP y crear un método con petición AJAX14:04
Crearemos el servicio para los restaurantes, configuraremos el módulo HTTP de Angular 2 y crearemos un método que lanzará una petición AJAX al API.
Listado de restaurantes10:11
Mostraremos el listado de restaurantes sacado de la base de datos.
Estilos CSS para el listado de restaurantes9:12
Le damos estilos al listado de los restaurantes.
Imagen de carga (HTMLElement y querySelector)4:38
Añadimos un loader para cuando se está cargando la lista de restaurantes.
Imagen de carga con Angular0:43
Vemos una alternativa para hacer el efecto loading en las peticiones HTTP
Página del restaurante. Crear componente y método en el servicio19:10
Crearemos la página del detalle del restaurante. Empezaremos creando el componente.
Página del restaurante. Mostrar datos y NgSwitch6:56
Mostramos los datos en la página del detalle del restaurante.
Página del restaurante. Redirección si no existe y estilos CSS4:39
Aprenderemos a hacer redirecciones y le daremos estilos CSS a la página del restaurante.
Crear el menú de navegación6:29
Crearemos un menú de navegación que funcione con las rutas de Angular 2.
Añadir restaurantes. Componente para crear nuevos restaurantes14:37
Crearemos un componente para añadir restaurantes.
Añadir nuevos restaurantes. Validar el formulario3:11
Validaremos el formulario de adición de restaurantes.
Añadir restaurantes. Método en el servicio y petición HTTP13:49
Haremos un método que le pedirá a un API REST que añada nuestro restaurante a la base de datos.
Editar restaurante. Crear componente11:38
Crearemos un componente para editar restaurantes.
Editar restaurante. Servicio y HTTP3:37
Añadiremos la lógica necesaria al servicio para actualizar los datos de un restaurante.
Eliminar restaurantes9:38
Añadiremos la posiblidad de eliminar restaurantes.
Subir ficheros con Angular14:31
Aprenderemos a subir imágenes desde un formulario de Angular al servidor.
Subir ficheros al editar un restaurante2:22
Aprenderemos a subir imágenes desde un formulario de Angular al servidor en la edición del restaurante.
Mejora en la subida de imágenes1:08
Mejoras en la subida de archivos.
¿Donde comemos hoy?9:37
Programaremos la página donde comemos hoy.

Documentación0:07
Instalación de Angular 2 RC y hola mundo9:23
En este vídeo veremos como instalar Angular 2 RC y como hacer un hola mundo.
Cambios de la versión BETA a la RC y migración del proyecto10:59
En esta clase veremos cuales son los cambios principales entre Angular 2 BETA y Angular 2 RC y como migrar nuestra aplicación.
Tutoriales y prácticas con Angular 2 RC1, RC2, RC3, RC4, RC5, RC6, RC7 y Final0:17
Clases y ejercicios de Angular 2 en Castellano online, todas las versiones actualizadas.

Migración de la aplicación web de Restaurantes0:36
Explico que pasos vamos a seguir para realizar la migración de nuestra aplicación web de restaurantes desarrollada durante el curso a la versión final y definitiva de Angular 2 desde cero, paso a paso y en Español
Instalar Angular 2 paso a paso (Final Release)19:33
Aprenderemos a como hacer una instalación limpia de Angular 2.0 en su versión final (final release) poco a poco hasta la creación de un componente y un modulo base.
Migrar la aplicación web completa a la versión definitiva37:18
Aprenderemos a migrar la aplicación web de restaurantes desarrollada en el curso a la versión final de Angular 2. Además veremos los cambios y diferencias introducidos en la ultima versión definitiva, trabajaremos con el router, componentes, plantillas, directivas, módulos y mucho más. Todo explicado desde cero y paso a paso en Español.
Proyecto completo con Angular 2.00:06
Aplicación web completa con Angular 2 en la versión final (final release). victorroblesweb.es

Instalar Angular CLI y como usarlo15:00
Aprenderemos a utilizar Angular CLI para Angular 2, veremos un montón de comandos como el ng new, ng generate, ng serve, etc. Además Angular CLI utiliza Webpack.
Angular 2 en producción (minificación, optimización, build + subida a servidor)19:48
Veremos como poner un proyecto de Angular 2 en el servidor de producción. Aprenderemos a usar Angular CLI para generar un build con Webpack y pasar nuestra aplicación web completa de Restaurantes (SPA) a un servidor Apache2. Además veremos como poner un proyecto de Angular 2 en un subdirectorio y como configurar hosts virtuales con Apache.
Manual de Angular CLI para Angular 2

Curso completo de Angular 2 - victorroblesweb.es

Requirements

HTML
CSS
JavaScript

Description

Bienvenido al curso de Angular 2, vas a aprender paso a paso como desarrollar aplicaciones web front-end con la nueva versión de este framework de Google.

Angular 2 se va a convertir el framework para JavaScript estándar. Es uno de los frameworks más populares para desarrollar aplicaciones modernas y escalables en el lado del cliente. Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo web, es casi obligatorio aprender Angular 2.

Angular 2 ha dado un salto de calidad con respecto a la versión anterior (AngularJS). Ahora utilizaremos TypeScript para definir nuestras clases, propiedades y métodos, el código es mucho más limpio y se han eliminado cosas como el Scope y muchas directivas que no tenían mucho sentido, en definitiva es un framework completamente nuevo.

Al finalizar el curso serás capaz de desarrollar tus propias aplicaciones web SPA (Single Page Apps) con Angular y modificar otras que ya estén programadas con este framework.

Este es el único curso de Angular 2 en Español que existe hasta la fecha y está diseñado para que aprendas a desarrollar webapps en el cliente para el mundo real mediante ejemplos prácticos, paso a paso y de forma fácil para que no te quedes con dudas.

Se tratan desde los aspectos más básicos y sencillos hasta los más avanzados, por tanto no es necesario que sepas nada de AngularJS para aprender a usarlo, aunque si que necesitarás saber JavaScript y HTML para aprovechar al 100% este curso.

Durante las más de 10 horas (y en aumento) del curso verás muchísimos ejemplos prácticos. Iremos usando cada una de las partes fundamentales del framework y haremos un ejemplo en cada una de ellas.

Además en uno de los capítulos del curso desarrollaremos una aplicación web SPA completa desde cero, para unir todas las piezas del puzzle.

Crearemos una aplicación web de gestión de restaurantes, en la cual podremos crear, editar y eliminar restaurantes, subir imágenes al servidor con Angular y una sección que elegirá un restaurante al azar.

Abordaremos el desarrollo de esta aplicación partiendo desde cero, desde la creación de los componentes necesarios, uso de rutas y servicios, consumo de servicios REST (mediante un API Rest programada en PHP) con el componente HTTP de Angular 2, hasta la creación y validación de formularios, entre otras cosas.

Si quieres aprender Angular 2 sin dolor, practicando poco a poco, subir de nivel en el desarrollo frontend con JavaScript y aumentar tus oportunidades laborales ¡Este es tu curso!

Échale un vistazo al currículo del curso para ver todos temas que aprenderás.

Únete al curso y sube de nivel: ¡¡ Aprende Angular 2 !!

Who this course is for:

Desarrolladores web
Programadores que quieren adquirir nuevos conocimientos
Estudiantes de informatica de ciclos formativos o universidad
Programadores novatos que saben HTML y JavaScript

Curso de Angular 2 en Español - Crea webapps desde cero

What you'll learn

Explore related topics

Course content

Introducción al curso completo de Angular 22 lectures • 8min

Empezando con Angular 26 lectures • 21min

Componentes, plantillas y eventos16 lectures • 1hr 31min

Servicios, Routing y formularios8 lectures • 1hr 17min

Desarrollando una aplicación web desde cero (HTTP, Consumir API REST)27 lectures • 3hr 7min

Descarga el código del curso1 lecture • 1min

Actualizar la aplicación web a Angular 2 RC4 lectures • 21min

Pipes y filtros3 lectures • 14min

Actualización a la versión final de Angular 24 lectures • 58min

Angular CLI2 lectures • 35min

Requirements

Description

Who this course is for: