Curso de Angular 2 en Español - Aprende Fácilmente
4.5 (231 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.
621 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Curso de Angular 2 en Español - Aprende Fácilmente to your Wishlist.

Add to Wishlist

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 (231 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.
621 students enrolled
Last updated 7/2017
Spanish
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 8 hours on-demand video
  • 1 Article
  • 26 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Conocimientos básicos de HTML
  • Conocimientos de Javascript
  • Conocimientos de CSS
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.

Who is the target audience?
  • Desarrolladores Web
  • Estudiantes de Sistemas
  • Personas que quieran aprender de una forma sencilla como usar Angular
Students Who Viewed This Course Also Viewed
Curriculum For This Course
91 Lectures
07:46:29
+
Introducción
2 Lectures 03:56

Bienvenido al curso de Angular 2 en español.

En este curso vamos a ver una introducción pequeña de TypeScript que es el lenguaje en el cual vamos a programar en el curso. 

Vamos a crear 2 aplicaciones en Angular 2. 

Una es una aplicación de 3 páginas que nos va a permitir poner en práctica lo que vamos aprendiendo como:

Componentes,
Directivas,
Módulos,
Enrutamientos,
Servicios,
Validación de formularios
y llamados HTTP

Y la segunda aplicación es un sistema para guardar nuestros contactos usando Firebase.

Preview 01:54

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.

Preview 02:02
+
TypeScript
7 Lectures 31:35

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

Preview 09:06

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

Clases
04:28

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

Constructores
02:34

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.

Plantillas de cadenas de texto
02:18

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.

Herencia
03:40

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

Funciones Flecha
05:38

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'.

Let
03:51
+
Introducción a Angular 2
7 Lectures 35:09

Los elementos mas comunes (pero no los unicos) de una aplicación de Angular 2 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.

Preview 04:49

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.

Preview 00:30

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.

Primera Aplicación
06:53

Instalar dependencias
08:12

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.

Crear Componente
03:26

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.

Usar Componente
05:36

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.

Plantillas
05:43
+
Enlace de Datos
5 Lectures 17:40
Introducción
02:44

Enlace de Datos de propiedad
05:21

Enlace de Datos de evento
02:23

Enlace de Datos doble
05:50

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: [( )] = ""

Enlace de Datos - fin
01:22
+
Pasar información a componentes
3 Lectures 16:31

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

Pasar información a un Componente
08:03

La propiedad Output
06:32

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.

Plantillas Externas
01:56
+
Directivas y Pipes
6 Lectures 25:50

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.

ngIf
04:32

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.

ngFor
03:02

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.

ngSwitch
04:44

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. 

Pipes
05:41

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

Pipes personalizados
05:37

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.

ngClass
02:14
+
Inyección de dependencias y Servicios
2 Lectures 09:15

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.

Inyección de Dependencias
04:03

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

Preview 05:12
+
Formularios
15 Lectures 01:14:03
Crear Formulario - Formularios Implícitos
05:12

Conectar formulario
04:03

Ver Información en el componente
03:57

Mostrar Errores
06:33

Mostrar varios errores
10:36

Mostrar valores por defecto
03:35

Enlace de datos doble
03:14

Desactivar botón de envio
02:32

Formularios Explícitos
01:16

Crear formulario en código
03:41

Conectar el formulario al HTML
04:17

Validación sencilla
05:59

Mostar errores
05:59

Validación personalizada
04:51

Validación asincrona
08:18
+
Enrutamiento
5 Lectures 30:39
Introducción
05:20

Preparar la Aplicación
07:55

Conectar las rutas
10:05

Mostrar el link activo
02:44

Navegación Programática
04:35
+
Llamados HTTP
7 Lectures 49:02
Crear Servicio
07:49

OnInit - Gancho de ciclo de vida
03:53

Pasar parametros en la ruta
07:55

Leer información
05:46

Llamado HTTP
09:37

Llamado HTTP 2
06:42

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

Llamado HTTP - POST con firebase
07:20
7 More Sections
About the Instructor
Jonathan Cifuentes
4.5 Average rating
651 Reviews
2,572 Students
5 Courses
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.