JavaScript es un lenguaje de programación que permite agregar interactividad y lógica a las páginas web.
¿Qué hace exactamente JavaScript?
Cuando abres Mercado Libre y el precio de un producto cambia sin recargar la página, eso es JavaScript. Cuando Liverpool muestra un mensaje de "producto agotado" al instante, también es JavaScript.
JavaScript corre directamente en tu navegador. No necesitas instalar nada especial para ejecutarlo.
Existen tres tecnologías base en toda página web:
| Tecnología | Función |
|---|---|
| HTML | Define la estructura y el contenido |
| CSS | Define el diseño visual y los colores |
| JavaScript | Agrega lógica, interacción y dinamismo |
HTML y CSS son estáticos. JavaScript es el que hace que las cosas pasen.
¿Dónde se usa JavaScript?
JavaScript empezó como un lenguaje exclusivo del navegador. Hoy se usa en muchos contextos.
En el navegador (Front-end): Valida formularios, actualiza contenido, crea animaciones y maneja clics del usuario.
En el servidor (Back-end): Con Node.js, JavaScript puede correr fuera del navegador para manejar bases de datos y APIs.
En aplicaciones móviles: Frameworks como React Native usan JavaScript para crear apps para iOS y Android.
En automatización: Empresas como FEMSA usan scripts de JavaScript para automatizar reportes y procesos internos.
¿Por qué aprender JavaScript en México?
El mercado tecnológico en México crece cada año. Las empresas buscan desarrolladores con urgencia.
Un desarrollador JavaScript junior en México gana entre $15,000 y $22,000 al mes. Un desarrollador con dos años de experiencia puede ganar entre $22,000 y $30,000.
Empresas mexicanas y extranjeras con operaciones en México publican cientos de vacantes cada mes. Plataformas como OCC Mundial y LinkedIn muestran más de 3,000 vacantes activas para perfiles de JavaScript en cualquier momento del año.
JavaScript es el lenguaje más buscado por empleadores tecnológicos en México porque:
- Sirve tanto para el front-end como para el back-end.
- Tiene una curva de aprendizaje accesible para principiantes.
- Tiene una comunidad enorme con recursos gratuitos en español.
- Es el lenguaje base de frameworks muy solicitados: React, Vue y Angular.
¿Cómo se escribe JavaScript?
JavaScript se escribe en archivos de texto con extensión .js. También puedes escribirlo directamente dentro de un archivo HTML.
Hay dos formas de incluir JavaScript en una página web:
Forma 1 — Dentro del HTML:
<script>
console.log("Hola desde JavaScript");
</script>
Forma 2 — Archivo externo:
<script src="mi-script.js"></script>
La forma recomendada es el archivo externo. Mantiene tu código organizado y separado del HTML.
Tu primera instrucción: console.log()
console.log() es la instrucción más básica de JavaScript. Imprime un mensaje en la consola del navegador.
Escribir console.log() es como pedirle a JavaScript que te muestre un resultado. Es la herramienta principal para verificar que tu código funciona.
Ejemplo 1 — Mensaje de texto:
console.log("Bienvenido al curso de JavaScript");
Resultado en consola:
Bienvenido al curso de JavaScript
Ejemplo 2 — Un número:
console.log(18500);
Resultado en consola:
18500
Ejemplo 3 — Una operación matemática:
console.log(10000 + 8500);
Resultado en consola:
18500
En los tres casos, JavaScript ejecuta la instrucción y muestra el resultado al instante.
¿Cómo abrir la consola del navegador?
No necesitas instalar ningún programa para empezar. Tu navegador ya tiene una consola integrada.
En Chrome o Edge:
- Abre cualquier página web.
- Presiona F12 (o haz clic derecho → "Inspeccionar").
- Ve a la pestaña "Console".
- Escribe
console.log("Hola");y presiona Enter.
Verás el mensaje aparecer de inmediato. Acabas de ejecutar JavaScript.
Errores comunes al empezar
Error 1 — Olvidar el punto y coma: JavaScript a veces funciona sin punto y coma, pero es buena práctica incluirlo siempre. Omitirlo en ciertos casos causa errores difíciles de detectar.
// Incorrecto (puede causar problemas)
console.log("Hola")
// Correcto
console.log("Hola");
Error 2 — Confundir mayúsculas y minúsculas:
JavaScript distingue entre mayúsculas y minúsculas. console.log no es lo mismo que Console.Log.
// Esto genera error
Console.Log("Hola");
// Esto funciona
console.log("Hola");
Error 3 — No cerrar los paréntesis o las comillas: Cada paréntesis que abres debe cerrarse. Cada comilla que abres debe cerrarse con el mismo tipo de comilla.
// Incorrecto
console.log("Hola México);
// Correcto
console.log("Hola México");
Panorama de lo que aprenderás en este curso
Este curso cubre los fundamentos completos de JavaScript. Cada lección construye sobre la anterior.
| Lección | Tema |
|---|---|
| 2 | Variables y tipos de datos |
| 3 | Operadores y expresiones |
| 4 | Condicionales (if, else, switch) |
| 5 | Ciclos (for, while) |
| 6 | Funciones |
| 7 | Arreglos y objetos |
| 8 | Manipulación del DOM |
Al terminar este curso tendrás la base para aprender frameworks como React o para explorar el back-end con Node.js.
Puntos clave
- JavaScript es el lenguaje que agrega interactividad a las páginas web.
- Corre directamente en el navegador: no necesitas instalar nada para empezar.
- En México, un desarrollador JavaScript gana entre $15,000 y $30,000 al mes según su experiencia.
console.log()es tu primera herramienta para mostrar resultados y verificar tu código.- JavaScript distingue mayúsculas de minúsculas y requiere que paréntesis y comillas siempre estén cerrados.