Aprende JavaScript desde cero
¡Hola! Bienvenido/a
Hoy vamos a aprender JavaScript desde cero
¿Qué es JavaScript?
JavaScript es uno de los lenguaje de programación más populares y versátiles
Con él puedes crear sitios web dinámicos, aplicaciones móviles y hasta videojuegos.
¡Todo lo que se te ocurra!
¿Donde se usa JavaScript?
Con JavaScript se usaba principalmente para modificar el contenido de las páginas web, crear efectos visuales, procesar datos.
Pero hoy en día se usa en muchos más sitios, de manos a herramientas como Node.js.
Cómo ejecutar tu código
Para ejecutar JavaScript, no necesitas instalar nada. Solo abre tu navegador y:
- Presiona F12 (o haz clic derecho en la página y selecciona Inspeccionar).
- Ve a la pestaña de Consola.
- Escribe
console.log('¡Hola, LuisLlamas.es!');y presiona Enter
¡Así de fácil! Acabas de hacer funcionar tu mini programa de JavaScript.
¡Vas muy bien!
Ahora vamos a hablar de la sintaxis de JavaScript.
Variables
Las variables en JavaScript te permiten almacenar datos como números, texto o listas. Puedes usar let, o const para declararlas.
let valor = 10;
const suma = valor + 5;Con ellos podemos hacer operaciones como sumar, restar, multiplicar y dividir, además de trabajar con cadenas de texto.
Condicionales
Con los condicionales puedes hacer que tu programa tome decisiones. Usa if para ejecutar código solo si una condición es verdadera.
if (edad >= 18) {
console.log('Eres mayor de edad');
}
Bucles
Los bucles te permiten repetir acciones. Usa for o while para repetir tareas varias veces hasta que se cumpla una condición.
for (let i = 1; i <= 5; i++) {
console.log(i);
}Funciones
Las funciones son bloques de código reutilizables que realizan una tarea específica. Puedes definir una función con function y llamarla cuando la necesites.
function saludar(nombre) {
console.log('Hola, ' + nombre);
}Arrays
Un array es una colección de elementos. En JavaScript puedes usar arrays para guardar varios valores y trabajar con ellos de manera ordenada.
let frutas = ['manzana', 'banana', 'naranja'];Objetos
En JavaScript, los objetos te permiten organizar datos en pares clave-valor. Son muy útiles para almacenar información relacionada.
let persona = {
nombre: 'Luis',
edad: 25
};¡Ya casi lo tienes!
Ahora ¡vamos a ver cómo añadir con JavaScript a una Web!
Añadir JavaScript a una web
Para incluir JavaScript en una página web, usamos la etiqueta <script>. Normalmente lo ponemos al final del <body> de tu HTML.
<script>
console.log('¡Hola, JavaScript!');
</script>Normalmente guardarás tu código en un fichero independiente, y lo cargarás así
<script src="tu_fichero.js"></script>
¿Qué es el DOM?
El DOM (Document Object Model) es una representación de la estructura de una página web.
Con JavaScript, podemos modificar el contenido y los estilos de una página accediendo a los elementos del DOM
Eventos en JavaScript
Los eventos permiten que JavaScript reaccione a acciones del usuario, como hacer clic en un botón, mover el mouse o escribir en un campo de texto.
document.getElementById('miBoton').addEventListener('click', function() {
alert('¡Hiciste clic!');
});¡Bien hecho!
¡Ya conoces lo básico de JavaScript! Ahora puedes seguir explorando y creando tus propios proyectos.
