JavaScript fue creado por Brendan Eich para satisfacer la necesidad de un lenguaje de programación que se ejecutara del lado del cliente, permitiendo que las páginas web fueran más dinámicas, atractivas e interactivas para los usuarios.
JavaScript ha evolucionado significativamente desde su creación, con nuevas versiones que introducen características y mejoras importantes.
ECMAScript es el nombre oficial del estándar JavaScript.
- A partir de 1997, las versiones se abreviaron con números (ES1, ES2, ES3, ES5, ES6).
- Desde 2016, las versiones se nombran por año (ECMAScript 2016, 2017, 2018, etc.).
Pudes ver mas información sobre las diferentes versiones en JavaScript Versions
Los fundamentos de JavaScript abarcan los conceptos básicos necesarios para comprender y trabajar con este lenguaje de programación.
Más información: Consulta
01-fundamentos
Blackjack es un juego de cartas donde el objetivo es alcanzar una puntuación lo más cercana posible a 21 sin excederla. Si superas 21, pierdes automáticamente.
Este proyecto pone en práctica los conceptos aprendidos en los fundamentos y utiliza:
- Manipulación del DOM para interactuar con los elementos de la página.
- El Patrón Módulo para organizar el código y proteger las variables y funciones internas.
- Optimización del código y uso de herramientas como minificación.
Más información: Consulta
02-blackjack
En esta sección se exploran conceptos fundamentales para el desarrollo de aplicaciones modernas en JavaScript, como el uso de bundlers y herramientas que optimizan el flujo de trabajo.
Más información: Consulta
03-vite-app
Este proyecto es una versión mejorada del juego de Blackjack desarrollado previamente en Blackjack-js-vanilla. En esta versión, se utiliza Vite como herramienta principal para optimizar el flujo de trabajo y se refactoriza el código para hacerlo más modular y escalable.
Más información: Consulta
04-blackjack-vite
Esta aplicación web es un ejercicio práctico para reforzar conceptos fundamentales de JavaScript y el desarrollo web moderno. Se enfoca en la manipulación del DOM, el manejo de estados globales y locales, y el uso de herramientas como Vite para optimizar el flujo de trabajo.
Más información: Consulta
05-todo-app
En esta sección se exploran conceptos avanzados de JavaScript que son fundamentales para el desarrollo de aplicaciones modernas. Se incluyen temas como promesas, async/await, generadores, y el manejo de flujos asíncronos.
Más información: Consulta
06-advanced
En esta sección se exploran conceptos relacionados con el manejo de peticiones HTTP en JavaScript. Se utiliza la API fetch para realizar solicitudes a servicios externos y procesar las respuestas. Este proyecto incluye ejemplos prácticos para entender cómo interactuar con APIs y mostrar datos dinámicamente en el DOM.
Más información: Consulta
07-http-app
En esta sección se desarrolla una aplicación CRUD (Create, Read, Update, Delete) utilizando JavaScript puro (Vanilla JS). Este proyecto pone en práctica conceptos avanzados de desarrollo web, como el manejo de estados, mapeadores, modelos, y la interacción con un backend simulado. Además, se refuerzan buenas prácticas como la modularización y la documentación de funciones.
Más información: Consulta
08-crud-app
En esta sección se exploran las nuevas características de JavaScript introducidas en las versiones más recientes del lenguaje. Se incluyen funcionalidades como toSorted, toReversed, toSpliced, structuredClone, y el método with, que mejoran la eficiencia y legibilidad del código.
Más información: Consulta
09-esnext
Algunas páginas recomendadas para aprender más sobre JavaScript