JavaScript Moderno Guia para dominar el lenguaje
PRECIO DE LANZAMIENTO

JavaScript Moderno Guia para dominar el lenguaje

4.65
(20)
| 410 Estudiantes |
Certificación internacional Acceso de por vida Acceso multiplataforma
USD 300.00 USD 50.00

Descripcion

Domina JavaScript moderno con este curso completo que cubre desde conceptos basicos hasta tecnicas avanzadas para el desarrollo web.

Lo que aprenderas:

  • Configurar backend y manejar store central de datos
  • Crear y actualizar usuarios con modales y tablas HTML
  • Trabajar con callbacks, promesas y async-await para manejo asincrono
  • Implementar clases, herencia y patrones como singleton en JavaScript
  • Utilizar funciones generadoras y optimizar promesas no secuenciales
  • Gestionar proyectos con Git y desplegar aplicaciones en GitHub Pages y Netlify

Contenido del Curso

Introduccion

Introduccion
Como funcionara el curso
Como realizar preguntas
Instalaciones necesarias

Introduccion a JavaScript y la consola

Introduccion a la seccion
JavaScript y su historia
Usos de JavaScript
Hola Mundo
Introduccion a variables y comentarios
Introduccion a la consola
Depuracion y breakpoints
Orden y lugar de las importaciones
Principal problema con la inicializacion de variables con Var
Prompt, confirm y alert

Fundamentos de JavaScript, primitivos, arreglos, objetos y funciones basicas

Introduccion a la seccion
Tipos de datos primitivos
Introduccion general a los tipos primitivos
Palabras reservadas y nombre de variables
Arreglos
Mas detalles sobre los arreglos
Objetos literales
Mas detalles sobre los objetos literales
Funciones basicas y de flecha
Retorno de las funciones
Pro tip Funciones, argumentos y desestructuracion de objetos

Ciclos y estructuras de control

Introduccion a la seccion
Valor, referencia y romper la referencia
If y Else
Laboratorio - Alternativa al if else
Logica 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

Laboratorio 1 - Blackjack

Introduccion a la seccion
Demostracion de la seccion - Blackjack
Inicio de proyecto - Blackjack
Estilo y estructura de nuestro juego
Crear baraja de cartas
Pedir carta
Valor de cada carta
Introduccion al DOM y su manipulacion
Manipulacion del DOM - Segunda parte
Evento click - Pedir carta
Crear cartas en el HTML
Turno de la computadora
Nuevo juego y mensaje de victoria

Patron modulo y optimizaciones

Introduccion a la seccion
Problematica del codigo de Blackjack
Patron modulo
Optimizaciones - Primera parte
Optimizaciones - Segunda parte
Optimizaciones - Tercera parte
Detalle pendiente sobre los puntos del jugador
Code Minify

Clases en JavaScript y ESNext private properties

Introduccion a la seccion
Problematica y necesidad de clases
Clases basicas en JavaScript
Metodos en las clases
Sets y Gets
Propiedades, gets y metodos estaticos
Extends - Clases con SubClases
Propiedades privadas
Singleton en JavaScript
Protip Multiples constructores

Modulos y Vite

Introduccion a la seccion
Introduccion - 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
Refactorizacion de codigo
Crear Deck - Modulos por defecto e individuales
Mejorar la documentacion JSDoc Comments
Tarea - Refactorizar pedirCarta
Archivos de Barril
Refactorizar - Turno de la computadora
Refactorizar - Crear Carta

Git - Github y GitHub Pages

Introduccion a la seccion
Continuacion de proyecto
Por que debo de saber Git
Configurar Git en nuestro equipo
Realizar nuevos cambios
Desplegar en GitHub Pages

Laboratorio - Vite Lista de tareas

Introduccion a la seccion
Inicio de proyecto - TodoApp
Construir el HTML de nuestra aplicacion
Store - Concepto y ejecucion
UUID - Identificador unico
Metodos que ocuparemos del Store
Implementar metodos 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

Callbacks, promesas y generadores

Introduccion a la seccion
Inicio de proyecto - Conceptos Avanzados
Variables de entorno
Componente rapido 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 asincronas
Async - Await
Errores en Async-Await
Optimizar promesas no secuenciales
For await y if await
Funciones generadoras
Ejemplo de funcion generadora
Funciones generadoras asincronas

Peticiones HTTP

Introduccion
Inicio de proyecto - Http App
PokemonApp - Componente principal
Postman - Peticion http
FetchAPI - Peticion http get
Simplificar codigo de la peticion
Mostrar informacion en pantalla
Listeners de botones
Cache - Mejorar experiencia de usuarios

CRUD - App - No Frameworks

Introduccion a la seccion
Preparacion de nuestro backend
Store central de nuestra informacion
Cargar usuarios
User Model y problemas relacionados
Mappers
Actualizar nuestro Store
Crear una tabla HTML con los usuarios
Botones - Next, Prev y pagina actual
Funcionalidad de los botones
Boton flotante
Crear modal manualmente
Comportamiento esperado del modal
Tomar la data del formulario
Caso de uso - Crear usuario
Crear usuario
Mapper - userModelToLocalhost
Cargar informacion del usuario al modal
Actualizar un usuario
Eliminar un usuario
Resumen de la seccion

ES Next

Introduccion a la seccion
Inicio de proyecto - EsNext
StructuredClone
Array With
Metodos to

Despedida del curso

Despedida del curso

Requisitos

  • Conocimientos basicos de programacion
  • Computadora con acceso a internet
  • Interes en desarrollo web con JavaScript

Reseñas generales

4.65 de 5

20 Puntuaciones

5 star
75%
4 star
15%
3 star
10%
2 star
0%
1 star
0%

Reseñas destacadas

M

Manuel Omar Aranibar Cordova

La forma en que explican las promesas y async-await facilito mucho mi comprension.

D

DIANA CELIS

Muy util para entender conceptos avanzados como closures y scope en JavaScript.

A

Anderson Uriel Bermúdez Garnica

Me gusto que se enfocaron en las novedades de ES6 y posteriores, aunque faltaron algunos ejemplos.

G

Gabriel Ignacio Vecchi

Los ejercicios sobre manipulacion del DOM me ayudaron a consolidar lo aprendido.

M

Miguel Venegas Yañez

Aprendi a usar correctamente destructuring y spread operator, algo que no dominaba bien antes.

C

Carolina Fuentes Marin

Perfecto para reforzar los conceptos de manejo de eventos y la programacion orientada a objetos en JS.

M

Mayra Garcia Coronel

El tema de modulos me parecio un poco rapido, me hubiera gustado mas profundidad.

C

Christian Capilla Rodriguez

Muy bueno el bloque sobre manejo de errores y uso de try-catch en funciones asincronas.

J

Juan Arturo Guzman Ochoa

Ahora entiendo mejor las diferencias entre var, let y const, y cuando usar cada uno.

W

Willy Hernan Soria Castañeda

Los ejemplos prácticos con fetch API fueron claros, aunque algunos podrian ser mas desafiantes.

C

Cristian ignacio herrera

Excelente explicacion de funciones de orden superior y callbacks, muy bien detallado.

S

Sofia Vargas Castro

Me ayudo a entender el contexto del this dentro de diferentes tipos de funciones.

D

daniel gomez perez

El curso cubrio bien los temas basicos, pero senti que faltaron ejemplos sobre testing en JS.

M

Marco Rioja Valle

Muy util la parte dedicada a entender el event loop y el modelo asincrono de JavaScript.

M

Maribel Paucara

Logre mejorar mis habilidades para manipular arrays con map, filter y reduce gracias a este curso.

D

Demo SAPTotal

El instructor explica los conceptos con ejemplos practicos, aunque la velocidad podria ser un poco mas lenta.

E

Elena Rojas Campos

Buena introduccion a las clases y herencia en JavaScript moderno, con ejemplos claros y aplicados.

S

Susana Merino

El conocimiento sobre template literals y tagged templates me ayudo a simplificar mis codigos.

L

Leonardo Larraguibel vivar

Ahora puedo crear aplicaciones mas limpias usando spread operator y rest parameters sin problemas.

M

María Valentina SOTO ALVAREZ

El apartado sobre promesas encadenadas y manejo de errores fue fundamental para mis proyectos actuales.

USD 300.00 USD 50.00

PARA MAS INFORMACION
INGRESA TUS DATOS

Completa tus datos solo si estas evaluando inscribirte en este programa.

Descargar brochure (PDF)
Parte de una ruta de especialización
Especialización en Desarrollo Web Full Stack Moderna
Inversion USD 50.00
Duracion21 Horas
EvaluacionSi
CertificadoSi
WebinarsSi
IdiomaEspañol
Aprobacion93%
USD 300.00 USD 50.00
Inscribirme ahora