JavaScript Moderno Guía Definitiva Construye +15 Proyectos
4.6 (5,205 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
47,819 students enrolled

JavaScript Moderno Guía Definitiva Construye +15 Proyectos

Aprende el lenguaje de programación web más popular paso a paso Con Proyectos, inc. Electron React MongoDB Node Express
4.6 (5,205 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
47,819 students enrolled
Last updated 11/2019
Spanish
Spanish [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 31.5 hours on-demand video
  • 43 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Aprenderás a consumir distintas REST APIS con JSON y Fetch API + Async / Await, uno de los temas más importantes como desarrollador JavaScript
  • JavaScript es el lenguaje más buscado por los empleadores hoy en día
  • Aprenderás Lo básico del lenguaje así como conceptos más avanzados
  • Aprenderás programación orientada a objetos con Classes (ES6) y Prototypes (ES5)
  • Aprenderás conceptos nuevos en ES6 como Template Literals, arrow functions, generadores, iteradores, promises, async / await, fetch api y mucho mas
  • Aprenderas programación Asincrona con Promises, Callbacks y Async Await
  • Construiremos una gran cantidad de proyectos, consumiendo REST API's y otros con código puro de JavaScript
  • Agregar interacción a tus aplicaciones y páginas web
Course content
Expand all 338 lectures 31:34:22
+ Introducción al Curso
4 lectures 37:56

En este video veremos todos los proyectos que haremos en este curso :)

Preview 19:07

El curso se divide en fundamentos y proyectos

Preview 04:59

Veamos la introducción al curso

Introducción al Curso
04:23

En este curso utilizaremos Visual Studio Code, es el mejor Editor para JavaScript, además de instalar algunos paquetes que serán muy útiles

Instalando Visual Studio Code y otras herramientas necesarias
09:27
+ Fundamentos de JavaScript
38 lectures 04:21:56

Vamos a comenzar con nuestro código de JavaScript

Primeros Pasos con JavaScript
03:14

Veamos un ejemplo muy sencillo de lo que puedes lograr con JavaScript si vienes de HTML y CSS

Tu primer programa en JavaScript
04:28

Conocer la consola de Chrome es una de las partes más importantes que debes conocer como desarrollador de JavaScript, veamos como utilizarla

La Consola de Chrome (Pt 1 de 2)
07:01

Continuamos conociendo más sobre la consola de Chrome

La Consola de Chrome (Pt 2 de 2)
05:00

Var ya esta practicamente obsoleto, pero veamos como crear variables con el, unicamente usaremos var en este video y en el de SCOPE

Creando Variables con var
06:42

let y const son las nuevas formas de crear variables, veamos sus diferencias

creando variables con let y const
03:58

Veamos algo más sobre las variables en JavaScript

Más sobre crear variables
07:26

Veamos como crear cadenas de texto y algunos métodos en JavaScript

Strings o Cadenas de Texto y sus métodos en JavaScript
04:19

Veamos la segunda parte de los métodos para las cadenas de texto

Strings o Cadenas de Texto y sus métodos en JavaScript Pt 2
04:53

Veamos lo básico de los numeros y operaciones en JavaScript

Números en JavaScript y Operaciones Pt 1
04:11

Continuamos con los números y sus operaciones en javascript

Números en JavaScript y Operaciones Pt 2
09:55

Veamos los tipos de datos en JavaScript, este tema será muy importante a lo largo del curso

Tipos de Dato en JavaScript
09:52

Cuando quieras comparar números o cadenas de texto, es donde usaras los operadores de comparación

Operadores de Comparación en JavaScript
09:40

Cuando lees datos de un formulario y son numeros, vienen como strings, lo ideal es convertirlos a numeros, veamos como hacerlo

Convertir Strings a Numeros en JavaScript
06:20

Vamos a finalizar de ver la parte de convertir strings a numeros

Convertir Strings a Numeros en JavaScript Pt 2
06:27

En este video veremos el proceso contrario, convertir de número a string

Convertir de un Número a string
06:52

Veamos los template literals o string literals, una de las grandes mejoras en JavaScript

Template Literals o String Template
06:57

Veamos que son los arreglos y sus métodos en JavaScript

Arreglos en JavaScript y sus métodos parte 1
07:05

Continuamos aprendiendo más sobre arreglos y sus métodos

Arreglos en JavaScript y sus métodos parte 2
05:30

Último video de uno de los temas más importantes en JavaScript, Arreglos

Arreglos en JavaScript y sus métodos parte 3
04:28

Veamos como usar la variable const en arreglos y objetos

La variable const en objetos y arreglos
02:52

En este video veremos como crear Objetos en JavaScript

Objetos en JavaScript
09:12

Un arreglo puede contener Objetos dentro, veamos como hacerlo

Creando Arreglos de Objetos
08:42

JavaScript cuenta con miles de funciones predefinidas, sin embargo muchas veces tendrás que escribir tus propias funciones, veamos como hacerlo

Funciones en JavaScript Pt 1
06:10

Continuamos aprendiendo más sobre funciones en JavaScript

Funciones en JavaScript Pt 2
07:36

Veamos lo último sobre funciones en JavaScript

Más tipos de funciones en JavaScript
06:31

Try Catch va a prevenir de que nuestro código deje de funcionar, pero más importante, va a permitirnos saber que error ocurre.

Manejando los errores con Try Catch
04:27

Veamos como crear fechas en JavaScript

Fechas en JavaScript
08:23

Vamos a aprender lo que es if, else y else if

Estructuras de Control, IF ELSE ELSEIF
06:57

Continuamos aprendiendo uno de los temas más importantes en JS

Estructuras de Control, IF ELSE ELSEIF Parte 2
06:31

Vamos a finalizar nuestro ejemplo de JavaScript con IF, ELSE y ELSE IF

Estructuras de Control, IF ELSE ELSEIF Parte 3
06:07

Veamos lo que son los Switches en JavaScript

Switch en JavaScript
06:43

Veamos lo que son las estructuras iterativas, for, while y Do While

Iteraciones - For Loop
10:16

En este video veremos la diferencia entre while y do while

Iteraciones - While y Do While Loop
06:39

Veamos las últimas adiciones a las estructuras iterativas en JavaScript, incluye forEach, Map e Iteradores

forEach, Map e Iteradores
09:17

JavaScript ya cuenta con una serie de Iteradores incluidos, veamos cuales son para recorrer objetos, arreglos, maps y sets

Iteradores en JavaScript ya incluidos
10:41

En este video veremos lo que es es Window Object

Window Object
13:25

Uno de los temas más importantes y confusos es el Scope, veamos un ejemplo

Scope en JavaScript
07:09
+ DOM, Window y Scripting
11 lectures 01:27:58

Veamos que es el DOM

Que es el DOM
03:52

El concepto más importante para todo desarrollador JavaScript es saber manipular el DOM, veamos en este capitulo como hacerlo

Primeros pasos con DOM y Scripting
13:53

Veamos como seleccionar elementos y aplicarles algo de dom scripting

Seleccionando elementos y aplicandole propiedades
07:43

Veamos funciones para seleccionar un solo elemento en javascript

Seleccionando un elemento en JavaScript
09:19

Si quieres seleccionar múltiples elementos, hay otras funciones para hacerlo, veamos cuales son

Seleccionando múltiples elementos en JavaScript
10:35

Continuamos viendo funciones para seleccionar múltiples elementos

Seleccionando múltiples elementos en JavaScript Pt 2
05:32

Traversing no es más que otra que saber que funciones utilizar para ir entre nodos en tu HTML, ir de un elemento a otro, de padre a hijo o de hijo a padre son parte del Traversing

Traversing en JavaScript
09:45

Continuamos viendo más sobre Traversing

Traversing en JavaScript del Padre al hijo Parte 2
07:16

JavaScript puede crear elementos por si mismo, veamos como hacerlo

Creando Elementos con JavaScript
03:49

Veamos como reemplazar un elemento anterior por uno nuevo

Reemplazando elementos con JavaScript
06:14

En JavaScript también puedes quitar y agregar clases o ids, además de otros atributos

Agregando y quitando clases y otros atributos
10:00
+ Event Listeners en JavaScript
5 lectures 39:24

Veamos como hacer que nuestro código espere a que algo ocurra con Event Listeners

Event Listener Click
11:54

Veamos otros eventos con el mouse además de click

Otros Eventos con el mouse
06:49

Los Inputs tienen sus eventos especificos también, veamos cuales son

Eventos para los Inputs
07:29

En este video veremos lo que es el Event Bubbling y como prevenirlo (en caso de que lo necesites)

Que es el Event Bubbling?
05:07

Delegation es la mejor forma de prevenir el Event Bubbling, además de que si agregas elementos al vuelo (On the fly) es la mejor forma de leer esos nuevos elementos

Delegation en JavaScript
08:05
+ Local Storage en JavaScript
1 lecture 05:09

Veamos que es local Storage

Agregando, leyendo, borrando y limpiando el LocalStorage
05:09
+ PROYECTO: Local Storage desde un Textarea
6 lectures 42:22

Vamos a comenzar este proyecto de almacenar mensajes de un textarea en localstorage

Iniciando el Proyecto
08:58

Delegation nos permitirá que los elementos que se van agregando les podamos dar click, así que veamos como hacerlo

Aplicando Delegation a los tweets agregados
05:50

En este video almacenaremos los tweets a local storage

Almacenando Tweets en Local Storage
10:07

Cuando la página carga por primera vez, queremos mostrar los tweets que ya están guardados veamos como hacerlo

Cargando los tweets de Local Storage
04:54

En este video veremos como eliminar elementos de Local Storage

Eliminando elementos del Local Storage
10:42
+ PROYECTO: Carrito de Compras
8 lectures 47:31

Veamos el Proyecto Final del carrito de compras

Preview 02:58

Vamos a Comenzar este proyecto que nos permitirá tener un mayor conocimiento del Dom Scripting

Comenzando el Proyecto
07:29

Veamos como agregar los cursos seleccionados al carrito

Agregando en el carrito los cursos seleccionados
09:02

En este video eliminaremos los cursos seleccionados del carrito

Eliminando el curso seleccionado del carrito
04:34

En este video agregaremos la función para presionar un botón y se borre todo el carrito

Vaciando el carrito con un botón
04:12

Ya con las funciones de agregar / listar / eliminar los cursos, veamos como hacerlo con Local Storage

Almacenando Cursos en Local Storage
06:24

En este video mostraremos los cursos almacenados en Local Storage

Imprimiendo los cursos de Local Storage al cargar la página
03:36

Finalmente, veamos como eliminar cursos de Local Storage

Eliminando Cursos de Local Storage
09:16
+ PROYECTO: Simular Envío de Emails
4 lectures 29:59

Veamos el proyecto final de este capitulo

Preview 02:58

Vamos a comenzar este proyecto

Comenzando el Proyecto
04:49

Veamos como validar que los campos no estén vacios

Validando que los campos no estén vacios
11:27

En este video mostraremos como mostrar un spinner que simule la carga y un gif de enviado

Imprimiendo el Spinner y el GIF de enviado
10:45
+ Objetos, Constructores y This
5 lectures 42:22

Veamos como crear Objetos en JavaScript, los Objetos son el corazón de JavaScript y uno de sus temas más importantes

Creando Objetos
11:37

En JavaScript cada primitivo tiene su versión en Objetos, veamos como usarlos

Otros Objetos y Constructores
08:34

Los Prototypes eran la forma anterior de crear programación orientada a objetos, pero aún así es un tema bastante importante, veamos como usarlos

Prototypes en JavaScript
11:57

Veamos como heredar un prototype de un objeto a otro

Heredar Prototypes a otro Objeto
06:52

Hay otra función aunque menos común para crear Objetos y es Object Create

La función Object Create
03:22
+ Classes en ECMAScript 6
2 lectures 11:12

Veamos lo que son las classes, en ECMAScript 6 por fin tenemos classes con todas sus funciones como en otros lenguajes

Creando una Clase
06:07

Veamos como aplicar herencia de una clase a otra en JavaScript

Herencia en Classes con JavaScript
05:05
Requirements
  • Un Editor de Texto, instalaremos Visual Studio Code
  • Un Navegador, yo recomiendo Chrome
  • Internet, ya que los videos solo pueden verse en la App de Udemy o con Internet
  • Si sabes HTML y CSS y quieres añadir interacción a tus sitios web, JavaScript es la forma de hacerlo
Description

Aprende el lenguaje más popular! JavaScript!

El curso incluye ES6, ES7, ES8, ES9 y ES10

También el curso incluye webpack, node.js, express, mongodb, react, electron y mucho más!

En este curso aprenderás JavaScript desde los fundamentos hasta temas más avanzados como Prototypes, Delegation, Classes, Ajax, Promises, Generadores, Orientado a Objetos, Fetch API, Async Await, Async JS, Objetos, así como consumir REST APIs entre muchos más.

Si estos temas no son de tu conocimiento, estas en el curso adecuado para aprenderlos!

La mejor forma de aprender es desarrollando algo, en este curso crearemos bastantes proyectos que te llevaran desde el nivel básico hasta avanzado!

Los Proyectos desarrollados incluyen:

  • Formulario para guardar a Local Storage

  • Cotizador de Seguros de Auto

  • Simulador de Envio de Emails

  • Generador de Nombres desde una REST API

  • Cotizador de Criptomonedas desde una REST API ( Más de 100 incluidas)

  • Eventos en tu ciudad con Event Brite y REST API

  • Carrito de Compras con Local Storage

  • Gasto Semanal 

  • Agenda de Pacientes de Veterinaria

  • Buscador de Letras de Canciones

  • Mostrar Establecimientos con Mapas (Leaflet) desde una API Externa

  • Buscador y Filtro de Automoviles con Higher Order Functions

  • Cotizador de Prestamos con Intereses a pagar (Desarrollado en React)

  • Sitio web para una Agencia de Viajes (Desarrollado con NodeJS y Sequelize)

  • FullStack JavaScript con React, Express, MongoDB, Node y Electron

Todos los proyectos utilizan técnicas distintas, por lo cual te servirán para conocer distintas formas de realizar estos proyectos.

LOS PROYECTOS ESTÁN HABILITADOS PARA VERSE DE FORMA GRATUITA

JavaScript es el lenguaje más popular para web hoy en día, y puede utilizarse en el cliente o Servidor, en este curso aprenderás todo lo necesario y es una excelente introducción si quieres aprender librerías nuevas como VueJS, React, Angular o NodeJS


Who this course is for:
  • Cualquier persona que quiera aprender JavaScript, el lenguaje más popular en los últimos años
  • Si buscas un curso de JavaScript sin Frameworks ni jQuery, este curso es el indicado
  • Si quieres aprender las últimas adiciones de ECMAScript estas en el curso adecuado
  • Si eres nuevo programando, hay un capitulo de Fundamentos donde aprenderás lo básico del lenguaje