ECMAScript 6: Avanza tu conocimiento de JavaScript
4.6 (128 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.
533 students enrolled
Wishlisted Wishlist

Please confirm that you want to add ECMAScript 6: Avanza tu conocimiento de JavaScript to your Wishlist.

Add to Wishlist

ECMAScript 6: Avanza tu conocimiento de JavaScript

Continua tu evolución en JavaScript al estándar ES6 y aprende todo lo que esta nueva entrega tiene para ti.
4.6 (128 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.
533 students enrolled
Created by Fernando Herrera
Last updated 1/2017
Spanish
Curiosity Sale
Current price: $10 Original price: $40 Discount: 75% off
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Comprender y aplicar las nuevas funciones que tiene ECMAScript 6
  • Tener una base sólida para entrar en nuevos Frameworks basados en JavaScript
  • Entender el significado del por qué pasan las cosas en JavaScript
  • Tener un conocimiento avanzado de JavaScript
View Curriculum
Requirements
  • Deben de tener un conocimiento básico de JavaScript: variables, objetos, arreglos y funciones.
  • Este curso se enfoca en explicar las bondades del EcmaScript 6.
  • Si no sabes nada de JavaScript, te recomiendo que tomes mi otro curso: "JavaScript : de cero hasta los detalles"
  • Ganas de aprender y perseverancia.
Description

Are you looking for a course to teach you from the basics to the details of ECMAScript 6?

You are in the right place then, this course aims to hold your hand from your knowledge of ES5 (The standard of JavaScript) and take you to the next level , explaining you not only how to do things in SS6, but show rodeos that They made to solve problems in earlier versions of JavaScript.

This course will help you understand much of what happens in new frameworks that are taking much popularity and strength as React and Angle 2 , without you serve for everything that is based on JavaScript ( typescript, Babel, Node, ionic ... )

This course also aims, be your audio visual hand for when you need to refresh your memory on SS6, with examples, videos and exams.

Take your time watching the videos that are enabled for free , here learn writing code and not making "Copy and Paste" , all code is written and your own will.

To take this course, you must have a basic knowledge of JavaScript, you need to know which are the objects, arrays, variables, functions and basic cycles. But if you're looking to learn JavaScript from scratch, this is not the course you want, but I would recommend you take an introductory JavaScript before.

JavaScript has improved considerably, and it is no time to stay with what we know, technology is advancing rapidly and we must take advantage of everything new that will help us become better developers!

Without further ado, are welcome to this course "ECMAScript 6: Advance your knowledge of JS to level 6"

 

Who is the target audience?
  • Personas que desean trabajar con TypeScript, Angular2, ionic 2 o cualquier otro framework que utilice JavaScript.
  • Personas que desean profundizar en su conocimiento en JavaScript.
  • Todos aquellos que desean tener una base sólida en el ES6.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
66 Lectures
05:11:41
+
Empezar aquí
2 Lectures 04:58

Este curso es para ti? Este video te dará la pauta que necesitas antes de entrar.

Preview 01:47

Son simples consideraciones, pero debes saberlas antes de comenzar.

Preview 03:11
+
Cómo funcionan las declaraciones y las uniones (binding)?
5 Lectures 22:33

Nueva forma de declaración, el primer paso a ECMAScript 6

Preview 07:08

ECMAScript 6, brinda formas de controlar la declaración de las variables de varias maneras.

Preview 03:11

Ahora se pueden declarar constantes de esta manera.

Declaración de constantes
04:22

Quizá uno de los usos más esperados por muchos desarrolladores.

Declaraciones de variables en ciclos
02:14

Una notable mejoría en la interpretación del código en el ES6.

Preview 05:38

Examen de la sección

Examen #1 - Introducción al ES6
8 questions
+
Nuevos métodos con cadenas de caracteres - Strings
5 Lectures 28:07

Tres nuevas funciones para evitar el uso excesivo del indexOf()

startsWith - endsWith - includes

Segmentos de caracteres - startsWith - endsWith - includes
05:26

Esto nos ahorra mucho trabajo cuando necesitamos rellenar de caracteres un string.

Repeticiones de strings - Repeat
04:41

Nuevas formas de solucionar las concatenaciones y los strings multilinea

Preview 08:49

Más poder para nuestros strings

Templates con tags
06:41

Formas de evaluar strings en su totalidad antes de ser evaluados.

Usando valores "raw" (crudos) en templates literales
02:30

Examen de la sección.

Examen #2
8 questions
+
Funciones en ECMAScript 6
7 Lectures 37:02

Esto es algo que muchos venían solicitando durante mucho tiempo.

Preview 09:47

Es importante saber esto, principalmente si usamos "arguments" en nuestras funciones.

Cómo los valores por defecto afectan el objeto "arguments"
02:14

ECMAScript 6, incorpora metodos y formas para ayudarnos a comprender cuando las funciones pueden recibir parámetros sin nombre o bien múltiples argumentos.

Preview 07:37

Es importante conocer estas dos condiciones.

Restricciones del parámetro REST
01:32

Muy de la mano de los operadores REST.

El operador "Spread"
03:56

Aclarando sus usos y la diferencia, ya que parecen iguales.

Diferencias entre el "Spread" y el "Rest"
04:32

Sabemos que hay constructores y llamados... una función en JavaScript puede hacer ambos.. pero como lo podemos diferenciar bien?

Hay algo nuevo en ECMAScript 6, que nos ayudará en esto ( "new.target" )

Aclarando el doble comportamiento de las funciones
07:24

Funciones en ECMAScript 6

Examen #3
10 questions
+
Funciones de Flecha - Arrow Functions ( => )
6 Lectures 29:53

Una de las características mas interesantes del ES6.

Es importante saber que puede hacer y que no!

Preview 02:58

Muy bonita la teoría, vamos a la práctica!

Preview 08:16

También conocidas como funciones de invocación inmediata. 

Creando funciones anónimas
02:48

Las funciones de flechas, no afectan el contexto que tenga el "this" al momento de ser ejecutadas.

No hay cambios en el objeto "this"
08:24

Estas funciones son ideales para el buen procesamiento de arreglos!

Funciones de Flecha y Arreglos
02:20

typeOf

instanceOf

Identificando funciones de flecha y otros ejemplos
05:07

Reforzando los conocimientos del capitulo.

Examen #4
10 questions
+
Adiciones a los Objetos
6 Lectures 27:34

Tal vez en cualquier programa que contenga JavaScript, hay objetos literales definidos, y el ES6 añade nuevas funcionalidades interesantes.

Extensiones de objetos literales
03:28

ES6 mejora la sintaxis para asignar métodos a objetos literales.

Métodos concisos
01:25

Ahora podemos calcular o utilizar variables para nombrar los pares de nuestros objetos literales.

Nombres de propiedades computadas o procesadas
05:39

Una manera muy segura de comprobar si un objeto es igual a otro.

Nuevo método: Object.is()
05:03

Un método para dar las propiedades y métodos de un objeto a otro de manera simple.

Nuevo método: Object.assign()
06:47

Anteriormente, esto quedaba a discreción del proveedor, ahora en ES6, tiene un orden definido.

Orden de enumeración de las propiedades de los objetos
05:12

Reforzando los conocimientos adquiridos

Examen #5
10 questions
+
Prototipos más poderosos y Destructuración
8 Lectures 45:10

ES6, puede cambiar la interpretacion de un prototipo con Object.setPrototypeOf(), que permite cambiarlo de cualquier objeto inicial.

Cambiar el prototipo de un objeto
05:04

Como se había mencionado, los prototipos son muy importantes para JavaScript, y en ES6 se hace más simple hacer llamados a los mismos.

Acceso al prototipo con la referencia "SUPER"
04:14

Una forma muy útil de obtener los valores de los objetos.

Preview 09:33

Hay formas de obtener y renombrar las variables cuando estructuramos objetos.

Destructuración de objetos anidados
06:14

Formas rápidas de extraer la información de los arreglos.

Destructuración de arreglos
04:55

De igual manera que la destructuración anidada, pero podemos realizar cosas interesantes con el operador rest.

Destructuración de arreglos anidados.
04:56

Gracias a los parámetros por defecto, podemos realizar esto.

Valores por defecto en la destructuración
03:33

Esta nueva característica es bastante importante para crear funciones más explícitas y limpias. 

Destructuración de parámetros
06:41

Reforzando los conocimientos.

Examen #6
10 questions
+
Símbolos - Symbols
5 Lectures 24:10

Un nuevo tipo de variable primitiva entra a ES6

Preview 04:32

Un nuevo tipo de valor primitivo introducido en el ES6

Símbolos y propiedades
06:26

Puedes utilizarlos en cualquier lugar donde necesites propiedades compartidas.

Compartiendo símbolos - Symbol.for() y Symbol.keyFor()
05:12

Los símbolos son algo inflexibles en este aspecto.

Coerción de los símbolos
03:38

Object.keys() y Object.getOwnPropertyNames() pueden obtener todas las propiedades y nombres de un objeto, pero que pasa con los símbolos?

Recuperando las propiedades símbolo.
04:22

Reforzando lo aprendido.

Examen #7
10 questions
+
Sets
6 Lectures 17:39

Una pequeña introducción para comprender el concepto.

Introducción - Set
01:50

Así podemos manejar, agregar y buscar elementos e un set de datos.

Creando sets - agregando items y buscando elementos.
05:30

Ejemplo de remover valores de los sets

Removiendo valores
02:10

Un mecanismo de barrer todo el set.

forEach() - en los Sets
02:02

Puede ser que necesario destruir el set para convertirlo en un arreglo.

Convertir un Set en Array
04:13

Esta es una adición en el ES6 que puede llegar a ser de mucho interés cuando tenemos programas de alto estrés en memoria del cliente.

WeakSets
01:54

Reforzando los conocimientos aprendidos.

Examen #8
10 questions
+
Maps
5 Lectures 24:38

Entremos en materia hablando de este tipo de objeto.

Introducción a los Maps
00:53

  • has(key) - Determina si existe la llave en el map.
  • delete(key) - Remueve la llave y el valor asociado en el mapa.
  • clear() - Vacía completamente el mapa. (llaves y valores)
Mapas y sus métodos
06:07

Muy lógico cuando te pones a pensarlo.

Inicializaciones de los mapas
03:08

Funciona de una forma similar al forEach de los sets y de los arreglos.

forEach() De los mapas
03:58

Un ciclo muy práctico y útil. 

Nuevo ciclo - FOR-OF
10:32

Reforzando los conocimientos aprendidos.

Examen #9
10 questions
3 More Sections
About the Instructor
Fernando Herrera
4.7 Average rating
6,198 Reviews
21,710 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.