Friki Work

Primera Interacción con HTML Entorno de desarrollo Uso de VS Code Uso de Sublime Text Concepto de HTML ¿Qué significa "hipertexto"? ¿Por qué se llama "lenguaje de marcado"? HTML como herramienta para definir significado semántico Historia de HTML Términos clave en HTML Creación de tu primer documento HTML Estructura básica ...

Arquitectura del Backend (Spring Boot) Para construir un sistema de autenticación y gestión de usuarios robusto, estructuraremos el backend en capas claras. En el controlador, emplearemos la inyección de dependencias por constructor y estandarizaremos las respuestas HTTP utilizando un objeto genérico ApiResponse. package com.edu.portal.controll ...

En el desarrollo web moderno, la gestión eficiente de los recursos es vital para garantizar una buena experiencia de usuario. Uno de los cuellos de botella más comunes es la carga de archivos JavaScript a través de la etiqueta <script>. El comportamiento por defecto de estas etiquetas puede ralentizar el renderizado de la página, por lo c ...

El presente artículo describe la arquitectura y el desarrollo de un portal web pensado para que los alumnos de educación primaria amplíen sus conocimientos fuera del aula. El sistema combina un front-end ligero basado en HTML5 y Bootstrap con un back-end robusto implementado con Spring, Spring MVC y MyBatis (SSM). A continuación se detallan los ...

Resuelve problemas de compatibilidad entre navegadores Incorpora numerosas características innovadoras Enfoque centrado en el usuario Beneficios de simplificación en el desarrollo Consideraciones al escribir código Utiliza la tecla Tab para las indentaciones, no espacios Todas las etiquetas deben estar contenidas entre <> y aparecer en ...

El tamaño predeterminado de un canvas es de 300×150 píxeles. Es importante entender que definir los atributos width y height directamente en la etiqueta canvas es diferente a establecerlos mediante CSS. Los atributos width y height en la etiqueta canvas representan el tamaño real del lienzo donde se dibujan los gráficos. Por otro lado, las prop ...

HTML (HyperText Markup Language) es el lenguaje estándar utilizado para definir la estructura de las páginas web. Al ser un lenguaje de marcado, permite organizar el contenido mediante etiquetas que el navegador interpreta para renderizar texto, imágenes, formularios y otros elementos multimedia. Elementos de Encabezado y Metadatos La sección & ...

Este artículo presenta la creación de un sitio web estático dedicado al festival tradicional chino Qingming (清明节), utilizando tecnologías web modernas como HTML5, CSS3 y JavaScript básico. El proyecto se enfoca en una implementación responsive con un diseño limpio y estructurado, ideal para fines educativos o demostrativos. Estructura del pr ...

En el desarrollo web, la organización de la información y la captura de datos del usuario son fundamentales. HTML proporciona etiquetas semánticas específicas para estructurar listas y crear formularios interactivos. Listas en HTML Las listas permiten agrupar elementos de manera estructurada. Existen tres tipos principales: Listas No Odrenadas ...

En aplicaciones web, gestionar múltiples casillas de verificación suele requerir funciones como seleccionar todas, deseleccionar todas o invertir la selección. A continuación, se muestran enfoques utilizando jQuery y JavaScript puro. Ejemplo con jQuery Consideremos un formulario con casillas de verificación para deportes favoritos. <form id= ...