Skip to content

Latest commit

 

History

History
89 lines (56 loc) · 3.39 KB

01-introduccion.md

File metadata and controls

89 lines (56 loc) · 3.39 KB

🟨 Introducción a JavaScript

JavaScript es un lenguaje de programación versátil y esencial para el desarrollo web. Desde la creación de páginas web interactivas hasta la construcción de aplicaciones completas, JavaScript está en el centro de todo.

🌟 ¿Qué es JavaScript?

JavaScript es un lenguaje de programación interpretado, ligero y basado en prototipos que permite:

  • Controlar el comportamiento de los elementos de una página web.
  • Interactuar con APIs y recursos externos.
  • Crear aplicaciones completas, tanto del lado del cliente como del servidor (con Node.js).

🎯 Dato interesante: Fue creado en solo 10 días en 1995 por Brendan Eich mientras trabajaba en Netscape.

🧑‍💻 Preparando tu entorno de desarrollo

Para comenzar a programar en JavaScript, recomendamos usar Visual Studio Code (VS Code), un editor gratuito, potente y ampliamente utilizado.

1. Instalando VS Code

  1. Descarga e instala VS Code desde su página oficial: https://code.visualstudio.com/.
  2. Configura un entorno inicial siguiendo los pasos:
    • Instala la extensión JavaScript and TypeScript Nightly para soporte actualizado.
    • Opcional: Instala ESLint para mantener tu código limpio y consistente.

2. Añadiendo Quokka.js

Quokka.js es una herramienta que te permite ejecutar JavaScript directamente en tu editor, mostrando los resultados en tiempo real.

Instalación de Quokka.js:

  1. Abre VS Code.
  2. Ve a la pestaña de extensiones (Ctrl+Shift+X o Cmd+Shift+X en Mac).
  3. Busca e instala Quokka.js.
  4. Reinicia VS Code si es necesario.

Usando Quokka.js:

  1. Crea un archivo nuevo con extensión .js.
  2. Abre el menú de comandos (Ctrl+Shift+P o Cmd+Shift+P en Mac) y escribe Start Quokka.js.
  3. Escribe código y observa cómo los resultados se muestran en línea.

Ejemplo:

const saludo = "¡Hola, JavaScript!";
console.log(saludo); // Output: ¡Hola, JavaScript!

✨ Quokka.js muestra automáticamente el resultado de cada línea al lado del código.

✍️ Ejecutando tu primer programa

Opción 1: Usando el navegador

  1. Abre el navegador web de tu preferencia (Chrome, Firefox, etc.).
  2. Ve a las herramientas de desarrollo (F12 o Ctrl+Shift+I en la mayoría de los navegadores).
  3. Abre la consola y escribe:
console.log("¡Hola, JavaScript!");
  1. Presiona Enter y observa el resultado.

Opción 2: Usando VS Code con Quokka.js

  1. Sigue los pasos mencionados para instalar y configurar Quokka.js.
  2. Crea un archivo hello.js con el siguiente contenido:
console.log("¡Hola, mundo!");
  1. Ejecuta el archivo con Quokka.js para ver el resultado en tiempo real.

📝 Resumen

Con tu entorno configurado y herramientas como VS Code y Quokka.js, estás listo para empezar tu viaje en JavaScript. ¡Es hora de sumergirse en los conceptos básicos y comenzar a construir con código!

🚀 ¿Listo para avanzar?
Explora el siguiente tema: Fundamentos y aprende sobre variables, tipos de datos y operadores, las bases esenciales de JavaScript.

🖥️ ¿Prefieres aprender con ejemplos prácticos?
Echa un vistazo a los ejemplos de código en 1.Introducción.js para reforzar los conceptos iniciales con ejercicios aplicables.