JavaScript Moderno: Guía para dominar el lenguaje
Clases, Propiedades privadas, Vite, ESNext, Node, Npm, Hot Reaload, CRUD, Carga de archivos y más!
Lo que serás capaz de hacer
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.
- Aprender JavaScript y su sintaxis
- Conocer formas modernas de trabajar en JavaScript
- Uso de importaciones y sintaxis moderna de JavaScript
- Vite e importaciones de módulos
Temario
UNIDAD 1 - Introducción · 5 leccionesUNIDAD 1 - Introducción
UNIDAD 1 - Introducción
- Introducción
- ¿Cómo funcionará el curso?
- ¿Cómo realizar preguntas?
- Instalaciones necesarias
- ¡Únete a Nuestra Comunidad de DevTalles en Discord!
UNIDAD 2 - Introducción a JavaScript y la consola · 12 leccionesUNIDAD 2 - Introducción a JavaScript y la consola
UNIDAD 2 - Introducción a JavaScript y la consola
- Introducción a la sección
- Temas puntuales de la sección
- JavaScript y su historia
- Usos de JavaScript
- Hola Mundo
- Introducción a variables y comentarios
- Introducción a la consola
- Depuración y breakpoints
- Orden y lugar de las importaciones
- Principal problema con la inicialización de variables con Var
- Prompt, confirm y alert
- Código fuente de la sección
UNIDAD 3 - Fundamentos de JavaScript, primitivos, arreglos, objetos y funciones básicas · 13 leccionesUNIDAD 3 - Fundamentos de JavaScript, primitivos, arreglos, objetos y funciones básicas
UNIDAD 3 - Fundamentos de JavaScript, primitivos, arreglos, objetos y funciones básicas
- Introducción a la sección
- Temas puntuales de la sección
- Tipos de datos primitivos
- Introducción general a los tipos primitivos
- Palabras reservadas y nombre de variables
- Arreglos
- Más detalles sobre los arreglos
- Objetos literales
- Más detalles sobre los objetos literales
- Funciones básicas y de flecha
- Retorno de las funciones
- Pro tip: Funciones, argumentos y desestructuración de objetos
- Código fuente de la sección
UNIDAD 4 - Ciclos y estructuras de control · 13 leccionesUNIDAD 4 - Ciclos y estructuras de control
UNIDAD 4 - Ciclos y estructuras de control
- Introducción a la sección
- Temas puntuales de la sección
- Valor, referencia y romper la referencia
- If y Else
- Laboratorio - Alternativa al if else
- Lógica booleana
- Pro tip: Asignaciones con operadores
- Operador condicional ternario
- Pro tip: Otros usos del operador ternario
- Switch
- While y Do While
- For - For in - For of
- Código fuente de la sección
UNIDAD 5 - Laboratorio 1 - Blackjack · 16 leccionesUNIDAD 5 - Laboratorio 1 - Blackjack
UNIDAD 5 - Laboratorio 1 - Blackjack
- Introducción a la sección
- Temas puntuales de la sección
- Demostración de la sección - Blackjack
- Inicio de proyecto - Blackjack
- Nota de actualización
- Estilo y estructura de nuestro juego
- Crear baraja de cartas
- Pedir carta
- Valor de cada carta
- Introducción al DOM y su manipulación
- Manipulación del DOM - Segunda parte
- Evento click - Pedir carta
- Crear cartas en el HTML
- Turno de la computadora
- Nuevo juego y mensaje de victoria
- Código fuente de la sección
UNIDAD 6 - Patrón módulo y optimizaciones · 10 leccionesUNIDAD 6 - Patrón módulo y optimizaciones
UNIDAD 6 - Patrón módulo y optimizaciones
- Introducción a la sección
- Temas puntuales de la sección
- Problemática del código de Blackjack
- Patrón módulo
- Optimizaciones - Primera parte
- Optimizaciones - Segunda parte
- Optimizaciones - Tercera parte
- Detalle pendiente sobre los puntos del jugador
- Código fuente del juego de Blackjack
- Code Minify
UNIDAD 7 - Clases en JavaScript y ESNext private properties · 12 leccionesUNIDAD 7 - Clases en JavaScript y ESNext private properties
UNIDAD 7 - Clases en JavaScript y ESNext private properties
- Introducción a la sección
- Temas puntuales de la sección
- Problemática y necesidad de clases
- Clases básicas en JavaScript
- Métodos en las clases
- Sets y Gets
- Propiedades, gets y métodos estáticos
- Extends - Clases con SubClases
- Propiedades privadas
- Singleton en JavaScript
- Protip: Multiples constructores
- Código fuente de la sección
UNIDAD 8 - Módulos y Vite · 16 leccionesUNIDAD 8 - Módulos y Vite
UNIDAD 8 - Módulos y Vite
- Introducción a la sección
- Temas puntuales de la sección
- Introducción - Bundlers y Herramientas
- Inicio de proyecto - Vite - Node
- Ejecutar y explicar el proyecto
- Build y Despliegue en la nube
- Trabajar con Vite - Blackjack
- Desplegar Blackjack
- Refactorización de código
- Crear Deck - Módulos por defecto e individuales
- Mejorar la documentación JSDoc Comments
- Tarea - Refactorizar pedirCarta
- Archivos de Barril
- Refactorizar - Turno de la computadora
- Refactorizar - Crear Carta
- Código fuente de la sección
UNIDAD 9 - Git - Github y GitHub Pages · 8 leccionesUNIDAD 9 - Git - Github y GitHub Pages
UNIDAD 9 - Git - Github y GitHub Pages
- Introducción a la sección
- Temas puntuales de la sección
- Continuación de proyecto
- ¿Por qué debo de saber Git?
- Configurar Git en nuestro equipo
- Realizar nuevos cambios
- Desplegar en GitHub Pages
- 12 Comandos útiles que debes de saber
UNIDAD 10 - Laboratorio - Vite Lista de tareas · 20 leccionesUNIDAD 10 - Laboratorio - Vite Lista de tareas
UNIDAD 10 - Laboratorio - Vite Lista de tareas
- Introducción a la sección
- Temas puntuales de la sección
- Inicio de proyecto - TodoApp
- Construir el HTML de nuestra aplicación
- Store - Concepto y ejecución
- UUID - Identificador único
- Métodos que ocuparemos del Store
- Implementar métodos del store
- toggleTodo - Cambiar estado
- Renderizar listado de Todos
- Validaciones y optimizaciones
- Crear un nuevo todo
- Toggle Todos
- Eliminar un Todo
- LocalStorage
- Borrar todos los TODOs completados
- Cambiar filtro - Visualmente
- Mostrar la cantidad de TODOs pendientes
- Desplegar en Netlify
- Código fuente de la sección
UNIDAD 11 - Callbacks, promesas y generadores · 23 leccionesUNIDAD 11 - Callbacks, promesas y generadores
UNIDAD 11 - Callbacks, promesas y generadores
- Introducción a la sección
- Temas puntuales de la sección
- Inicio de proyecto - Conceptos Avanzados
- Variables de entorno
- Componente rápido para futuros ejercicios
- Callbacks
- Manejo de errores en los Callbacks
- Callback Hell
- Promesas
- Utilizar una promesa
- Promise Hell
- Promise - All
- Promise Race
- Async
- Manejo de errores en funciones asíncronas
- Async - Await
- Errores en Async-Await
- Optimizar promesas no secuenciales
- for await y if await
- Funciones generadoras
- Ejemplo de función generadora
- Funciones generadoras asíncronas
- Código fuente de la sección
UNIDAD 12 - Peticiones HTTP · 11 leccionesUNIDAD 12 - Peticiones HTTP
UNIDAD 12 - Peticiones HTTP
- Introducción
- Temas puntuales
- Inicio de proyecto - Http App
- PokemonApp - Componente principal
- Postman - Petición http
- FetchAPI - Petición http get
- Simplificar código de la petición
- Mostrar información en pantalla
- Listeners de botones
- Caché - Mejorar experiencia de usuarios
- Código fuente
UNIDAD 13 - CRUD - App - No Frameworks · 23 leccionesUNIDAD 13 - CRUD - App - No Frameworks
UNIDAD 13 - CRUD - App - No Frameworks
- Introducción a la sección
- Temas puntuales de la sección
- Preparación de nuestro backend
- Store central de nuestra información
- Cargar usuarios
- User Model y problemas relacionados
- Mappers
- Actualizar nuestro Store
- Crear una tabla HTML con los usuarios
- Botones - Next, Prev y página actual
- Funcionalidad de los botones
- Botón flotante
- Crear modal manualmente
- Comportamiento esperado del modal
- Tomar la data del formulario
- Caso de uso - Crear usuario
- Crear usuario
- Mapper - userModelToLocalhost
- Cargar información del usuario al modal
- Actualizar un usuario
- Eliminar un usuario
- Resumen de la sección
- Código fuente de la sección
UNIDAD 14 - ES Next · 6 leccionesUNIDAD 14 - ES Next
UNIDAD 14 - ES Next
- Introducción a la sección
- Inicio de proyecto - EsNext
- structuredClone
- Array With
- Métodos "to"
- Código fuente de la sección
UNIDAD 15 - Despedida del curso · 1 leccionesUNIDAD 15 - Despedida del curso
UNIDAD 15 - Despedida del curso
- Despedida del curso
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
15 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Fernando Herrera.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 15 unidades · 189 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Fernando Herrera; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
