Temas de Frontend I
Descubre los componentes fundamentales de la arquitectura web. A través de este portal interactivo, analizaremos la estructura, presentación, assets multimedia y lógica conductual de un sitio.
HTML & CSS
HTML (HyperText Markup Language) define la estructura del documento mediante etiquetas
semánticas como <header>, <main> y <section>.
CSS (Cascading Style Sheets) administra los aspectos visuales. Desde tipografías cargadas desde repositorios remotos hasta sombras de texto y gradientes de color.
.vapor-box {
background: #12012c;
border: 2px solid var(--neon-cyan);
text-shadow: 0 0 10px #00f5ff;
}
Elementos Estáticos
Las imágenes rasterizadas (PNG, JPG), vectoriales (SVG) o de próxima generación (WEBP) constituyen los recursos estáticos del sitio. Aquí puedes observar los recursos de nuestra galería:
Animaciones en CSS
El uso de la regla @keyframes permite transiciones fluidas de estados. Modificando propiedades
como rotaciones y traslaciones logramos la clásica animación de levitación en el aire.
Javascript en el Diseño
JavaScript introduce interactividad dinámica. Nos permite capturar eventos generados por el usuario, manipular el árbol de elementos (DOM), modificar estilos en tiempo real y desencadenar comportamientos personalizados de alerta.
En este sitio, se utiliza JavaScript para gestionar la música ambiental de fondo, operar logica internta.
Formularios y Validación
Los formularios son un tema esencial de Frontend I. Sirven para recopilar información de los usuarios usando controles como campos de texto, selectores y casillas de verificación. Rellena los siguientes datos para probar la validación en tiempo real administrada por JavaScript.