recursos-frontend

JavaScript

Definición de JavaScript

JavaScript es un lenguaje de programación interpretado, orientado a objetos y dinámico. Es uno de los lenguajes más populares y ampliamente utilizados en el desarrollo web. JavaScript permite a los desarrolladores crear páginas web interactivas y dinámicas al manipular el contenido y el comportamiento de los elementos HTML.

Conceptos Básicos de JavaScript

Sintaxis: La sintaxis de JavaScript se basa en el uso de declaraciones, expresiones y operadores. Las declaraciones se utilizan para definir variables, funciones y estructuras de control de flujo.
Variables: Las variables en JavaScript se utilizan para almacenar datos. Se pueden declarar utilizando las palabras clave var, let o const.
Funciones: Las funciones son bloques de código reutilizables que realizan una tarea específica. Se pueden definir utilizando la palabra clave function o mediante funciones de flecha.
Eventos: Los eventos son acciones que ocurren en una página web, como hacer clic en un botón o mover el ratón. JavaScript permite manejar estos eventos y realizar acciones en respuesta a ellos.

Tipos de Datos en JavaScript

JavaScript tiene varios tipos de datos, incluyendo:

Números: Representan valores numéricos, tanto enteros como decimales.
Cadenas de texto: Representan secuencias de caracteres.
Booleanos: Representan valores de verdad, true o false.
Arreglos: Representan listas ordenadas de elementos.
Objetos: Representan colecciones de pares clave-valor.
Nulos: Representan la ausencia intencional de un valor.
Indefinidos: Representan variables que no han sido asignadas a un valor.

Sintaxis y Ejemplos de Código en JavaScript

Declaración de Variables

// Declaración de variables utilizando var, let y const
var nombre = "Juan";
let edad = 25;
const PI = 3.1416;

Funciones

// Definición de una función utilizando function
function saludar(nombre) {
  return "Hola, " + nombre + "!";
}

// Definición de una función utilizando una función de flecha
const despedir = (nombre) => {
  return "Adiós, " + nombre + "!";
};

Manejo de Eventos

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

Declaración de Variables en JavaScript

En JavaScript, las variables se pueden declarar utilizando las palabras clave var, let o const. La elección de la palabra clave depende del alcance y la mutabilidad de la variable.

var: Declara una variable con alcance de función y permite la redeclaración.
let: Declara una variable con alcance de bloque y no permite la redeclaración.
const: Declara una variable con alcance de bloque y no permite la redeclaración ni la reasignación.

Ejemplos de Declaración de Variables

// Declaración de variables utilizando var
var nombre = "Juan";
var nombre = "Pedro"; // Redeclaración permitida

// Declaración de variables utilizando let
let edad = 25;
edad = 30; // Reasignación permitida
// let edad = 35; // Redeclaración no permitida

// Declaración de variables utilizando const
const PI = 3.1416;
// PI = 3.14; // Reasignación no permitida
// const PI = 3.14; // Redeclaración no permitida

Recursos Adicionales para Aprender JavaScript

Recursos en Español

Quizzes

Teffcode’s Quizzes

Proyectos prácticos

40 proyectos de JavaScript para principiantes: Ideas fáciles para empezar a codificar en JS por Rafael D. Hernandez