Curso de Angular 10 - Desde cero hasta profesional
4.2 (3,985 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,939 students enrolled

Curso de Angular 10 - Desde cero hasta profesional

Aprende a desarrollar aplicaciones web modernas de forma práctica y desde cero con Angular 4, 5, 6, 7, 8, 9 y 10
4.2 (3,985 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,939 students enrolled
Created by Víctor Robles
Last updated 2/2020
Spanish
Spanish [Auto]
Current price: $119.99 Original price: $199.99 Discount: 40% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 14 hours on-demand video
  • 15 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Dominar Angular 4, 5, 6, 7, 8, 9 y 10
  • 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 10, Angular 9, Angular 8, Angular 7, Angular 6, Angular 5, Angular 4 y Angular 2
Course content
Expand all 128 lectures 14:15:26
+ Instalaciones y primeros pasos
11 lectures 53:22

Instalaremos un interprete de comandos para nuestro sistema operativo.

Instalar una teminal de comandos (opcional)
05:43

Instalaremos Node.js para trabajar con Angular 4

Instalar NodeJS
04:13

Documentación interesante para el curso y para las siguientes clases de instalación de Angular 4.

Documentación para las siguientes clases
00:08

Introducción a los tutoriales de instalación de Angular 4

¿Que haremos en las siguientes clases?
01:32

Aprenderemos a instalar Angular 4 de forma básica y sencilla paso a paso y desde cero.

Instalar Angular de forma básica
11:09

Aprenderemos a trabajar con Angular CLI, lo actualizaremos, lo instalaremos, instalaremos Angular 4 y haremos un hola mundo paso a paso.

Angular CLI + Instalación de Angular + Hola mundo
17:35

Importaremos nuestro proyecto en el IDE que vamos a utilizar.

Crear proyecto en el editor de código
03:29

Destacar el código de Angular y TypeScript en nuestro editor de código.

Resaltar el código de Angular
00:19

Aprenderemos a crear atajos en la consola de comandos.

Crear alias en la terminal
02:07

Veremos la estructura de archivos y directorios del framework de Google Angular 4.

Analisis de la estructura de ficheros
05:30

Partes de una aplicación de Angular 2017

Elementos que conforman Angular
01:36
+ Componentes y plantillas
3 lectures 28:22

Entenderemos que es un componente y como funciona dentro de Angular 4.

Preview 06:13

Veremos como generar nuevos componentes en Angular 4 paso a paso y desde cero.

Preview 15:04

Aprenderemos a trabajar con multiples componentes y ngModule en Angular 4 desde cero.

Preview 07:05
+ TypeScript dentro de Angular
5 lectures 50:29

Aprenderemos que es TypeScript y el EcmaScript 6 para Angular 4, un lenguaje desarrollado por Microsoft.

¿Que es TypeScript?
02:05

Aprenderemos a trabajar con las propiedades y tipos de datos en TypeScript con Angular 4 con ejemplos.

Propiedades y tipos de datos
15:23

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.

El contructor, métodos de un componente y NgOnInit
12:24

¿Cual es la diferencia entre las variables let y var? Aprenderemos con ejemplos cual es la diferencia con TypeScript y Angular.js 4

Diferencia entre let y var
05:11

Aprenderemos a crear clases, modelos de datos y objetos dentro de Angular v4 y Angular 2 final usando TypeScript 2.

Crear clases, modelos de datos y objetos
15:26
+ Directivas, binding y eventos
8 lectures 52:17

Veremos que son y para que sirven las directivas en Angular4 o en cualquier versión de AngularJS o frameworks reactivos como VueJS 2.

¿Que es una directiva?
01:24

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 ngIf y evento click
10:27

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.

Directiva ngFor
04:25

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.

Directivas ngSwitch y ngStyle
10:02

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.

Two way data-binding
12:35

Trabajaremos con el ngStyle en formato de directiva de atributo en Angular4

NgStyle en atributo
03:13

Aprenderemos a trabajar con la directiva ngClass en formato de atributo dentro de Angular.js 4

NgClass en atributo
05:31

Trabajaremos con el ngClass de Angular 4 de manera más avanzada paso a paso y desde cero.

Directiva ngClass
04:40
+ Routing y navegación
5 lectures 35:22

Aprenderemos a configurar el sistema de rutas de AngularJS paso a paso consiguiendo una web SPA con Angular 4 y el routing.

Configurar el routing
11:12

Crearemos un menú de navegación con las rutas de Angular 4 desde cero

Menú de navegación
10:01

Veremos como seleccionar y resaltar elementos del menú del navegación con el router de Angular4.

Marcar elementos del menú
01:50

En esta clase veremos como crear rutas avanzadas y parámetros por la url con el routing de Angular 4

Rutas y parámetros por la url
09:14

Aprenderemos a hacer redirecciones entre rutas de nuestra aplicación de Angularjs 4

Redirecciones con el router
03:05
+ Servicios
2 lectures 24:00

Veremos que es un servicio en AngularJS 2 y 4 y aprenderemos a crear servicios y utilizarlos en los componentes de Angular 4.

Crear y utilizar un servicio
09:05

Haremos un ejemplo completo en el que aprenderemos a trabajar con los servicios, el two way-databinding y muchas cosas más dentro de Angular 4.

Ejercicio con los servicios
14:55
+ Pipes
4 lectures 14:49

En esta clase veremos la introducción a las pipes, tuberías o filtros en Angular 4.

Introducción a las pipes y filtros
00:48

Trabajaremos con las pipes para el tratamiento de fechas en Angular.js 4 (Angular4, Angular 2 Final)

Pipes para fechas
03:49

Utilizaremos las pipes para convertir y transformar textos en Angular 4

Filtros para transformar carácteres
02:05

Aprenderemos a crear filtros, tuberías o pipes personalizadas dentro de un proyecto de Angular Cuatro 4

Pipes personalizados
08:07
+ Formularios
5 lectures 31:37

En esta clase veremos la introducción a los formulario de Angular 4 desde cero y  paso a paso.

Introducción a los formularios de Angular
00:39

Aprenderemos a crear formularios en Angular y recibir los datos en el componente de Angular 4.0

Crear formularios
13:35

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

Validar formularios
04:56

Haremos un ejercicio completo con los formularios de Angular 4 o incluso de Angular 2.5

Ejercicio con formularios. Primera parte.
10:20

Segunda parte del ejercicio en el que veremos como mejorar la usabilidad de los formularios de Angular 4. 3 

Ejercicio con los formularios. Segunda parte.
02:07
+ Servicios, HTTP y AJAX
5 lectures 20:04

Crearemos servicios preparados para hacer peticiones http y ajax dentro de Angular 4 (Angular JS 4)

Crear servicio para hacer peticiones HTTP
06:22
Operator map
00:09
rxjs/Observable
00:23

Aprenderemos a hacer peticiones AJAX, HTTP y peticiones a APIs Rest con Angular 4

Peticiones AJAX en Angular (HTTP, Llamadas a servicios REST)
12:06

Siguientes pasos en las peticiones ajax y http de Angular 4.

Más tipos de peticiones HTTP
01:04
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 10, 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 y Angular 10.

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.

A parte de esto, en los cursos de Víctor Robles conseguirás soporte y ayuda muy rápida, actualizaciones constantes con todo lo nuevo que va saliendo de Angular, etc.

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: ¡¡ Aprende Angular !!

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