Curso básico de javascript: domina la lógica de la web

JavaScript es un lenguaje de programación fundamental para el desarrollo web moderno. Este curso básico te proporcionará las bases necesarias para comprender y utilizar este lenguaje, desde los conceptos más elementales hasta la creación de scripts funcionales. Aprenderás a manipular el DOM, a trabajar con eventos y a construir pequeñas aplicaciones interactivas. ¡Prepárate para dar tus primeros pasos en el emocionante entorno de la programación web!

Conceptos Fundamentales de JavaScript

Variables y Tipos de Datos

En JavaScript, las variables almacenan información. Los tipos de datos más comunes son:

• String (texto): "Hola, entorno!"
• Number (números): 10, 14, -5
• Boolean (booleanos): true, false
• Null (nulo): representa la ausencia de un valor.
• Undefined (indefinido): indica que una variable no ha sido inicializada.

Declaramos variables usando las palabras clave let, const(para constantes) y var(aunque lety constson preferibles en la programación moderna).

let nombre = "Juan";
const PI = 14159;
var edad = 30;

Operadores

Los operadores permiten realizar operaciones con valores. Algunos ejemplos son:

• Operadores aritméticos : +, -, , /, % (módulo)
• Operadores de comparación : == (igualdad), === (igualdad estricta), != (desigualdad), !== (desigualdad estricta), >, <, >=, <=
• Operadores lógicos : && (AND), || (OR), ! (NOT)

Estructuras de Control de Flujo

Las estructuras de control de flujo nos permiten ejecutar diferentes bloques de código según ciertas condiciones.

Condicionales (if...else)

Las condicionales if...else ejecutan un bloque de código si una condición es verdadera, y otro si es falsa.

let helado = "chocolate";
if (helado === "chocolate") {
alert("¡Sí, amo el helado de chocolate!");
} else {
alert("Awwww, pero mi favorito es el de chocolate...");
}

Bucles (for, while)

Los bucles nos permiten repetir un bloque de código varias veces.

Bucle for

El bucle fores ideal cuando sabemos cuántas veces queremos repetir el código.

for (let i = 0; i < 10; i++) {
console.log(i);
}

Bucle while

El bucle whilese ejecuta mientras una condición sea verdadera.

let i = 0;
while (i < 10) {
console.log(i);
i++;
}

Funciones

Las funciones son bloques de código reutilizables que realizan una tarea específica. Ayudan a organizar y modularizar el código.

function saludar(nombre) {
console.log("Hola, " + nombre + "!");
}

Para llamar a la función: saludar("Ana");

Arrays

Los arrays son estructuras de datos que permiten almacenar una colección de valores.

let frutas = ["manzana", "plátano", "naranja"];

Objetos

Los objetos nos permiten agrupar datos relacionados bajo un mismo nombre.

let persona = {
nombre: "Pedro",
edad: 25,
ciudad: "Madrid"
};

Manipulación del DOM (Document Object Model)

El DOM representa la estructura de un documento HTML como un árbol de objetos. JavaScript permite manipular el DOM para modificar dinámicamente el contenido de una página web. Se puede acceder a elementos del DOM usando su ID, clase o selector CSS.

let elemento = document.getElementById("miElemento");
elemento.innerHTML = "Nuevo contenido";

Eventos

Los eventos son acciones que ocurren en una página web, como clics de ratón, pulsaciones de teclado, etc. JavaScript permite reaccionar a estos eventos y ejecutar código en respuesta.

document.getElementById("miBoton").addEventListener("click", function() {
alert("¡Has hecho clic en el botón!");

Si quieres conocer otros artículos parecidos a Curso básico de javascript: domina la lógica de la web puedes visitar la categoría Curso.