Recursos logo

Recursos Frontend

JavaScript

volver Volver Recursos

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.
Hint: Si eres nuevo, empieza practicando con console.log() para entender el flujo de ejecuci贸n y ver resultados inmediatos en la consola del navegador.
- **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;

Ejercicio

Escribe una funci贸n `max(a, b)` que devuelva el mayor de dos n煤meros. Prueba con varios pares y usa console.assert para validar.

function max(a, b) {
  // tu c贸digo
}


console.assert(max(3,5) === 5);
console.assert(max(10,2) === 10);

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

Proyectos pr谩cticos

Videos

Recursos en Ingl茅s

Proyectos

Videos

Exercises

Questions