Curso de Angular 2 en Español - Aprende Fácilmente

Aprende a desarrollar aplicaciones web de forma práctica y desde cero con Angular 2
4.5 (120 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
364 students enrolled
$19
$70
73% off
Take This Course
  • Lectures 73
  • Length 5.5 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2016 Spanish

Course Description

Bienvenido al curso Aprende Angular 2 en Español. En este curso vas a aprender de una forma fácil y sencilla como utilizar la última versión de este gran framework de Google.

Algunos de los comentarios de los estudiantes:

★★★★★ Excelente me parece que la explicacion del tutor es muy facil de entender. El curso está muy completo y me parece muy bueno que el tutor esté constantemente agregando nuevos contenidos con las actualizaciones. Recomendado...  
Ferneyder Cubides

★★★★★ Excelente curso. Muy bien explicado. Si sos novato en angular, es lo ideal. Empezas aqui y luego te vas a la documentacion de angular2. Muchas gracias profe! Quedo a la espera de un curso de nativescript suyo! :)
Agustin Sorbara

★★★★ Perfecto, ojala hubieran mas personas de habla española que este nivel conocimiento, edicion de video y facilidad para enseñar.
Angel Caballero

Ahora es el momento de aprender Angular 2 y estar entre los primeros que podemos decir que podemos utilizar el framework con facilidad. Este curso te dará las herramientas necesarias para poder utilizar Angular 2 en tu vida profesional.

El curso tiene una pequeña introducción a TypeScript, ya que es el lenguaje en el cual vamos a hacer todo nuestro código y también vas a aprender los siguientes temas:

  • Directivas
  • Componentes
  • Enrutamientos
  • Enlaces de datos
  • Inyección de dependencias
  • Servicios
  • Módulos
  • Llamados HTTP
  • Formularios
  • y mucho más!

AngularJS es el framework más usado por empresas en el mundo. Angular 2 fue reescrito desde cero para hacer el framework aún más rápido. Tener conocimientos sobre Angular 2 es indispensable para ser un desarrollador web completo. Inscribete en el curso de Angular 2 en Español y aprende rápidamente cómo usarlo!

Como siempre, estaré pendiente de las inquietudes que los estudiantes puedan tener para poder extender el curso cuando sea necesario o simplemente contestando sus preguntas de una forma clara. Los estudiantes de todos mis cursos están muy satisfechos con la calidad de mis cursos y estoy seguro que tu también estarás muy contento con este curso.

¿Que estás esperando? Aprende Angular 2 en Español ahora!

Este curso será actualizado constantemente con cada actualización del framework y con sugerencias de los estudiantes sobre temas de interés para ellos para siempre hacerlo mejor y más completo.

Solo necesitas tener conocimientos básicos de HTML y JavaScript para aprovechar este curso al máximo.

What are the requirements?

  • Conocimientos básicos de HTML
  • Conocimientos de Javascript
  • Conocimientos de CSS

What am I going to get from this course?

  • Tener un entendimiento completo de Angular y que puede hacer
  • Tener la capacidad de crear una aplicación de Angular desde cero
  • Tener el conocimiento necesario para entender los elementos principales de una aplicación Angular
  • Incrementar sus opciones laborales
  • Desarrollar aplicaciones utilizando las ultimas tecnologias

What is the target audience?

  • Desarrolladores Web
  • Estudiantes de Sistemas
  • Personas que quieran aprender de una forma sencilla como usar Angular

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Introducción
Preview
01:54
02:02

Antes de empezar a programar en Angular vamos a tener que preparar nuestro sistema con el gestionador de paquetes de NodeJS (NPM) y vamos a instalar globalmente typescript y typings. También vamos a instalar un IDE, y el que voy a usar en el curso es VisualCode de Microsoft.

Section 1: TypeScript
09:06

En TypeScript tenemos varios tipos de variables. En este video vamos a aprender cuales son estos tipos.

04:28

En este video vamos a aprender como crear clases en TypeScript.

02:34

En este video vamos a hablar de que son los métodos constructores en TypeScript y como crearlos.

02:18

En ES6 (y en TypeScript) tenemos una nueva forma de definir cadenas de caracteres y es usando las comillas ``.

Vamos a aprender en este video como usarlas y que podemos hacer con esta nueva forma.

03:40

La herencia (o inheritance en inglés) es uno de los elementos mas importantes de la programación orientada a objetos. En este video vamos a aprender como se hace en TypeScript.

05:38

Las funciones flecha son una nueva funcionalidad de ES6 y en este video vamos a aprender como usarlas.

03:51

En este video vamos a hablar de una nueva forma de declarar variables que se llama 'let'. 

Vamos a aprender como la usamos y como es diferente de 'var'.

Section 2: Introducción a Angular 2
04:49

Los elementos mas comunes (pero no los unicos) de una aplicación de Angular son

1. Las Directivas

2. Los Componentes

3. Los Enrutamientos


En este video vamos a definir estos elementos y a nombrar los otros elementos que vamos a ver en el curso.

01:15

En este video vamos a ver como empezar a programar en Angular 2 utilizando una plantilla vinculada en esta clase. Simplemente nos va a dar la estructura necesaria para empezar a desarrollar.

08:15

En este video vamos a aprender la estructura de una aplicación Angular. 
Vamos a hablar de los archivos que nuestra aplicación va a tener y como instalar las dependencias de la misma.

03:26

En este video vamos a aprender como crear un componente. Vamos a aprender como importar el decorador @Component y como pasarle el objeto Metadata necesario.

04:37

En el video anterior vimos como crear un Componente en Angular. En este video vamos a aprender como usar este nuevo componente en nuestra aplicación.

03:49

Dentro de nuestros componentes vamos a tener un Metadata. Este Metadata es un objeto donde vamos a poder definir varias propiedades como 'template' (o plantilla). Esta plantilla es el código HTML de nuestra vista. En este video vamos a aprender como crear nuestras plantillas dentro de nuestros componentes.

Section 3: Enlace de Datos
Introducción
02:44
Enlace de Datos de propiedad
05:21
Enlace de Datos de evento
02:23
Enlace de Datos doble
05:50
01:22

En este video vamos a recapitular lo que vimos en este capitulo
1. Enlaces de datos de eventos : ( ) = ""

2. Enlaces de datos de propiedades : [ ] = "" 

3. Enlaces de datos dobles: [( )] = ""

Section 4: Pasar información a componentes
08:14

En este video vamos a aprender como pasarle información a un componente utilizando la opción Input.

La propiedad Output
06:32
01:56

Cuando nuestras plantillas sean muy grandes, es mejor tenerlas en un archivo aparte para facilitar nuestra programación. Para esto vamos a utilizar templateUrl en nuestro el metadata de nuestro componente en vez de template.

Section 5: Directivas y Pipes
04:32

Con ngIf vamos a poder mostrar o eliminar un elemento de nuestro DOM basados en cierta condición dentro de esta directiva, vamos a aprender como usarla y como es diferente de un enlace de datos sobre la propiedad 'hidden' del elemento.

03:02

Cuando queramos interactuar con los elementos de un conjunto (como un arreglo) vamos a utilizar la directiva ngFor que nos va a permitir mostrar e interactuar con cada uno de los elementos. También vamos a ver como usar el indice del conjunto con ngFor.

03:44

La directiva ngSwitch de Angular nos va a ayudar a añadir o eliminar elementos de nuestro DOM basados en cierta condición. En este video vamos a aprender como usar ngSwitch con un par de ejemplos.

05:41

Pipes son la forma que tenemos de manipular información que mostramos en nuestra vista. En este video vamos a aprender sobre los pipes que vienen de fabrica con Angular. 

06:30

En este video vamos a aprender como crear nuestros propios pipes para usarlos en nuestras aplicaciones.

02:14

La directiva ngClass nos va a ayudar a asignarle una clase a un elemento HTML basados en una condición. En este video vamos a aprender a usarla.

Section 6: Inyección de dependencias y Servicios
04:03

En este video vamos a aprender que son las dependencias y que es el inyector de dependencias en Angular. También vamos a aprender porque es una buena idea usar la inyección de dependencias.

05:12

En este video vamos a aprender como crear un servicio en Angular. 

Section 7: Formularios
Crear Formulario
01:24
ngControl
03:59
Mostrar Errores
03:02
Mostrar Varios Errores
04:04
Crear Formulario Explicitamente
08:06
FormBuilder
02:55
Validación Personalizada
08:18
Validación Asincrona
06:04
Enviar Formulario
03:10
Section 8: Enrutamiento
Introducción
03:55
Preparar la Aplicación
01:48
Crear las Rutas
04:10
Conectar las Rutas
08:54
Navegación Programática
02:48
Section 9: Llamados HTTP
Crear Servicio
06:11
OnInit - Gancho de ciclo de vida
04:39
Pasar parametros en la ruta
09:02
Leer información
04:18
Llamado HTTP
06:50
Llamado HTTP 2
03:47
07:39

En este video vamos a ver como podemos hacer un llamado HTTP del tipo POST a una base de datos en Firebase.

Section 10: Apéndice
08:19

En la version RC4 de Angular 2 hubo algunos cambios con la forma como creamos el enrutamiento. Este video explica como actualizar de la version RC1 a la version RC4.

07:14

Angular CLI es una herramienta que nos va a ayudar a crear el 'esqueleto' de las aplicaciones de una forma rápida y sencilla.

02:36

Ya que Angular 2 llegó a la versión RC5 vamos a ver como podemos actualizar nuestras aplicaciones de RC5 a la última versión.

04:07

La versión RC5 de Angular 2 añadió la posibilidad de crear módulos. Vamos a ver que son y como los podemos crear

Como crear un Módulo
05:35
02:32

En este video vamos a ver como empezar a programar en Angular 2 RC5 utilizando una plantilla vinculada en esta clase. Simplemente nos va a dar la estructura necesaria para empezar a desarrollar.

Section 11: Aplicación completa en RC5
Introducción
01:06
Instalar dependencias
01:15
Crear componentes
01:49
Crear rutas
05:31
Crear vista principal - menú
03:54
Crear servicio
05:00
Actualizar empleados component a RC5
06:05
Crear empleados component
06:45
Crear formulario
01:36
Actualizar formulario
05:30
Añadir CSS a formularios
03:10
Mostrar errores en formulario
05:01
Section 12: Actualizar a RC6
Como actualizar a RC6
02:53
Section 13: Actualizar a la versión final
Actualizar a la versión final
04:02
Section 14: Como usar Angular 2 en un servidor de Producción
08:52

En este video vamos a aprender a desplegar una aplicación de Angular 2 en nuestro servidor de producción.

El archivo adjunto es el código del video (sin node_modules. Hay que correr npm install)

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jonathan Cifuentes, Ingeniero de Sistemas / Desarrollador Web

Ingeniero de Sistemas y desarrollador web con mas de 10 años de experiencia profesional en diferentes areas del campo web. Apasionado por nuevas tecnologías y siempre tratando de estar al día con nuevos lenguajes / plataformas / librerias.

He dado muchas clases en persona a programadores junior durante los últimos 5 años y se que algunas veces tendemos a complicar las cosas. Decidí comenzar a crear cursos en linea con la idea de hacer que otras personas aprendan a programar fácilmente.

Ready to start learning?
Take This Course