TypeScript: tu completa guía y manual de mano.
4.8 (157 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.
573 students enrolled
Wishlisted Wishlist

Please confirm that you want to add TypeScript: tu completa guía y manual de mano. to your Wishlist.

Add to Wishlist

TypeScript: tu completa guía y manual de mano.

La base sólida de TypeScript que estás buscando.
4.8 (157 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.
573 students enrolled
Created by Fernando Herrera
Last updated 4/2017
Spanish
Current price: $10 Original price: $60 Discount: 83% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6.5 hours on-demand video
  • 21 Articles
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Tener una base sólida de TypeScript.
  • Tener la confianza de saber usar TypeScript en tus proyectos web.
  • Saber utilizar TypeScript para mejorar la manera de programar en la web.
  • Tener el conocimiento para utilizar importadores de módulos.
  • Crear programas con una única importación de un sólo archivo de JavaScript.
  • No cometer errores en jQuery, utilizando TypeScript.
View Curriculum
Requirements
  • Conocimiento básico de JavaScript: variables, ciclos y funciones.
  • Conocimiento básico de programación estructurada es recomendado.
  • Ganas de aprender un nuevo lenguaje basado en tipos.
  • Posibilidad de instalar programas como administrador en su equipo.
Description

TypeScript es uno de los lenguajes de programación web que debes de aprender ya que esta tomando mucha fuerza en el mundo. Es utilizado como base para crear aplicaciones y frameworks completos, ya que sin él, los códigos de programación web estarían plagados de errores que son muy difíciles de detectar ya que JavaScript es un lenguaje de programación dinámico que permite muchas cosas que no debería de hacer.

Muchas veces damos por hecho que la programación en JavaScript es difícil de depurar, ya que los errores y problemas se nos presentan hasta que estamos ejecutando el código en el navegador web o en nuestra aplicación.

Con TypeScript es posible alcanzar excelentes prácticas de programación a la cual ya estas acostumbrado en otros lenguajes como Java, C#, C++, VB.NET, entre otros; También te permite crear código que es fácil de comprender por otros programadores ya que cada instrucción por si sola, es bien explicativa.

TypeScript es soportado por Microsoft, y muchas empresas grandes lo utilizan para crear aplicaciones y frameworks sólidos y con la menor cantidad de posibles errores, y lo mejor de todo, es que permite tener una programación modular y muy rápida.

Al terminar este curso, tendras más que una base sólida de TypeScript, saldrás con ganas de utilizarlo en cualquier proyecto web que tenga que escribir lineas de JavaScript. Este curso es completo y actualizado, adicionalmente se pasa actualizando con los nuevos cambios que TypeScript vaya realizando.

Te invito a que observes el programa de estudios de este curso y decidas por ti mismo si deseas aprender conmigo y otros estudiantes este increíble lenguaje de programación que es más usado cada día y tu puedes estar listo hoy mismo!.


Who is the target audience?
  • Personas que deseen aprender TypeScript.
  • Cualquier persona que desee mejorar su código de JavaScript usando TypeScript.
  • Personas interesadas en entrar al framework de Angular2 o cualquier framework que use TypeScript.
  • Personas que quieran saber como utilizar TypeScript con otras librerías que no están escritas en este lenguaje.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
122 Lectures
06:33:22
+
Introducción a TypeScript
8 Lectures 31:16

Una explicación del ¿Por qué? y ¿Para qué? nos puede servir TypeScript

Preview 17:00

Así estaremos preparados para todo lo que viene y aprenderemos.

Preview 01:30

Como el curso es práctico y puede ser que no todo el curso este lo suficientemente claro, estas son buenas prácticas para formular preguntas que generen una respuesta definitiva y más rápida de mi parte o de la comunidad de estudiantes.

Preview 00:28

Lo que viene a continuación.

¿Qué veremos en esta sección?
00:08

Herramientas e instalaciones necesarias para poder trabajar a lo largo de este curso.

Preview 03:56

Probemos que todo este funcionando correctamente.

Preview 03:23

Una forma de auto detectar los cambios en los archivos.

Preview 02:04

Utilizar el plugin de Atom, para la compilación o traducción de nuestro código TypeScript a JavaScript

Preview 02:47
+
Tipos básicos
16 Lectures 39:50

Lo que viene a continuación

¿Qué veremos en esta sección?
00:08

Aquí veremos ¿Qué son los tipos? y ¿Cómo usarlos?

Introducción a los tipos de datos
02:26

Documentación oficial sobre los tipos de las variables.

Más información sobre los tipos de datos
00:09

True or False

Booleans - Booleanos
04:23

Como en JavaScript, todos los apuntan a valores flotantes, pero adicionalmente TypeScript soporta también binarios y optares.

Numbers - Números
02:22

Textos o variables que son cadenas de caracteres... 

Preview 04:39

Significa, cualquier tipo.

Preview 02:43

Grupos de objetos almacenados en un sólo lugar.

Preview 03:29

Son arreglos controlados y estáticos.

Tuples - Tuplas
02:27

Son números con un mayor sentido lógico.

Emun - Enumeraciones
04:11

Void, es lo opuesto al any, es la ausencia de un valor.

Void - Vacío
02:23

Representa un tipo de valor que nunca puede ocurrir.

Nuevo en el TypeScript 2.0

Never - Nunca
01:39

Es una forma de decirle a TypeScript... "Oye, yo se lo que estoy haciendo, confía en mi"

Aserciones de tipo
01:58

En TypeScript, null y undefined tienen su propio tipo.

Null y Undefined
02:55

Seamos lo más explícitos posible en cuanto a los tipos de datos.

Preview 00:05

Una posible solución al ejercicio anterior.

Resolución del Ejercicio #1
03:52

Vamos a afianzar conocimientos.

Exámen teórico #1
10 questions
+
Funciones y objetos
9 Lectures 25:52

Lo que viene a continuación

¿Qué veremos en esta sección?
00:12

Las funciones son fundamentales bloques de código que nos permiten realizar abstracción, ocultar información y repetir procesos.

Recordemos que todo el código de JavaScript es totalmente válido en TypeScript.

Funciones básicas
02:21

En los parámetros podemos ser explícitos también.

Parámetros obligatorios de las funciones
02:20

Parámetros opcionales a nuestras funciones.

Parámetros opcionales de las funciones.
03:11

Si no enviamos un valor, entonces JavaScript, por defecto, le coloca el undefined.

Parámetros por defecto
05:12

Funciones el ES2015 o ES6 están disponibles ahora mismo en TypeScript. Los parámetros REST, se usan cuando queremos trabajar con los parámetros como si fueran un arreglo. (Similar al 'arguments' en JavaScript)

Parametros REST
03:18

Las funciones son un tipo más de dato en TypeScript y se puede configurar.

Tipo Función
04:15

Hacer el siguiente código lo más explícito posible.

Ejercicio práctico #2
00:07

Una posible solución al ejercicio anterior.

Resolución del ejercicio práctico #2
04:56

Afianzando los conocimientos de la teoría.

Examen teórico #2
10 questions
+
Objetos y tipos personalizados en TypeScript
10 Lectures 21:25

Lo que contiene esta sección

¿Qué veremos en esta sección?
00:12

Esto es lo que pasa con el uso de los objetos en TypeScript.

Objetos básicos
02:49

Formas de controlar la creación desordenada de objetos en una forma comprensiva y entendible por otros desarrolladores o contribuyentes.

¿Cómo crear objetos con tipos específicos?
02:46

Parece complicado, pero una vez están metidos en el tema, se lee bastante fácil.

Métodos dentro de los objetos
01:33

Explicando el problema que podríamos tener en estos casos.

¿No creen que es un dolor de cabeza eso?
01:53

Es como crear un plano o instrucciones para crear otros objetos que cumplan condiciones especificas.

Tipos personalizados
02:42

Formas de permitir multiples tipos de datos y asegurarnos que nunca sea otro que no nos funcionaría en nuestro código.

Multiples tipos permitidos
01:49

Al igual que JavaScript, tenemos el typeof.

Revisar el tipo de un objeto o variable
02:06

Vamos a practicar todo lo de la sección.

Ejercicio práctico #3
00:09

Una posible solución al ejercicio anterior.

Resolución del ejercicio práctico #3
05:26

Vamos a repasar lo aprendido en la sección.

Examen teórico #3
10 questions
+
Depuración de Errores y el archivo tsconfig.json
9 Lectures 27:05

Un resumen de la sección

¿Qué veremos en esta sección?
00:24

¿Por qué se compila el archivo, si TypeScript marca algún error?

¿Por qué se compila aunque existe algún error?
01:42

¿Qué es el archivo tsconfig y para qué nos puede servir?
03:54

¿Cómo podemos depurar el código de TypeScript si el navegador web ejecuta JavaScript?

¿Es posible la depuración del código de TypeScript?
05:38

Es posible hacerlo sin utilizar un "task runner"

Remover los comentarios de los archivos de JavaScript
03:23

Es posible excluir archivos o carpetas para que el compilador no tome encuesta ciertos archivos pero otros si.

Incluir y excluir carpetas y/o archivos
03:05

Es posible fusionar todo y crear un único archivo de ser necesario.

outFile - Archivo de salida
04:42

Con esta opción podemos generar nuestra aplicación para que sea totalmente compatible con otras versiones de JavaScript 

Cambiar la version de JavaScript al momento de traducir - target
02:13

Con el comando --watch, podemos realizar esta funcionalidad.

Detectar cambios en archivos de forma automática
02:04
+
Características de ES6 o JavaScript2015 disponibles a través TypeScript
13 Lectures 49:47

Este es el resumen de la sección que están por aprender!

¿Qué veremos en esta sección?
00:22

Una breve descripción sobre algunas características disponibles del ES6 en TypeScript.

Introducción al tema
01:40

Controlar el ambito de la variable

Variables LET
05:34

Uso de constantes.

Constantes - const
03:48

Cadenas de caracteres con multilínea y reemplazo directo.

Preview 03:56

Nuevas características de las funciones en JavaScript

Funciones de Flecha
09:07

Un mecanismo para extraer datos de un objeto.

Destructuración de Objetos
03:23

Extracción de datos directamente de los arreglos.

Destructuración de Arreglos
01:56

Un ciclo que nos ahorra varias lineas de código.

Preview 04:06

Una suave introducción a las clases en general.

Introducción a las clases de la Programación Orientada a Objetos (POO)
07:52

Inclusión de las clases en ES6

Clases en ES6
05:22

Vamos a practicar todo lo aprendido en esta sección.

Ejercicio práctico #4
00:04

Una forma de solucionar el ejercicio.

Resolución del ejercicio práctico #4
02:36

Practicando lo visto en clase.

Examen teórico #4
10 questions
+
Clases en TypeScript
10 Lectures 44:19

A continuación aprenderemos

¿Qué veremos en esta sección?
00:17

Una forma muy similar al ES6, no?

Definición de una clase básica en TypeScript
02:39

Constructores y métodos para hacer más rápido el set de los datos desde el constructor. 

Constructores
04:16

Publicas = se pueden accesar desde fuera de la clase

Privadas = sólo se pueden accesar dentro de la misma clase

Protegidas = sólo se pueden acceder desde la clase misma y toda su herencia.

Propiedades publicas, privadas y protegidas
04:01

Públicos = se pueden accesar desde fuera de la clase.

Privados = sólo se pueden accesar dentro de la misma clase.

Protegidos = sólo se pueden acceder desde la clase misma y toda su herencia.

Métodos públicos, privados y protegidos
06:00

Formas de heredar propiedades y métodos a clases hijas.

Herencia, super y definición de propiedades en el constructor
09:02

Controles para controlar la forma en que se obtiene y se asigna un valor de una propiedad.

Gets y Sets
07:35

Son métodos que no necesitan inicializar o instancias con new la clase.

Métodos y propiedades estáticos
03:09

Son clases que solo sirven para ser heredadas y no instanciadas.

Clases Abstractas
02:45

Nuevo en TypeScript 2.0, forma de crear una única instancia de una clase.

Constructores privados
04:35
+
Interfaces
9 Lectures 23:41

A continuación viene:

¿Qué veremos en esta sección?
00:13

Explicando la problematica por la cual es necesario una interfaz.

¿Por qué es importante una interfaz?
03:02

Una interfaz es un contrato de cumplimiento.

Interfaz básica
03:35

Cuando el objeto puede tener o no la propiedad.

Propiedades opcionales
00:48

Formas en las que podemos definir de antemano el funcionamiento de los métodos.

Métodos en la interfaz
03:51

Es posible definir clases que implementen interfaces.

Interfaces en las clases
02:01

Contratos que se le pueden aplicar a las funciones.

Interfaces para las funciones
03:14

Procedamos a practicar lo aprendido en la sección.

Ejercicio práctico #5: Implementación de interfaces
00:04

Esto es una forma de resolver el problema.

Resolución del ejercicio práctico #5
06:53

Reforzando los conocimientos.

Examen teórico #5
10 questions
+
NameSpaces
6 Lectures 20:02

A continuación veremos:

¿Qué veremos en esta sección?
00:14

De aquí surge la necesidad de los módulos y los espacios reservados.

Explicando el problema y la necesidad
01:11

Podemos verlo como un objeto que contiene propiedades y métodos.

Creando un Namespace
06:37

Es buena practica separar la lógica en pequeños componentes, pero ¿qué pasa con los namespaces?

Multiples namespaces en un proyecto
07:14

Es posible anidarlos si es necesario, pero asegurémonos de no exagerarnos porque lo que buscamos es simplificar el trabajo, no complicarlo.

Adicionalmente podemos usar alias dentro del archivo donde usamos los namespaces anidados si deseamos un manejo más simple.

Importar namespaces
02:57

El problema es que nuestros archivos no son muy declarativos de lo que realmente necesitan.

Los problemas de los namespaces
01:49
+
Módulos
8 Lectures 28:56

A continuación aprenderemos

¿Qué veremos en esta sección?
00:19

SystemJS, se ha actualizado, y hay un pequeño cambio que tenemos que hacer.

Actualización de SystemJS
00:19

Sumamente útil cuando trabajamos con aplicaciones medianas a grandes.

Módulos
06:14

Suena complicado, pero realmente es bastante simple de utilizar.

Importador de módulos - Systemjs
02:02

Creando nuestro proyecto usando node, npm y systemjs

Preparando nuestro proyecto para importar módulos - Lite-Server
05:02

Instalar SystemJS para nuestro importador de módulos.

Instalando Systemjs
06:06

De esta manera trabajaremos con los módulos, pero...

Importando y exportando módulos - Alias y default
05:52

Una pequeña nota de mano.

Notas importantes usando Módulos.
03:02
4 More Sections
About the Instructor
Fernando Herrera
4.7 Average rating
6,139 Reviews
21,468 Students
12 Courses
Analista de Sistemas y Desarrollador Web

Soy un analista de sistemas de computo, con poco más de 17 años en el mundo del desarrollo de aplicaciones de todo tipo.

Me encanta programar, crear cosas que la gente use, enseñar, también soy maestro sustituto en una universidad en las clases de programación, soy autor de código en Envato Marketplace.

Aquí en Udemy, he tenido la increíble experiencia de poder enseñar a muchos alumnos, y espero seguir mejorando mis cursos y los temas con forme la actualidad vaya cambiando.