Introducción1:20
Aquí comenzará nuestro camino
¿Cómo funcionará el curso?2:49
Una introducción general del curso
¿Cómo realizar preguntas?5:26
Unos tips para que podamos responderte en el menor tiempo posible
Instalaciones necesarias7:12
Las instalaciones que necesitaremos en el curso
¡Únete a Nuestra Comunidad de DevTalles en Discord!0:18

Introducción a la sección2:28
Un resumen puntual de lo que veremos a continuación
Temas puntuales de la sección0:17
Resumen de los temas que veremos a continuación
JavaScript y su historia4:44
Una breve introducción a la historia y qué es
Usos de JavaScript4:17
Un breve resumen de los principales usos de JavaScript
Hola Mundo13:52
Diferentes formas de correr un Hola Mundo en JavaScript
Introducción a variables y comentarios12:47
Aquí comenzaremos con las variables y comentarios
Introducción a la consola10:10
Aquí aprenderemos un par de tips muy útiles para depurar y ver las variables en consola
Depuración y breakpoints10:23
Aquí veremos sobre la depuración y breakpoints
Orden y lugar de las importaciones9:42
Es importante que sepamos cuál es la importancia de colocar correctamente los archivos de JavaScript
Principal problema con la inicialización de variables con Var7:25
Por esto es que JavaScritp en su versión ES6, decidió crear un nuevo tipo de inicialización de variables
Prompt, confirm y alert10:49
Estas son formas típicas de obtener información del usuario
Código fuente de la sección0:08
Pueden descargar aquí el código fuente de la sección por si lo llegan a necesitar

Introducción a la sección2:13
Una breve introducción de lo que veremos a continuación
Temas puntuales de la sección0:12
Un resumen puntual de los temas que aquí veremos
Tipos de datos primitivos3:40
Estos son los tipos de variables básicas
Introducción general a los tipos primitivos11:25
Aquí empezaremos a trabajar con los tipos primitivos con ejemplos
Palabras reservadas y nombre de variables13:41
Palabras reservadas en JavaScript, básicamente son nombres para variables que no podemos usar
Arreglos12:56
Los arreglos son una colección de datos que tienen algo en común
Más detalles sobre los arreglos15:45
Aquí trabajaremos más a detalle con los arreglos
Objetos literales12:36
Un concepto fundamental en JavaScript son los objetos literales y objetos en general
Más detalles sobre los objetos literales10:11
Más información sobre los Objectos
Funciones básicas y de flecha11:45
Aquí vamos a aprender varias formas de definir funciones en JavaScript
Retorno de las funciones11:19
Aquí hablaremos sobre el valor que retornan las funciones
Pro tip: Funciones, argumentos y desestructuración de objetos15:38
Nuestro primer pro tip, que está hecho con el objetivo de enseñarles tips muy útiles sobre interioridades del lenguaje
Código fuente de la sección0:11
Código fuente de la sección

Introducción a la sección2:26
Un breve resumen de los temas que veremos en la sección
Temas puntuales de la sección0:14
Un resumen puntual de los temas que cubriremos en la sección
Valor, referencia y romper la referencia13:20
Este es un tema que a muchas personas les cuesta, y es el pasar por valor, referencia y cómo romper la referencia
If y Else11:35
Aquí aprenderemos a tomar decisiones y reaccionar en base a ellas
Laboratorio - Alternativa al if else7:22
Un pequeño laboratorio para reforzar el conocimiento adquirido
Lógica booleana10:38
Pro tip: Asignaciones con operadores7:11
Operador condicional ternario12:26
El operador ternario es sumamente útil cuando queremos trabajar con asignaciones
Pro tip: Otros usos del operador ternario8:26
Aquí les enseñare un par de usos interesantes del operador ternario
Switch4:53
Aquí aprenderemos otra estructura de control muy útil
While y Do While10:14
Aquí vamos a trabajar con dos estructuras cíclicas
For - For in - For of8:16
Aquí aprenderemos 3 sabores del ciclo for
Código fuente de la sección0:09
Aquí les dejo el código fuente de la sección

Introducción a la sección1:46
Un resumen de lo que veremos en esta sección
Temas puntuales de la sección0:22
Un resumen puntual de lo que veremos a continuación
Demostración de la sección - Blackjack1:40
Inicio de proyecto - Blackjack6:07
Aquí vamos a empezar nuestro camino con el juego del Blackjack en JavaScript
Nota de actualización0:17
Estilo y estructura de nuestro juego11:42
Aquí vamos a comenzar a trabajar creando el estilo y la estructura que necesitaremos para nuestro juego
Crear baraja de cartas14:39
Aquí comenzaremos nuestra lógica con la baraja de cartas
Pedir carta7:21
Aquí vamos a trabajar con la función para solicitar una carta de la baraja
Valor de cada carta12:58
Aquí vamos a trabajar extrayendo el valor de cada carta
Introducción al DOM y su manipulación15:26
Aquí vamos a aprender a realizar manipulaciones en el DOM y sobre todo, ¿Qué es el DOM?
Manipulación del DOM - Segunda parte7:45
Aquí continuaremos un poco con la manipulación del DOM
Evento click - Pedir carta8:49
Crear cartas en el HTML7:36
Aquí vamos a crear nuestras cartas en el HTML que correspondan a la carta que acabamos de obtener
Turno de la computadora14:00
Aquí vamos a desarrollar la lógica de nuestra computadora, que es el rival que tenemos
Nuevo juego y mensaje de victoria10:58
Aquí vamos a realizar un par de cosas adicionales, poder empezar el juego de nuevo y mostrar un mensaje de victoria o derrota
Código fuente de la sección0:19
Aquí les dejo el código fuente de la sección

Introducción a la sección1:24
Un breve resumen de la sección
Temas puntuales de la sección0:11
Un listado puntual de los temas de la sección
Problemática del código de Blackjack7:02
Aquí les explicaré la problemática del código de Blackjack
Patrón módulo6:25
Aquí vamos a trabajar añadiendo el patrón módulo
Optimizaciones - Primera parte10:16
Aquí vamos a trabajar mejorando nuestro código de Blackjack
Optimizaciones - Segunda parte11:36
Continuaremos con las optimizaciones de nuestro juego de cartas
Optimizaciones - Tercera parte11:14
Aquí terminamos la parte de refactorizar nuestro código
Detalle pendiente sobre los puntos del jugador2:06
Pequeño detalle que dejé por fuera
Código fuente del juego de Blackjack0:07
Aquí les dejo el código fuente del juego de blackjack
Code Minify6:18
Aquí aprenderemos una lección importante sobre cómo crear versiones de nuestro código listas para producción

Introducción a la sección3:55
Un resumen puntual de los temas de la sección
Temas puntuales de la sección0:12
Un listado de los temas que veremos en la sección
Problemática y necesidad de clases13:02
Aquí veremos la necesidad de las clases en JavaScript
Clases básicas en JavaScript9:45
Aquí comenzaremos con la sintaxis general para el manejo de clases en JavaScript
Métodos en las clases4:32
Aquí vamos a trabajar creando métodos que nos sirvan para ejecutarse dentro de la clase
Sets y Gets9:54
Aquí trabajaremos conformas controladas de establecer y recuperar propiedades
Propiedades, gets y métodos estáticos10:01
Aquí aprenderemos sobre propiedades, gets y métodos estáticos, es decir, que no necesitamos instanciar la clase para poder utilizarlos
Extends - Clases con SubClases9:04
Aquí vamos a empezar a trabajar con subclases
Propiedades privadas6:20
Esta es una característica nueva de JavaScript que aún no está implementada en todos los navegadores web, pero para allá vamos
Singleton en JavaScript9:28
Aquí aprenderemos a crear un singleton
Protip: Multiples constructores8:29
Aquí aprenderemos a crear múltiples constructores para nuestras clases
Código fuente de la sección0:18
Aquí les dejo el código fuente de la sección por si la llegaran a necesitar

Introducción a la sección2:00
Temas puntuales de la sección0:12
Introducción - Bundlers y Herramientas18:32
Inicio de proyecto - Vite - Node9:32
Ejecutar y explicar el proyecto8:49
Build y Despliegue en la nube12:32
Trabajar con Vite - Blackjack10:28
Desplegar Blackjack5:32
Refactorización de código10:25
Crear Deck - Módulos por defecto e individuales8:53
Mejorar la documentación JSDoc Comments9:58
Tarea - Refactorizar pedirCarta5:33
Archivos de Barril2:14
Refactorizar - Turno de la computadora9:28
Refactorizar - Crear Carta7:24
Código fuente de la sección0:04

Introducción a la sección1:17
Temas puntuales de la sección0:07
Inicio de proyecto - TodoApp5:07
Construir el HTML de nuestra aplicación9:43
Store - Concepto y ejecución11:14
UUID - Identificador único3:10
Métodos que ocuparemos del Store6:48
Implementar métodos del store8:41
toggleTodo - Cambiar estado4:28
Renderizar listado de Todos11:38
Validaciones y optimizaciones7:38
Crear un nuevo todo6:44
Toggle Todos6:44
Eliminar un Todo4:20
LocalStorage12:03
Borrar todos los TODOs completados6:19
Cambiar filtro - Visualmente9:07
Mostrar la cantidad de TODOs pendientes11:47
Desplegar en Netlify2:23
Código fuente de la sección0:05

Cerințe

Conocimiento de programación básica es recomendado
Pueden seguir el curso en Windows, OSX, Linux
Tener derechos de administrador para instalaciones
Saber sobre programación básica ayudará mucho

Descriere

Bienvenido al curso de JavaScript moderno. El objetivo principal del curso es enseñarte JavaScript actual, empezando de cero conocimiento en JavaScript hasta llevarte a un nivel avanzado y competitivo en el mercado laboral actual. Este curso te ayudará a entrar fácilmente a frameworks basados en este lenguaje de programación y ayudarte a mejorar tus habilidades actuales en JavaScript.

Este es un listado de algunos de los temas que tocamos en el curso:

Bases de JavaScript
Tipos de datos
Objetos
Operadores
Ciclos
ESNext
Clases
Propiedades privadas
Node
Npm
Instalación de paquetes en proyectos de JavaScript
Promesas
Callbacks
CRUD
Modals manuales
Carga de archivos
Fetch
Funciones generadoras
Vite
Mappers
JSDocs y documentación de funciones
VSCode con tipos de datos en JavaScript
Manipulación del DOM
Más...

Al terminar este curso tendrás un base sólida de JavaScript que te permita trabajar de forma independiente en JavaScript sin frameworks, pero a la vez abrirte todas las puertas para trabajar con frameworks y librerías como Angular, Vue, React, Express y más.

Aprender JavaScript hoy en día es una necesidad de cualquier desarrollador Front-End que inclusive puede expandirse al Back-End y desarrollo móvil. JavaScript es uno de los lenguajes más demandados en la industria y saberlo utilizar es fundamental para ser competitivo en el mercado laboral, y este curso tiene por objetivo darte lo que necesitas para mantenerte al día en este lenguaje.

Al finalizar el curso, no sólo contarás con la base sólida que necesitas para cualquier tecnología basada en JavaScript, sino que también comprenderás a profundidad fundamentos y técnicas muy útiles que te ayudarán a ser eficiente en tu trabajo.

Cui se adresează acest curs:

Personas que quieran aprender JavaScript desde lo básico hasta avanzado
Personas que quieran mejorar su habilidad de JavaScript
Personas que quieran implementar nuevas características de JavaScript

JavaScript Moderno: Guía para dominar el lenguaje

Ce vei învăța

Explorează subiecte asociate

Conținutul cursului

Introducción5 lecții • 17 min.

Introducción a JavaScript y la consola12 lecții • 1 h 27 min.

Fundamentos de JavaScript, primitivos, arreglos, objetos y funciones básicas13 lecții • 2 h 2 min.

Ciclos y estructuras de control13 lecții • 1 h 37 min.

Laboratorio 1 - Blackjack16 lecții • 2 h 2 min.

Patrón módulo y optimizaciones10 lecții • 57 min.

Clases en JavaScript y ESNext private properties12 lecții • 1 h 25 min.

Módulos y Vite16 lecții • 2 h 2 min.

Git - Github y GitHub Pages8 lecții • 38 min.

Laboratorio - Vite Lista de tareas20 lecții • 2 h 9 min.

Cerințe

Descriere

Cui se adresează acest curs: