JavaScript Moderno - Fernando Herrera

JavaScript Moderno: Guía para dominar el lenguaje

Empezando de cero conocimiento en JavaScript, te llevaremos a un nivel avanzado y competitivo.

Adquirir Ahora Vista previa gratis

Contenido del curso

1. Introducción
  PRUEBA GRATIS
2. ¿Cómo funcionará el curso?
  PRUEBA GRATIS
3. ¿Cómo realizar preguntas?
  PRUEBA GRATIS
4. Instalaciones necesarias
  PRUEBA GRATIS
5. ¡Únete a Nuestra Comunidad de DevTalles en Discord!
1. Introducción a la sección
2. Temas puntuales de la sección
3. Tipos de datos primitivos
4. Introducción general a los tipos primitivos
5. Palabras reservadas y nombre de variables
6. Arreglos
7. Más detalles sobre los arreglos
8. Objetos literales
9. Más detalles sobre los objetos literales
10. Funciones básicas y de flecha
11. Retorno de las funciones
12. Pro tip: Funciones, argumentos y desestructuración de objetos
13. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Valor, referencia y romper la referencia
4. If y Else
5. Laboratorio - Alternativa al if else
6. Lógica booleana
7. Pro tip: Asignaciones con operadores
8. Operador condicional ternario
9. Pro tip: Otros usos del operador ternario
10. Switch
11. While y Do While
12. For - For in - For of
13. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Demostración de la sección - Blackjack
  PRUEBA GRATIS
4. Inicio de proyecto - Blackjack
5. Nota de actualización
6. Estilo y estructura de nuestro juego
7. Crear baraja de cartas
8. Pedir carta
9. Valor de cada carta
10. Introducción al DOM y su manipulación
11. Manipulación del DOM - Segunda parte
12. Evento click - Pedir carta
13. Crear cartas en el HTML
14. Turno de la computadora
15. Nuevo juego y mensaje de victoria
16. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Problemática del código de Blackjack
4. Patrón módulo
5. Optimizaciones - Primera parte
6. Optimizaciones - Segunda parte
7. Optimizaciones - Tercera parte
8. Detalle pendiente sobre los puntos del jugador
9. Código fuente del juego de Blackjack
10. Code Minify
1. Introducción a la sección
2. Temas puntuales de la sección
3. Problemática y necesidad de clases
4. Clases básicas en JavaScript
  PRUEBA GRATIS
5. Métodos en las clases
6. Sets y Gets
7. Propiedades, gets y métodos estáticos
8. Extends - Clases con SubClases
9. Propiedades privadas
10. Singleton en JavaScript
11. Protip: Multiples constructores
12. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Introducción - Bundlers y Herramientas
4. Inicio de proyecto - Vite - Node
5. Ejecutar y explicar el proyecto
6. Build y Despliegue en la nube
7. Trabajar con Vite - Blackjack
8. Desplegar Blackjack
9. Refactorización de código
10. Crear Deck - Módulos por defecto e individuales
11. Mejorar la documentación JSDoc Comments
12. Tarea - Refactorizar pedirCarta
13. Archivos de Barril
14. Refactorizar - Turno de la computadora
15. Refactorizar - Crear Carta
16. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Continuación de proyecto
4. ¿Por qué debo de saber Git?
5. Configurar Git en nuestro equipo
6. Realizar nuevos cambios
7. Desplegar en GitHub Pages
8. 12 Comandos útiles que debes de saber
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - TodoApp
4. Construir el HTML de nuestra aplicación
5. Store - Concepto y ejecución
6. UUID - Identificador único
7. Métodos que ocuparemos del Store
8. Implementar métodos del store
9. toggleTodo - Cambiar estado
10. Renderizar listado de Todos
11. Validaciones y optimizaciones
12. Crear un nuevo todo
13. Toggle Todos
14. Eliminar un Todo
15. LocalStorage
16. Borrar todos los TODOs completados
17. Cambiar filtro - Visualmente
18. Mostrar la cantidad de TODOs pendientes
19. Desplegar en Netlify
20. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - Conceptos Avanzados
4. Variables de entorno
5. Componente rápido para futuros ejercicios
6. Callbacks
7. Manejo de errores en los Callbacks
8. Callback Hell
9. Promesas
10. Utilizar una promesa
11. Promise Hell
12. Promise - All
13. Promise Race
14. Async
15. Manejo de errores en funciones asíncronas
16. Async - Await
17. Errores en Async-Await
18. Optimizar promesas no secuenciales
19. for await y if await
20. Funciones generadoras
21. Ejemplo de función generadora
22. Funciones generadoras asíncronas
23. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - HttpApp
4. BreakingBad component
5. Postman - Petición http
6. FetchAPI - Petición http get
7. Mostar quote en pantalla
8. Tarea - Next Quote
9. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Preparación de nuestro backend
4. Store central de nuestra información
5. Cargar usuarios
6. User Model y problemas relacionados
7. Mappers
8. Actualizar nuestro Store
9. Crear una tabla HTML con los usuarios
10. Botones - Next, Prev y página actual
11. Funcionalidad de los botones
12. Botón flotante
13. Crear modal manualmente
14. Comportamiento esperado del modal
15. Tomar la data del formulario
16. Caso de uso - Crear usuario
17. Crear usuario
18. Mapper - userModelToLocalhost
19. Cargar información del usuario al modal
20. Actualizar un usuario
21. Eliminar un usuario
22. Resumen de la sección
23. Código fuente de la sección
1. Introducción a la sección
2. Inicio de proyecto - EsNext
3. structuredClone
4. Array With
5. Métodos "to"
6. Código fuente de la sección
1. Más información sobre nuestros otros cursos
2. Despedida del curso
1. Introducción a la sección
2. Temas puntuales de la sección
3. ¿Por qué debo de saber Git?
4. Configuración de Git en nuestro equipo
5. Desplegar el proyecto a Github
6. Github Pages
1. Introducción a la sección
2. Temas puntuales de la sección
  PRUEBA GRATIS
3. TODO: Demostración del programa que haremos al final de la sección
4. Inicio de proyecto - Todo
5. Todo Class
6. TodoList Class
7. Construir las tareas en el HTML
8. Evento para agregar un Todo
9. Marcar como completado un Todo
10. Eliminar un Todo
11. Eliminar Todos completados
12. LocalStorage y SessionStorage
13. Guardando y recuperando Todos
14. Reconstruyendo instancias de Todos
15. Aplicar filtros
16. Todos en la GitHub Pages
17. Código fuente de la sección
1. Introducción a la sección
2. Temas puntuales de la sección
3. Inicio de proyecto - Callbacks y Promesas
4. Callbacks
5. Argumentos estándar de los callbacks
6. Callback Hell
  PRUEBA GRATIS
7. Promesas
8. Promise.all
9. Promise.catch
10. Promise.race
11. Async
12. Await
13. Pro tip: Mejorar el uso del await
14. Manejo de errores en el await
15. for await, if await
16. Código fuente de la sección

Acerca de este curso

227 lecciones
28 horas de contenido en video
USD 50.00

Cursos que podrían interesarte

+DevTalles

Este segmento es exclusivo para sesiones en vivo con Fernando Herrera. Durante estas podrás realizar preguntas relacionadas al contenido de sus cursos y participar de forma interactiva con los panelistas. Se incluyen grabaciones de sesiones pasadas.

Pago único

Adquiere el curso con un único pago de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

$50.00

Promociones y descuentos pueden aplicar.

Comprar ahora

Suscripción
Devtalles PRO Mensual

^USD16

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante el mes de vigencia.

Suscripción
DevTalles PRO Trimestral

^USD48

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante 3 meses de vigencia.

Suscripción
DevTalles PRO Semestral

^USD96

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante los 6 meses de vigencia.

Suscripción
DevTalles PRO Anual

^USD176

El mejor precio disponible

Suscribirme ahora

Adquiere 1 año entero de suscripción al precio de 11 meses. Obtienes acceso ilimitado a toda la plataforma, comunidades, cursos, clases en vivo, acceso anticipado a una comunidad exclusiva y cursos en construcción.

¿Cuál es el siguiente paso?

Este curso es parte de nuestros Programas de Estudio, los cuales hemos diseñado para expandir sus conocimientos.

Ver programas

JavaScript Moderno: Guía para dominar el lenguaje

Contenido del curso

Sección 1: Introducción

Sección 2: Introducción a JavaScript y la consola

Sección 3: Fundamentos de JavaScript, primitivos, arreglos, objetos y funciones básicas

Sección 4: Ciclos y estructuras de control

Sección 5: Laboratorio 1 - Blackjack

Sección 6: Patrón módulo y optimizaciones

Sección 7: Clases en JavaScript y ESNext private properties

Sección 8: Módulos y Vite

Sección 9: Git - Github y GitHub Pages

Sección 10: Laboratorio - Vite Lista de tareas

Sección 11: Callbacks, promesas y generadores

Sección 12: Peticiones HTTP

Sección 13: CRUD - App - No Frameworks

Sección 14: ES Next

Sección 15: Despedida del curso

Archivado - Sección 9: Despliegue a Github y Github pages

Archivado - Sección 10: Laboratorio 2: Aplicación de lista de tareas

Archivado - Sección 11: Callbacks y Promesas

Acerca de este curso

Cursos que podrían interesarte

+DevTalles

Node.Js: De cero a experto

TypeScript: Tu completa guía y manual de mano.

Nest: Desarrollo backend escalable con Node

Pago único

$50.00

Suscripción
Devtalles PRO Mensual

Suscripción
DevTalles PRO Trimestral

Suscripción
DevTalles PRO Semestral

Suscripción
DevTalles PRO Anual

¿Cuál es el siguiente paso?

Sección 1: Introducción

Sección 2: Introducción a JavaScript y la consola

Sección 3: Fundamentos de JavaScript, primitivos, arreglos, objetos y funciones básicas

Sección 4: Ciclos y estructuras de control

Sección 5: Laboratorio 1 - Blackjack

Sección 6: Patrón módulo y optimizaciones

Sección 7: Clases en JavaScript y ESNext private properties

Sección 8: Módulos y Vite

Sección 9: Git - Github y GitHub Pages

Sección 10: Laboratorio - Vite Lista de tareas

Sección 11: Callbacks, promesas y generadores

Sección 12: Peticiones HTTP

Sección 13: CRUD - App - No Frameworks

Sección 14: ES Next

Sección 15: Despedida del curso

Archivado - Sección 9: Despliegue a Github y Github pages

Archivado - Sección 10: Laboratorio 2: Aplicación de lista de tareas

Archivado - Sección 11: Callbacks y Promesas

Acerca de este curso

+DevTalles

Node.Js: De cero a experto

TypeScript: Tu completa guía y manual de mano.

Nest: Desarrollo backend escalable con Node

$50.00

Suscripción Devtalles PRO Mensual

Suscripción DevTalles PRO Trimestral

Suscripción DevTalles PRO Semestral

Suscripción DevTalles PRO Anual

Suscripción
Devtalles PRO Mensual

Suscripción
DevTalles PRO Trimestral

Suscripción
DevTalles PRO Semestral

Suscripción
DevTalles PRO Anual