Scribd
Cargar
9 vistas4 páginas

MiniLibro Aprende JS

El minilibro introduce JavaScript como un lenguaje de programación esencial para el desarrollo web, destacando su facilidad de uso y amplia comunidad. Se abordan conceptos básicos como variables, operadores, estructuras de control, funciones y manipulación del DOM, proporcionando ejemplos y explicaciones técnicas y simples. Además, se menciona cómo instalar y configurar el entorno de trabajo para comenzar a programar en JavaScript.

Cargado por

rs117
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
9 vistas4 páginas

MiniLibro Aprende JS

El minilibro introduce JavaScript como un lenguaje de programación esencial para el desarrollo web, destacando su facilidad de uso y amplia comunidad. Se abordan conceptos básicos como variables, operadores, estructuras de control, funciones y manipulación del DOM, proporcionando ejemplos y explicaciones técnicas y simples. Además, se menciona cómo instalar y configurar el entorno de trabajo para comenzar a programar en JavaScript.

Cargado por

rs117
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 4

Minilibro: Aprende JavaScript desde Cero

Introducción a JavaScript

JavaScript es un lenguaje de programación de alto nivel, interpretado y orientado a eventos.


Es uno de los lenguajes más utilizados en el desarrollo web, permitiendo la creación de
sitios dinámicos e interactivos.

¿Por qué aprender JavaScript?

• Es el lenguaje principal del desarrollo web junto con HTML y CSS.


• Funciona en cualquier navegador sin necesidad de instalación adicional.
• Tiene una gran comunidad y recursos de aprendizaje.
• Se usa en desarrollo frontend, backend, aplicaciones móviles y más.

Instalación y Configuración

JavaScript no necesita instalación especial, ya que los navegadores modernos lo interpretan


directamente. Para probarlo, puedes abrir la consola del navegador (F12 en Chrome o
Firefox) y escribir:

console.log("¡Hola, mundo!");

Para trabajar en un entorno más estructurado, puedes usar un editor como Visual Studio
Code y ejecutar código con Node.js.

Tu Primer Programa en JavaScript

console.log("¡Hola, mundo!");

Explicación Técnica

console.log() es una función que imprime un mensaje en la consola del navegador.

Explicación Simple

Es como escribir un mensaje en una pizarra para que todos lo vean.

Variables y Tipos de Datos

let nombre = "Juan"; // String


const edad = 25; // Número
let altura = 1.75; // Número decimal
let esEstudiante = true; // Booleano

Explicación Técnica
Las variables almacenan información y pueden ser de diferentes tipos de datos: cadenas,
números, booleanos, entre otros.

Explicación Simple

Las variables son como cajas donde guardas información.

Operadores Básicos

let suma = 5 + 3; // Adición


let resta = 10 - 4; // Sustracción
let multi = 2 * 6; // Multiplicación
let div = 8 / 2; // División
let mod = 10 % 3; // Módulo (resto de la división)

Explicación Técnica

Los operadores permiten realizar cálculos matemáticos en JavaScript.

Explicación Simple

Es como usar una calculadora en tu código.

Estructuras de Control

Condicionales

let edad = 18;


if (edad >= 18) {
console.log("Eres mayor de edad");
} else {
console.log("Eres menor de edad");
}

Explicación Técnica

La estructura if-else permite ejecutar código según una condición booleana.

Explicación Simple

Es como decidir si puedes entrar a una película para adultos según tu edad.

Bucles

Bucle for
for (let i = 0; i < 5; i++) {
console.log(`Número ${i}`);
}

Bucle while

let contador = 0;
while (contador < 5) {
console.log(`Contador: ${contador}`);
contador++;
}

Explicación Técnica

Los bucles permiten repetir acciones varias veces según una condición.

Explicación Simple

Es como repetir una tarea hasta que termines.

Funciones en JavaScript

function saludar(nombre) {
return `Hola, ${nombre}!`;
}
console.log(saludar("Ana"));

Explicación Técnica

Las funciones permiten reutilizar bloques de código.

Explicación Simple

Es como guardar una receta para usarla muchas veces.

Manejo de Errores

try {
let numero = parseInt(prompt("Ingresa un número: "));
let resultado = 10 / numero;
console.log(`Resultado: ${resultado}`);
} catch (error) {
console.log("Ocurrió un error: " + error.message);
}

Explicación Técnica
El bloque try-catch captura errores para evitar que el programa se detenga.

Explicación Simple

Es como un plan de respaldo cuando las cosas salen mal.

Manipulación del DOM

document.getElementById("miBoton").addEventListener("click", function() {
alert("¡Botón presionado!");
});

Explicación Técnica

JavaScript permite interactuar con elementos HTML a través del DOM (Document Object
Model).

Explicación Simple

Es como hacer que una página web escuche y responda a eventos.

También podría gustarte