Fundamentos del Desarrollo Web: HTML, CSS y JavaScript
Enviado por Chuletator online y clasificado en Informática y Telecomunicaciones
Escrito el en español con un tamaño de 1,21 MB
Tecnologías de Desarrollo Web
HTML (Lenguaje de Marcado de Hipertexto)
Define la estructura y el contenido de una página web.
CSS (Hojas de Estilo en Cascada)
Se encarga del estilo visual, como colores, fuentes y posicionamiento de los elementos HTML.
JAVASCRIPT
Proporciona interactividad y dinamismo a las páginas web.
JAVASCRIPT utiliza palabras reservadas para realizar acciones específicas, como declarar variables o funciones. A continuación, se muestra una lista de las palabras reservadas más comunes:
El DOM (Document Object Model)
JAVASCRIPT permite modificar la estructura de las páginas web mediante el DOM, que es una representación virtual del documento en el navegador. El DOM se organiza en forma de árbol con nodos que representan los elementos de la página.
Para modificar el DOM, se utilizan funciones del objeto "document":
Estructuras de Control
JAVASCRIPT ofrece diferentes estructuras de control que se dividen en tres categorías:
Condicionales (Selectivas)
Permiten ejecutar código según se cumpla o no una condición. Las estructuras condicionales más comunes son:
- if - else: Ejecuta un bloque de código si la condición es verdadera y otro bloque si es falsa.
- switch: Evalúa una expresión y ejecuta el código correspondiente al caso que coincida con el valor de la expresión.
Ejemplos:
if(condicion) {
// Código a ejecutar si se cumple la condición
} else {
// Código a ejecutar si no se cumple la condición
}
switch(dato) {
case posiblevalor1:
// Código a ejecutar si el dato tiene el valor 1
break;
case posiblevalor2:
// Código a ejecutar si el dato tiene el valor 2
break;
default:
// Código a ejecutar si el dato no tiene ninguno de los valores anteriores
break;
}
Iterativas (Bucles)
Permiten ejecutar un bloque de código repetidamente hasta que se cumpla una condición. Las estructuras iterativas más comunes son:
- for: Repite un bloque de código un número determinado de veces.
- while: Repite un bloque de código mientras una condición sea verdadera.
- do-while: Similar a while, pero el bloque de código se ejecuta al menos una vez.
Ejemplos:
// Imprimir números del 1 al 5 con for
for (let i = 1; i <= 5; i++) {
console.log(i);
}
// Imprimir números del 1 al 5 con while
let i = 1;
while (i <= 5) {
console.log(i);
i++;
}
// Imprimir números del 1 al 5 con do-while
let i = 1;
do {
console.log(i);
i++;
} while (i <= 5);
Funciones
Las funciones son bloques de código reutilizables que realizan una tarea específica. Permiten modularizar el código y hacerlo más organizado.
Estructura de una función:
function nombreFuncion(parametro1, parametro2, ...) {
// bloque de código a ejecutar
// puede incluir instrucciones y cálculos
return resultado; // opcionalmente, puedes devolver un valor
}
Ejemplo: Programa que solicita el nombre y muestra un mensaje de bienvenida
El siguiente programa solicita al usuario que ingrese su nombre y luego muestra un mensaje de bienvenida personalizado.
Programa 5
Descripción del programa 5 (imagen):