JavaScript 2020: Curso desde Principiante hasta Profesional
4.3 (839 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.
24,649 students enrolled

JavaScript 2020: Curso desde Principiante hasta Profesional

JavaScript Moderno 2019 para principiantes, aprende los fundamentos, POO, Ajax, ES6+, WebPack y Ejemplos de aplicación.
4.3 (852 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.
24,649 students enrolled
Created by Grover Vásquez
Last updated 2/2020
Spanish
Spanish [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
13 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 14.5 hours on-demand video
  • 15 articles
  • 11 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
  • Empezar desde los más básico hasta lo avanzado en el desarrollo con JavaScript
  • Comprender todos los fundamentos de JavaScript: variables, condicionales, funciones, arreglos, objetos, etc.
  • Estructurar un proyecto de desarrollo con JavaScript.
  • Crear aplicaciones utilizando ES5 y ES6+.
  • Aprender todo lo nuevo que trae consigo ES6.
  • Conocer el desarrollo moderno de JavaScript para el 2019.
  • Node, NPM, Webpack y Babel.
  • Aprender y aplicar las mejores prácticas.
Course content
Expand all 160 lectures 14:19:30
+ Introducción al curso de JavaScript.
8 lectures 32:39

Bienvenida del instructor al curso de Javascript.

Preview 01:31

Consideraciones generales para realizar preguntas en nuestro curso de JavaScript.

¿Cómo hacer preguntas?
00:33

Damos a conocer el editor de código que vamos a utilizar en el curso.

El editor de código.
04:57

Indicamos que además de un editor necesitamos un navegador web y un complemento llamado Node.js para ejecutar código JavaScript.

Preview 04:06

Explicamos como utilizamos Node JS para ejecutar nuestro código JavaScript en la terminal.

Preview 02:33

Explicamos como tener instalado Node JS en Windows para poder ejecutar archivos javascript en la terminal.

Ejecutar JavaScript en la terminal Windows.
04:49

Explicamos algo breve sobre como conocer la plataforma de Udemy para llevar el curso de la mejor manera.

Cómo realizar el curso
05:08
+ Fundamentos de Programación en JavaScript
18 lectures 01:05:45

Introducción a la sección de fundamentos de JavaScript

Preview 00:49

Antes de empezar a aprender a programar en JavaScript, debemos conocer que es es te Lenguaje, una breve introducción de conceptos sobre JavaScript.

Preview 05:55
Notas sobre JavaScript
00:40

Lección donde explicamos las variables, su definición y los tipos de datos en JavaScript.

Preview 09:24

En esta lección vamos a ver algunas reglas al considerar al momento de definir variables en JavaScript.

Reglas en el uso de variables.
04:17

En esta lección hablamos sobre cómo incorporar comentarios a nuestro código.

Preview 03:23

Conversión de tipos en JavaScript.

Conversión de variables.
05:35
Mutación de variables.
02:44

JavaScript - Operadores Aritméticos

Operadores matemáticos
07:52

Ahora vemos el manejo de operadores Lógicos con JavaScript.

Operadores Lógicos
04:58

Uso del Operador typeof en JavaScript.

Operador typeof
03:36

Operadores unarios de incremento y decremento en JavaScript.

Operadores de incremento y decremento
05:28

Revisamos los operadores de asignación en JavaScript.

Operadores de asignación
04:09

Enlace a información sobre el manejo de operadores.

Conoce más sobre los Operadores en JavaScript
00:08
Ejercicio de codificación 1
01:01
Solución al ejercicio de codificación 1
05:00
La consola
00:41
Código de la sección de Fundamentos.
00:04
+ HTML5 y CSS3
4 lectures 17:51

Temrario de la sección de HTML5 y CSS3.

Preview 00:48

Breve introducción a la estructura de un documento HTML5.

Estructura de una página HTML5
05:43

Etiquetas en HTML.

Etiquetas
06:51

Hacemos una breve introducción a CSS.

CSS
04:29
+ JavaScript - Sentencias y bucles
12 lectures 01:00:49

Temario de la sección de sentencias en JavaScript.

Preview 00:43

Ahora vamos a revisar como funciona la instrucción if/else

Preview 07:36

Sentencias condicionales con JavaScript y el uso de If anidados.

Preview 08:23

Aprendemos el uso del operador ternario, que nos permite hacer un if/else en una sola línea.

Operador ternario
04:30

Aprendemos el uso de la sentencia Switch.

Sentencia Switch
05:13

Explicamos como funciona la sentencia for, una de las más utilizadas cuando se trabaja con bucles.

Sentencia for
06:40

Explicamos la sentencia while de JavaScript.

Sentencia while
04:01

Explicamos el funcionamiento de la sentencia do.. while de javascript.

Sentencia do..while
03:55

Vamos a ver cuando un valor es considerado verdadero y cuando falso, sobre todo cuando hacemos comparaciones en JavaScript.

Valores verdaderos y falsos
08:20

Ejercicio de codificación sobre sentencias.

Ejercicio de codificación 2
01:27

Realizamos la solución al ejercicio planteado.

Solución al ejercicio de codificación 2
09:58
Código de la sección
00:03
+ Funciones en JavaScript
15 lectures 59:50

Temario de la sección de Funciones en JavaScript.

Preview 00:48

Aprendemos a crear nuestra primera función en JavaScript.

Creando nuestra primera función
05:08

Revisamos como se pasan argumentos o parámetros a las funciones en Javascript.

Argumentos en las funciones
05:58

Hacemos un ejemplo de uso de una función, que convierte grados Fahrenheit a grados Celsius.

Ejemplo: función convierte Fahrenheit a Celsius
03:29

Hacemos otro ejemplo, en donde hacemos una sencilla función para calcular la edad de una persona.

Ejemplo: función calcular edad
04:27

Ejercicio de codificación sobre el manejo de funciones.

Ejercicio de codificación 3
01:15

Le damos solución al Ejercicio 3.

Solución al ejercicio de codificación 3
06:31

Vemos otra sintanxis de como definir componentes, y es la sintaxis más utilizada en la actualidad por el nuevo EcmaScript.

Funciones como expresiones
03:19

Vemos el resultado de utilizar argumentos undefined en nuestras funciones.

Argumentos no definidos (undefined)
02:39

Vemos que es lo que pasa cuando utilizamos argumentos nulos en nuestras funciones.

Argumentos Nulos (Nulls)
03:27

Vemos como tener argumentos con valores por defecto dentro de una función en JavaScript.

Argumentos por defecto
05:53

Revisamos sobre el uso de plantillar strings o de cadenas.

Plantillas de textos (Template strings)
05:19

Planteamos el ejercicio 4.

Ejercicio de codificación 4
01:47

Resolvemos el ejercicio 4.

Solución ejercicios codificación 4
09:47

Descarga el código de esta sección - Funciones en JavaScript.

Código de la sección
00:03
+ JavaScript - Arreglos y Objetos
8 lectures 42:29

Temario de la sección de arreglos y objetos en Javascript.

Preview 01:03

Empezamos con una breve explicación sobre que son los Arreglos.

¿Qué es un Arreglo?
04:18

Aprendemos como declarar arreglos, cómo utilizarlo, y el manejo de los índices.

Declaración de arreglos en JavaScript
08:03

Explicamos las operaciones básicas para el manejo de arreglos con JavaScript.

Operaciones con arreglos.
10:05

Explicamos como un arreglo puede tener elementos de diferentes tipos.

Arreglos con datos de diferentes tipos
03:03

Vemos la definición de un objeto de forma literal.

Creando objetos de forma literal
06:30

Vemos la definición de objetos, utilizando la sintaxis Object.

Creando objetos con la sintaxis Object
03:08

Explicamos el uso de métodos en un objeto JavaScript.

Objetos y métodos
06:19
+ JavaScript - Manipulación del DOM
16 lectures 01:58:23

Temario sobre la Manipulación del DOM con Javascript.

Preview 00:57

Explicamos que es el Modelo de Objetos del Documento, en este caso de un documento HTML, también llamado DOM.

¿Qué es el DOM?
05:19

Creamos el proyecto para el manejo del DOM.

Creando el Proyecto
04:52

Una vista rápida a lo que es el DOM de nuestro documento utilizando JavaScript.

Examinando el DOM
08:32

Empezamos la manipulación del DOM utilizando los métodos getElemetById, getElementsByClassName, getElementsByTagName.

Obtener elementos por id, por tag y por clase.
12:37

Hacemos consultas a nuestro DOM por medio de los selectores que utilizamos en CSS.

Consulta por selectores
14:18

Vemos la selección y manipulación de elementos padres en nuestro DOM.

Elementos y nodos padres
06:23

Vemos la selección y manipulación de elementos y nodos hijos en nuestro DOM.

Elementos y nodos hijos
05:02

Selección de elementos hermanos de nuestro DOM.

Elementos y nodos hermanos
03:27

Ahora vamos a crear elementos en nuestro DOM utilizando JavaScript.

Crear elementos y nodos
09:35

Cambiamos el diseño de nuestro sitio para ya empezar a hacer que todo funcione.

Eventos
09:32

Utilizamos lo aprendido para manipular los elementos de una lista con JavaScript.

Cambiando el diseño de nuestro sitio
07:09

Ahora empezamos a manipular el DOM de nuestro sitio, ponemos en práctica lo aprendido.

Agregar elementos a una lista y evento submit
11:46

Creamos la función para eliminar los elementos de la lista.

Eliminar elementos a una lista
08:33

Finalmente aplicamos un algoritmo para realizar una búsqueda en una lista.

Buscar elementos en una lista
10:17

Adjuntamos el código JavaScript explicado en todas las lecciones de esta sección.

Código final de la sección
00:04
+ JavaScript Moderno ES6, ES7... (ES2015/ES2016...)
14 lectures 01:25:49

Repasamos la historia de JavaScript.

Historia de JavaScript y cuál versión utilizar.
07:20

Revisamos las nuevas características que nos trae ES6 y versiones superiores.

Lo nuevo en ES6 / ES2015
04:07

Ahora vemos la nueva forma de declarar variables en JavaScript, utilizando Let y Const, asi como su uso sencillo del mismo.

Variables con Let y Const
07:40

Hablamos un poco sobre los bloques en JavaScript, y el alcance de las variables en ES6.

Bloque y alcance de las variables
05:28

Revisamos nuevamente lo que es el manejo de plantillas de cadenas, pero ahora utilizando métodos en su uso.

Plantilla de cadena avanzada
06:14

Aprendemos el uso de nuevas funciones para el manejo de cadenas que nos trae ES6.

Nuevos métodos para cadenas
05:56

Una de las mejores significativas a partir de ES6 son las funciones flecha, hacmeos una breve introducción a su uso.

Funciones flecha - parte 1
10:48

Seguimos con el concepto en práctica de las funciones flecha.

Funciones flecha - parte 2
08:58

Otro concepto que aparece en las nuevas versiones de JavaScript es la destructuración, y en está lección te explicamos sobre ello.

Destructuración o Destrucción
07:21

Para que quede aún mas claro el concepto de la destructuración, que mejor que aplicarlo en un ejemplo real de uso.

Ejemplo Destructuración
04:49

Revisamos otra nueva estructura de datos que trar JavaScript en sus nuevas versiones, y como es utilizada, nos referimos a los mapas.

Maps
09:45

Vemos un nuevo operador que nos trae ES6, llamado spread operator.

Operador de propagación (spread operator)
05:53
Todo el código de la sección
00:05
+ JavaScript Moderno - Objetos
11 lectures 01:04:20

Temario de la sección de Javascript moderno - Objetos.

Preview 00:39

Empezamos con el manejo de objetos en JavaScript, explicando lo básico.

Objetos - Lo básico
09:38

Hacemos un pequeño ejercicios para entender aún mas sobre los objetos en JavaScript.

Ejercicio de codificación Objetos
03:47

Ejemplo de como utilizar los objetos en llamdas a funciones, como argumentos, y con devolución de objetos.

Usando objetos con funciones
08:14
Referencia a los objetos
09:47

Ahora ingresamos a otros concepto de la POO en JavaScript, el uso de métodos en los objetos.

Métodos
04:14

Explicamos el uso de this en los objetos.

Uso de this
04:20

Revisamos el objeto cadena o String que es uno de los objetos propios del lenguaje.

Objetos String
10:24

Explicacmos como realizar el proceso de destructuración con Objetos.

Destructuración de objetos - parte 1
08:25

Segunda parte destructuación de objetos.

Destructuración de objetos - parte 2
04:48
Código de la sección
00:04
+ JavaScript Moderno - Clases
8 lectures 40:46

Temario de la sección de Clases con Javascript Moderno - ES6+.

Preview 00:35

Una breve introducción a la Programación Orientada a Objetos en JavaScript.

Programación Orientada a Objetos
03:34

Empezamos una nueva sección, en donde ahora vamos a complementar lo visto en la sección anterior, objetos pero utilizando Clases.

Clases, sintaxis y constructores
08:39

Segunda parte sobre las sintaxis de clases en JavaScript.

Clases, Sintaxis y Constructores - parte 2
05:27

Herencia en JavaScript, para ello nos vamos a valer del uso de subclases.

Subclases - parte 1
07:08

Seguimos viendo el manejo de subclases.

Subclases - parte 2
03:50

Revisamos el maneo de set y get en una clase, como parte de la programación orientada a objetos.

Getter y Setter
11:29
Código de la sección
00:04
Requirements
  • No es necesario tener experiencia en JavaScript, empezamos desde cero.
  • Conceptos básicos de HTML5 y CSS, pero muy básico, no es necesario ser expertos.
  • Una computadora con Windows, Linux o MacOS, y un editor de código que lo vemos como instalar en el curso.
  • Muchas ganas de aprender.
Description

JavaScript es el lenguaje de programación más popular del mundo y crece más rápido que cualquier otro lenguaje de programación. Como desarrollador, puedes utilizar JavaScript para crear aplicaciones web y móviles, aplicaciones de redes en tiempo real, herramientas de línea de comandos y juegos.

Este curso está orientado a personas que aún no conocen JavaScript o en todo caso estan empezando con este Lenguaje de Programación, vamos paso a paso desde los fundamentos hasta temas más avanzados, y con ejercicios de aplicación para entender mejor el lenguaje y el desarrollo de su lógica.

El curso está orientado a que aprendas a programar desde cero utilizando JavaScript como lenguaje de programación, si eres principiante, ven conmigo a este viaje en donde tenemos como objetivo el aprendizaje asegurado del lenguaje JavaScript, en el camino encontrarás lecciones explicadas con detalle.

En el curso de forma general vemos los siguientes temas:

  • ¿Qué es JavaScript? y sus fundamentos.

  • Variables, tipos de datos, y todo el manejo de ello.

  • Sentencias condicionales, repetitivas, funciones, objetos y arreglos.

  • Programación Orientada a Objetos.

  • Contextos de ejecución, alcance, el objeto this y más.

  • Interacción con una página web, manipulación del DOM, cambiar elementos de una página y sus eventos.

  • Ejercicios de aplicación para entender los conceptos tratados.

  • Versiones modernas de JavaScript, las nuevas características de ES6+.

  • Manejo de fechas y horas con JavaScript.

  • JavaScript Asíncrono: CallBacks, Promesas, Async/Await, llamadas AJAX y APIs.

  • Node.js, para empezar a crear nuestro propio servidor web de desarrollo y utilizar otras herramientas.

  • Muchos temas más.

NO SE NECESITA CONOCIMIENTO PREVIO

No necesitas conocer JavaScript para tomar este curso. Aprenderás todo desde cero, paso a paso. Una familiaridad muy básica con HTML será útil pero no es necesaria.

¿ESTÁS LISTO PARA HACER EL PRIMER PASO HACIA SER UN DESARROLLADOR WEB?

Deje de perder su tiempo en tutoriales desconectados o cursos súper largos. Inscríbete en el curso para empezar, con explicaciones directas al grano que garantizán tu aprendizaje. Con una garantía de devolución de dinero de 30 días, ¿Qué tienes que perder?, nos vemos dentro.

Who this course is for:
  • Personas que desean aprender uno de los Lenguajes de Programación más populares del mundo.
  • Personas que quieran aprender a crear aplicaciones reales utilizando JavaScript.
  • Personas que nunca han programado y quieran aprender a programar desde cero, utilizando JavaScript.
  • Personas que luego quieran aprender alguna librería o Framework como jQuery, Angular, React o VueJS.