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 22 - Desde cero hasta profesional

Name: Curso de Angular 22 - Desde cero hasta profesional
Rating: 4.2 (5110 reviews)

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular 7, 17, 18, 19, 20, 21 y 22

Created byVíctor Robles

Last updated 6/2026

Spanish

What you'll learn

Dominar Angular 4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 15, 16, 17, 18, 19, 20, 21 y 22
Dominar TypeScript dentro Angular
Desarrollar aplicaciones web SPA
Mejorar la capacidad de adaptación a otros frameworks JavaScript
Aumentar las posibilidades laborales como desarrollador
Crear aplicaciones web modernas con Angular 22, Angular 21, Angular 20, Angular 10, Angular 9, Angular 8, Angular 7, Angular 6, Angular 5, Angular 4 y Angular 2

Course content

20 sections • 130 lectures • 14h 39m total length

Antes de continuar aprendiendo Angular2:13
Introducción al Curso de Angular en Español6:37
Introducción al curso de Angular 4 desde cero.

Instalar una teminal de comandos (opcional)5:43
Instalaremos un interprete de comandos para nuestro sistema operativo.
Instalar NodeJS4:13
Instalaremos Node.js para trabajar con Angular 4
Documentación para las siguientes clases0:08
Documentación interesante para el curso y para las siguientes clases de instalación de Angular 4.
¿Que haremos en las siguientes clases?1:32
Introducción a los tutoriales de instalación de Angular 4
Instalar Angular de forma básica11:09
Aprenderemos a instalar Angular 4 de forma básica y sencilla paso a paso y desde cero.
Angular CLI + Instalación de Angular + Hola mundo17:35
Aprenderemos a trabajar con Angular CLI, lo actualizaremos, lo instalaremos, instalaremos Angular 4 y haremos un hola mundo paso a paso.
Crear proyecto en el editor de código3:29
Importaremos nuestro proyecto en el IDE que vamos a utilizar.
Resaltar el código de Angular0:19
Destacar el código de Angular y TypeScript en nuestro editor de código.
Crear alias en la terminal2:07
Aprenderemos a crear atajos en la consola de comandos.
Analisis de la estructura de ficheros5:30
Veremos la estructura de archivos y directorios del framework de Google Angular 4.
Elementos que conforman Angular1:36
Partes de una aplicación de Angular 2017

¿Que es TypeScript?2:05
Aprenderemos que es TypeScript y el EcmaScript 6 para Angular 4, un lenguaje desarrollado por Microsoft.
Propiedades y tipos de datos15:23
Aprenderemos a trabajar con las propiedades y tipos de datos en TypeScript con Angular 4 con ejemplos.
El contructor, métodos de un componente y NgOnInit12:24
Veremos que es el constructor de una clase dentro de un componente de Angular 4, como crear y utilizar nuevos métodos en la clase de un componente y como usar el método NgOnInit de AngularJS 4 y Angular 2.
Diferencia entre let y var5:11
¿Cual es la diferencia entre las variables let y var? Aprenderemos con ejemplos cual es la diferencia con TypeScript y Angular.js 4
Crear clases, modelos de datos y objetos15:26
Aprenderemos a crear clases, modelos de datos y objetos dentro de Angular v4 y Angular 2 final usando TypeScript 2.

¿Que es una directiva?1:24
Veremos que son y para que sirven las directivas en Angular4 o en cualquier versión de AngularJS o frameworks reactivos como VueJS 2.
Directiva ngIf y evento click10:27
Aprenderemos a trabajar con las directivas condicionales ngIf en las plantillas de nuestros componentes de Angular 4 y además trabajaremos con el evento click de Angular.js 4
Directiva ngFor4:25
Utilizaremos la directiva iterativa ngFor en las plantillas de los componentes de Angular 4. El bucle ngFor nos permitirá mostrar listados en nuestras vistas de Angular.
Directivas ngSwitch y ngStyle10:02
Usaremos el condicional ngSwitch en las vistas de Angular 4 y el ngStyle para bindear o asignar unos estilos CSS concretos a las etiquetas y elementos del DOM.
Two way data-binding12:35
En esta clase aprenderemos que es y como se usa el Two way data binding o el enlace de datos bidireccional en Angular 4 el framework JavaScript del momento.
NgStyle en atributo3:13
Trabajaremos con el ngStyle en formato de directiva de atributo en Angular4
NgClass en atributo5:31
Aprenderemos a trabajar con la directiva ngClass en formato de atributo dentro de Angular.js 4
Directiva ngClass4:40
Trabajaremos con el ngClass de Angular 4 de manera más avanzada paso a paso y desde cero.

Configurar el routing11:12
Aprenderemos a configurar el sistema de rutas de AngularJS paso a paso consiguiendo una web SPA con Angular 4 y el routing.
Menú de navegación10:01
Crearemos un menú de navegación con las rutas de Angular 4 desde cero
Marcar elementos del menú1:50
Veremos como seleccionar y resaltar elementos del menú del navegación con el router de Angular4.
Rutas y parámetros por la url9:14
En esta clase veremos como crear rutas avanzadas y parámetros por la url con el routing de Angular 4
Redirecciones con el router3:05
Aprenderemos a hacer redirecciones entre rutas de nuestra aplicación de Angularjs 4

Introducción a las pipes y filtros0:48
En esta clase veremos la introducción a las pipes, tuberías o filtros en Angular 4.
Pipes para fechas3:49
Trabajaremos con las pipes para el tratamiento de fechas en Angular.js 4 (Angular4, Angular 2 Final)
Filtros para transformar carácteres2:05
Utilizaremos las pipes para convertir y transformar textos en Angular 4
Pipes personalizados8:07
Aprenderemos a crear filtros, tuberías o pipes personalizadas dentro de un proyecto de Angular Cuatro 4

Introducción a los formularios de Angular0:39
En esta clase veremos la introducción a los formulario de Angular 4 desde cero y paso a paso.
Crear formularios13:35
Aprenderemos a crear formularios en Angular y recibir los datos en el componente de Angular 4.0
Validar formularios4:56
Usaremos los formulario de Angular 4 de manera más avanzada y haremos validaciones de los campos del formulario. Además pondremos mensajes de error en Angular4
Ejercicio con formularios. Primera parte.10:20
Haremos un ejercicio completo con los formularios de Angular 4 o incluso de Angular 2.5
Ejercicio con los formularios. Segunda parte.2:07
Segunda parte del ejercicio en el que veremos como mejorar la usabilidad de los formularios de Angular 4. 3

Crear servicio para hacer peticiones HTTP6:22
Crearemos servicios preparados para hacer peticiones http y ajax dentro de Angular 4 (Angular JS 4)
Operator map0:09
rxjs/Observable0:23
Peticiones AJAX en Angular (HTTP, Llamadas a servicios REST)12:06
Aprenderemos a hacer peticiones AJAX, HTTP y peticiones a APIs Rest con Angular 4
Más tipos de peticiones HTTP1:04
Siguientes pasos en las peticiones ajax y http de Angular 4.

Requirements

HTML y CSS básico
JavaScript básico
NO es necesario saber nada de AngularJS, Angular y tampoco de TypeScript

Description

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

Este curso es compatible con Angular 2 final, Angular 4, Angular 5, Angular 6, Angular 7, Angular 8, Angular 9, Angular 10, Angular 11, Angular 12, Angular 13, Angular 14, Angular 15, Angular 16, Angular 17, Angular 18, Angular 19, Angular 20, Angular 21 y Angular 22.

Angular es el framework para JavaScript estándar para crear webs SPA. 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.

Angular ha dado un salto de calidad con respecto a la versiones anteriores del framework, como AngularJS. Ahora utilizaremos TypeScript para definir nuestras clases, propiedades y métodos, el código es mucho más limpio y se ha mejorado el funcionamiento general del framework.

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 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, ni de Angular 2 para aprender a usarlo, aunque si que necesitarás saber JavaScript y HTML para aprovechar al 100% este curso.

Durante el 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 varias aplicaciones web SPA completas desde cero, para unir todas las piezas del puzzle.

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

Si quieres aprender Angular 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

Who this course is for:

Desarrolladores web
Estudiantes de informática
Estudiantes de ingenieria o ciclos formativos
Personas interesadas en el desarrollo web
Interesados en el desarrollo front-end
Interesados en el mundo de AngularJS y Angular

Curso de Angular 22 - Desde cero hasta profesional

What you'll learn

Explore related topics

Course content

Introducción2 lectures • 9min

Instalaciones y primeros pasos11 lectures • 53min

Componentes y plantillas3 lectures • 28min

TypeScript dentro de Angular5 lectures • 50min

Directivas, binding y eventos8 lectures • 52min

Routing y navegación5 lectures • 35min

Servicios2 lectures • 24min

Pipes4 lectures • 15min

Formularios5 lectures • 32min

Servicios, HTTP y AJAX5 lectures • 20min

Requirements

Description

Who this course is for: