Desarrollo FrontEnd Estatico

El desarrollo FrontEnd es la parte del desarrollo que se encarga de todo lo realacionado con la interaccion e interfaz del ususario. Este desarrollo se puede hacer forma estatica o de forma dinamica y dependiendo de lo que estemos desarrollando nos interesara hacer un desarrollo dinamico o estatico. La diferencia principal entre ellos es que como su nombre indica en el desarollo dinamico se busca que la pagina nunca se recarge cuando se introduzcan datos nuevos por parte del usuario. A la hora de realizar un Desarrollo FrontEnd Estatico necesitamos conocer las siguientes tecnologias/interfaces/estilos:

HTML

HTML, o HyperText Markup Language, es el lenguaje estándar utilizado para crear y estructurar el contenido en la web. Utiliza una serie de elementos y etiquetas para definir diferentes tipos de contenido, como párrafos, encabezados, enlaces, imágenes, y formularios.

Cada elemento HTML tiene una etiqueta de apertura y cierre, y puede contener atributos que proporcionan información adicional sobre el elemento. HTML es la columna vertebral de todas las páginas web, proporcionando la estructura básica que luego se estiliza con CSS y se hace interactiva con JavaScript.

CSS

CSS, o Cascading Style Sheets, es el lenguaje utilizado para describir la presentación de un documento HTML. Permite a los desarrolladores aplicar estilos como colores, fuentes, márgenes, y alineaciones a los elementos HTML, controlando así el aspecto visual de la página web.

CSS se organiza en reglas que se aplican a uno o más elementos del documento, y estas reglas pueden ser especificadas directamente en el archivo HTML, en un archivo CSS externo, o dentro de la etiqueta style. CSS es fundamental para crear sitios web atractivos y responsivos, que se adapten a diferentes dispositivos y tamaños de pantalla.

XML

XML, o eXtensible Markup Language, es un lenguaje de marcado diseñado para almacenar y transportar datos. A diferencia de HTML, que define la estructura y el contenido de una página web, XML es un formato de datos que puede ser utilizado por diferentes sistemas y aplicaciones para intercambiar información de manera eficiente.

XML permite a los desarrolladores definir sus propias etiquetas, lo que facilita la creación de estructuras de datos personalizadas. Es ampliamente utilizado en servicios web, configuraciones de aplicaciones, y en cualquier contexto donde sea necesario un formato de datos legible y estructurado.

DOM

El DOM, o Document Object Model, es una interfaz de programación para documentos HTML y XML. Proporciona una representación estructurada del documento, permitiendo a los lenguajes de programación manipular la estructura, el estilo y el contenido de las páginas web de manera dinámica. En esencia, el DOM convierte una página web en un conjunto de objetos que los desarrolladores pueden modificar utilizando lenguajes como JavaScript.

A través del DOM, los desarrolladores pueden acceder y cambiar el contenido de una página web sin tener que recargarla. Esto incluye la capacidad de agregar, eliminar o modificar elementos HTML, cambiar estilos CSS, y responder a eventos del usuario como clics y entradas de teclado. Esta interacción dinámica es fundamental para crear experiencias web interactivas y modernas, donde el contenido y la presentación pueden actualizarse en tiempo real en respuesta a las acciones del usuario.