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 - Aprende Fácilmente

Aprende a desarrollar aplicaciones web de forma práctica y desde cero con Angular 2

Created byJonathan Cifuentes

Last updated 7/2017

Spanish

What you'll 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

Course content

17 sections • 91 lectures • 7h 46m total length

Introducción1:54
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.
Herramientas Necesarias2: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.

Tipos de Variables9:06
En TypeScript tenemos varios tipos de variables. En este video vamos a aprender cuales son estos tipos.
Clases4:28
En este video vamos a aprender como crear clases en TypeScript.
Constructores2:34
En este video vamos a hablar de que son los métodos constructores en TypeScript y como crearlos.
Plantillas de cadenas de texto2: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.
Herencia3: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.
Funciones Flecha5:38
Las funciones flecha son una nueva funcionalidad de ES6 y en este video vamos a aprender como usarlas.
Let3: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'.

Elementos de una Aplicación4:49
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.
Plantilla para Empezar a Programar en Angular 20:30
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.
Primera Aplicación6:53
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.
Instalar dependencias8:12
Crear Componente3: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.
Usar Componente5:36
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.
Plantillas5:43
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.

Pasar información a un Componente8:03
En este video vamos a aprender como pasarle información a un componente utilizando la opción Input.
La propiedad Output6:32
Plantillas Externas1: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.

ngIf4: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.
ngFor3: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.
ngSwitch4: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.
Pipes5: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.
Pipes personalizados5:37
En este video vamos a aprender como crear nuestros propios pipes para usarlos en nuestras aplicaciones.
ngClass2: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.

Crear Formulario - Formularios Implícitos5:12
Conectar formulario4:03
Ver Información en el componente3:57
Mostrar Errores6:33
Mostrar varios errores10:36
Mostrar valores por defecto3:35
Enlace de datos doble3:14
Desactivar botón de envio2:32
Formularios Explícitos1:16
Crear formulario en código3:41
Conectar el formulario al HTML4:17
Validación sencilla5:59
Mostar errores5:59
Validación personalizada4:51
Validación asincrona8:18

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 this course is for:

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

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

What you'll learn

Explore related topics

Course content

Introducción2 lectures • 4min

TypeScript7 lectures • 32min

Introducción a Angular 27 lectures • 35min

Enlace de Datos5 lectures • 18min

Pasar información a componentes3 lectures • 17min

Directivas y Pipes6 lectures • 26min

Inyección de dependencias y Servicios2 lectures • 9min

Formularios15 lectures • 1hr 14min

Enrutamiento5 lectures • 31min

Llamados HTTP7 lectures • 49min

Requirements

Description

Who this course is for: