Bloque III: Desarrollo de sistemas

Tema 7: Aplicaciones web. HTML, XML y lenguajes de script

1 ley4 articulos

Actualizado a 24 de julio de 2026. Registrate para recibir actualizaciones cuando la legislacion cambie.

Art. 1

HTML y CSS

TAI Bloque 3 · Tema 307

HTML y CSS: fundamentos del desarrollo web front-end

HTML (HyperText Markup Language) es el lenguaje de marcado que estructura el contenido de las páginas web. No es un lenguaje de programación: es declarativo y estático; carece de estructuras de control, variables o lógica, por lo que NO es dinámico (el dinamismo lo aportan JavaScript o el servidor). CSS (Cascading Style Sheets) es el lenguaje que diseña la interfaz gráfica de usuario: separa la presentación del contenido, controlando color, tipografía, maquetación y diseño visual.

Estructura del documento HTML

Según el HTML Living Standard de WHATWG, la declaración <!DOCTYPE html> debe aparecer en la primera línea, antes del elemento raíz <html>. Le siguen <head> (metadatos) y <body> (contenido visible).

Elementos semánticos de HTML5

HTML5 introdujo etiquetas semánticas que describen el significado del contenido, mejorando accesibilidad y SEO:

Elemento	Representa
`<article>`	Composición auto-contenida, distribuible y/o reutilizable de manera independiente (ej.: una entrada de blog, una noticia). Un menú desplegable NO es un uso válido.
`<section>`	Sección genérica de un documento; sirve para estructurar semánticamente el documento cuando lo representa un agente de usuario. Un agente que representa el documento en voz puede usar `<section>` para exponer un índice de contenido por niveles y navegar rápidamente.
`<aside>`	Contenido tangencial o indirectamente relacionado con el contenido principal (barras laterales, notas). Restricción: no debe ser descendiente de un elemento `<address>`.
`<progress>`	Barra de progreso (nueva etiqueta HTML5).
`<audio>` / `<video>`	Reproducen sonido y vídeo respectivamente. El elemento correcto para reproducir vídeo es `video`.

Otras etiquetas nuevas de HTML5 incluyen <nav>, <header>, <footer> y <figure>. En cambio, elementos de presentación como <basefont> o <font> NO son soportados en HTML5 (se sustituyen por CSS).

Elementos de texto (text-level semantics)

El elemento <abbr> representa una abreviatura o acrónimo. Comparte nivel semántico (contenido de frase) con <em>, <strong>, <small> y <var>. Su comportamiento por defecto es presentarse en línea con el texto circundante; el estilo predeterminado varía entre navegadores (algunos lo muestran con un subrayado de puntos y otros no). Su atributo title ofrece una descripción completa de la abreviatura (se muestra como tooltip). El elemento <b> pone texto en negrita sin marcarlo como importante (a diferencia de <strong>).

Enlaces e imágenes

El hiperenlace se crea con la etiqueta <a> y su atributo href. Envolviendo una imagen con un ancla se convierte la imagen en enlace:


<a href="https://www.boe.es"><img src="foto.jpg" alt="Acceso al BOE"/></a>

Esto muestra la imagen foto.jpg como hipervínculo a la página indicada. El atributo alt proporciona texto alternativo (accesibilidad).

La etiqueta <base target="..."> define el destino por defecto de todos los enlaces de la página: target="_blank" abre el contenido en una nueva ventana o pestaña, mientras que target="_self" lo abre dentro del mismo marco en que se hizo clic.

Formatos de imagen recomendados para web: JPG/JPEG, PNG, GIF, SVG, WebP. BMP NO es recomendado (sin compresión eficiente).

Listas

<ol> crea listas ordenadas (numeradas); <ul>, listas no ordenadas; ambas usan <li> para cada ítem.
<dl> define una lista de descripción (términos <dt> y sus descripciones <dd>).


<ol>

<li>Cafe</li>

<li>Té</li>

<li>Leche</li>

</ol>

Formularios: el elemento `<input>`

<input> crea controles interactivos de formulario para recibir datos del usuario. Su atributo type toma por defecto el valor text. Atributos y tipos relevantes:

type="file": cargar/subir archivos.
type="checkbox": permite elegir más de un elemento a la vez.
autofocus: hace que el control reciba el cursor (foco) al cargar la página.
autocomplete="on": el navegador predice y autocompleta el valor según entradas previas del usuario.
pattern: define una expresión regular que valida el texto introducido (p. ej. exigir entre 10 y 16 caracteres A-Z mayúsculas).

La etiqueta obsoleta keygen (generación de claves) admitía en su atributo keytype los valores rsa (por defecto), dsa y ec.

Almacenamiento local

HTML5 aporta Web Storage. El objeto window.localStorage guarda datos localmente en el navegador sin fecha de expiración (persisten al cerrar el navegador), frente a sessionStorage, que dura la sesión.

CSS: selectores y formas de inclusión

La función principal de CSS es diseñar la interfaz gráfica de usuario. Para dar estilo a todos los elementos con class="fondoGris", se usa en la hoja de estilos el selector de clase .fondoGris (punto + nombre de clase) y se modifican sus propiedades.

Existen tres formas de añadir CSS: inline (atributo style en el elemento), internal (bloque <style> en el <head>) y external (fichero .css enlazado con <link>).

Preprocesadores CSS: Sass, Less y Stylus amplían CSS con variables, anidamiento y mixins, compilándose a CSS estándar.

Bootstrap

Bootstrap es un framework de desarrollo web front-end cuya función es dar estilo y diseño a la página y facilitar la creación de aplicaciones web responsive de manera rápida y sencilla. Está construido con CSS y JavaScript. Se incluye enlazando su CSS por CDN, por ejemplo:


<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css'>

Para la barra de navegación se emplea el elemento HTML <nav> con la clase .navbar.

Accesibilidad web (WAI-W3C)

La WAI (Web Accessibility Initiative) del W3C publica las pautas de accesibilidad:

WCAG (Web Content Accessibility Guidelines): accesibilidad del contenido. La versión 2.1 se organiza en directrices agrupadas bajo cuatro principios: Perceptible, Operable, Comprensible y Robusto (POUR).
ATAG (Authoring Tool Accessibility Guidelines): pautas de accesibilidad para las herramientas de autor.
UAAG: pautas para agentes de usuario (navegadores).

Existen herramientas de evaluación automática de accesibilidad (WAVE, aXe, TAW, Lighthouse). Un nombre inventado como "Webcr" NO es una herramienta de evaluación real.

Fuentes

HTML Living Standard, WHATWG — https://html.spec.whatwg.org/multipage/
HTML Standard, 4.5 Text-level semantics (abbr, em, strong, small, var) — https://html.spec.whatwg.org/multipage/text-level-semantics.html
MDN Web Docs, <keygen> (keytype: rsa/dsa/ec) — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/keygen
MDN Web Docs, <input> — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
MDN Web Docs, Window.localStorage — https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
W3C Cascading Style Sheets (CSS) — https://www.w3.org/Style/CSS/
W3C Web Accessibility Initiative (WAI): WCAG, ATAG — https://www.w3.org/WAI/standards-guidelines/
Bootstrap, documentación oficial — https://getbootstrap.com/

Hacer test Art. 1

Art. 2

XML y sus derivaciones

TAI Bloque 3 · Tema 307

XML y sus derivaciones

XML son las siglas de Extensible Markup Language (Lenguaje de Marcado Extensible). Es un metalenguaje de marcado definido por el W3C cuyo propósito principal es almacenar y transferir datos de forma estructurada, legible tanto por humanos como por máquinas e independiente de plataforma. A diferencia de HTML, que describe la presentación, XML describe el contenido: el autor define sus propias etiquetas. Los documentos XML se guardan con la extensión .xml.

Estructura de un documento XML

Un documento XML suele comenzar por una declaración (prólogo) que indica versión y codificación:


<?xml version="1.0" encoding="UTF-8" ?>

La unidad básica es el elemento, delimitado por una etiqueta de apertura y otra de cierre. La sintaxis correcta para un elemento nombre con valor Juan es:


<nombre>Juan</nombre>

Los comentarios se escriben con la sintaxis .

Elemento raíz único

Según la especificación XML 1.0 del W3C, un documento bien formado debe contener un único elemento raíz (root o document element), cuyas etiquetas de apertura y cierre no se encuentran dentro del contenido de ningún otro elemento. Por tanto, es incorrecto afirmar que un documento XML pueda tener «tantos elementos raíz como se necesiten»: solo puede haber uno. El resto de elementos anidan correctamente unos dentro de otros (todo lo que se abre se cierra en el mismo nivel de contenido).

Elementos frente a atributos

Un elemento es una entidad de nivel superior (contiene datos u otros elementos), mientras que un atributo es una propiedad asociada a un elemento, escrita en su etiqueta de apertura (<empleado id="7">). Los valores de atributo deben ir siempre entre comillas.

Espacios de nombres (namespaces)

Un espacio de nombres (namespace) sirve para evitar conflictos de nombres entre elementos y atributos cuando se combinan vocabularios XML distintos en un mismo documento. Se declara con xmlns y asocia un prefijo a un URI, de modo que dos elementos con el mismo nombre local pero distinto namespace no colisionan.

Validación: DTD y XML Schema

Un documento puede además ser válido si se ajusta a una gramática. Existen dos mecanismos principales:

DTD (Document Type Definition). Define la estructura y las reglas de validación de un documento XML (qué elementos existen, su orden y su cardinalidad). Se puede invocar un DTD externo mediante una declaración DOCTYPE; una llamada correcta a un DTD externo es:


<!DOCTYPE nombre SYSTEM "archivodtd.dtd">

En un DTD, la cardinalidad de los hijos se indica con sufijos sobre el modelo de contenido. Por ejemplo, en <!ELEMENT libro (titulo, autor+, precio?, materia*)>:

Indicador	Significado	Ejemplo
(ninguno)	exactamente uno (obligatorio)	`titulo`
`+`	uno o más	`autor+`
`?`	cero o uno (opcional)	`precio?`
`*`	cero o más	`materia*`

De esa definición se infiere que un libro tiene exactamente un título, al menos un autor, opcionalmente un precio y cero o más materias. Por tanto, es incorrecto afirmar que «todo libro deberá tener al menos una materia»: materia* admite también cero materias.

XML Schema (XSD). Es más potente que el DTD (tipos de datos, namespaces). La ocurrencia múltiple de un elemento se declara con maxOccurs="unbounded". Por ejemplo, para que un pedido pueda tener varios artículos:


<xs:element name="artículos">

<xs:complexType>

<xs:sequence>

<xs:element name="id_articulo" type="xs:string" maxOccurs="unbounded"/>

<xs:element name="cantidad" type="xs:int" maxOccurs="unbounded"/>

</xs:sequence>

</xs:complexType>

</xs:element>

XHTML

XHTML (Extensible HyperText Markup Language) es la reformulación de HTML como aplicación XML, por lo que hereda las reglas de buena formación de XML: los documentos deben estar bien formados, las etiquetas y atributos van en minúsculas, todos los elementos deben cerrarse y todos los valores de atributo deben ir entre comillas, SIN excepción (también los numéricos). Por ello, es falsa la afirmación de que «los valores de los atributos deben ir entre comillas, excepto los numéricos». Además, frente a HTML, en XHTML es obligatoria la presencia del elemento <head> (junto con <html>, <body> y <title>).

SOAP

SOAP es un protocolo de intercambio de mensajes basado en XML para servicios web. El esqueleto base de un mensaje SOAP 1.2 se compone de:

Envelope (envoltorio): elemento raíz obligatorio del mensaje.
Header (cabecera): opcional; información de control específica de la aplicación.
Body (cuerpo): obligatorio; contiene la carga útil dirigida al destinatario final.
Fault: opcional, dentro del Body, para comunicar errores (en SOAP 1.2 incluye Code/Reason).

Un elemento Title NO forma parte del esqueleto de un mensaje SOAP 1.2.

JSON como alternativa

Aunque no es una derivación de XML, JSON (JavaScript Object Notation) es el formato de intercambio de datos que compite con XML por su ligereza. Usa objetos { } (pares clave-valor) y arrays [ ]. En JavaScript, el método estático JSON.parse() transforma una cadena JSON en un objeto o valor JavaScript (y JSON.stringify() hace la operación inversa).

Equivalencia XML ↔ JSON. Un mismo dato puede representarse en ambos. Por ejemplo, elementos repetidos en XML (<empleado> varias veces) se corresponden con un array JSON:


{"empleados":{"empleado":[{"nombre":"Juan","apellido":"Español"},{"nombre":"Juana","apellido":"Española"}]}}

A la inversa, un array JSON de objetos (p. ej. varios Hijos) se traduce a XML repitiendo el elemento contenedor, y los elementos de una lista de valores (actividades) se repiten como etiquetas hermanas dentro de él.

Fuentes

W3C — Extensible Markup Language (XML) 1.0 (Fifth Edition): https://www.w3.org/TR/xml/
W3C — XHTML 1.0: The Extensible HyperText Markup Language (Second Edition): https://www.w3.org/TR/xhtml1/
W3C — SOAP Version 1.2 Part 1: Messaging Framework (Second Edition): https://www.w3.org/TR/soap12-part1/
W3C — SOAP Version 1.2 Part 0: Primer (Second Edition): https://www.w3.org/TR/soap12-part0/
W3C — XML Schema Definition Language (XSD) 1.1 Part 1: Structures: https://www.w3.org/TR/xmlschema11-1/
MDN Web Docs — JSON.parse(): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

Hacer test Art. 2

Art. 3

Front-end: JavaScript

TAI Bloque 3 · Tema 307

Front-end: JavaScript

JavaScript es un lenguaje de programación ligero, interpretado o compilado justo-a-tiempo (just-in-time, JIT) con funciones de primera clase (first-class functions): las funciones pueden asignarse a variables, pasarse como argumentos y devolverse como resultado. Es la afirmación de que JavaScript ofrece "funciones de segunda clase" la que resulta INCORRECTA. Su objetivo principal en el desarrollo web es manipular el contenido de la página (el DOM) y gestionar eventos en el lado cliente. Con él, por ejemplo, se puede mostrar una ventana emergente (pop-up) de confirmación en el navegador del usuario.

ECMAScript: la especificación

ECMAScript es la especificación estándar en la que se basa JavaScript; JavaScript es una implementación de ECMAScript. La mantiene ECMA International, organización cuyo objetivo es desarrollar estándares y reportes técnicos para facilitar el uso de las tecnologías de la información (norma ECMA-262). El comité técnico TC39 gestiona su evolución.

ECMAScript 2015 (ES6) introdujo, entre otras cosas, las clases, las propiedades computadas y los métodos estáticos.
ECMAScript 2016 (ES7) fue una versión muy pequeña que añadió exactamente dos novedades: el operador de exponenciación ** (equivalente a Math.pow()) y el método Array.prototype.includes().

Clases y miembros estáticos (ES6)

Una clase se declara con la palabra clave class seguida del nombre de la clase. Los métodos dentro de la clase se escriben de forma resumida, sin la palabra function. Con la palabra clave static antes del nombre se definen métodos y propiedades estáticas (pertenecientes a la clase, no a la instancia). No obstante, las propiedades estáticas en JavaScript ES6 tienen una limitación: se pueden definir, pero no de la misma manera que en otros lenguajes de programación más tradicionales.


static area(r) { return Circulo.PI * r ** 2; }

}

Propiedades computadas vs getters

Las propiedades computadas (introducidas en ES6/ES2015) son propiedades de objetos cuyos nombres se pueden determinar en tiempo de ejecución, calculados a partir de una variable. Su ventaja es precisamente crear propiedades con nombres calculados y definidos por una variable. Se diferencian de los getters: los getters computan el valor de una propiedad, mientras que las propiedades computadas determinan el nombre de la propiedad.


const obj = { [clave]: 100 };  // propiedad computada: obj.stock

Operadores, cadenas y bucles

El operador de desigualdad estricta !== compara valor y tipo: (x !== 9) es verdadero si x difiere de 9 en valor o en tipo. Por ello, si x = 5 (número), la expresión x !== "5" devuelve true (distinto tipo). Ejemplos de manipulación de cadenas y bucles:

('hola tai'.split(' ')).join('') → 'holatai' (divide por el espacio y une sin separador).
let i = 0; while (i < 5) { i++; } → al finalizar, i vale 5.

AJAX y XMLHttpRequest

AJAX significa Asynchronous JavaScript And XML. Es la tecnología que permite realizar peticiones en segundo plano y actualizar parcialmente la página de forma asíncrona sin recargarla por completo (por ejemplo, consultar el stock de un artículo sin interrumpir al usuario). El objeto que realiza estas solicitudes HTTP asíncronas es XMLHttpRequest, que ofrece una forma fácil de obtener información de una URL sin recargar la página.

Método send(): envía la solicitud HTTP.
Propiedad onreadystatechange: manejador que se dispara para recibir/procesar la respuesta HTTP según cambia readyState.

Como alternativa moderna al manejo de la asincronía, las Promesas (Promise) permiten realizar llamadas asíncronas y manejar su resultado, logrando que los métodos asíncronos devuelvan valores como si fueran síncronos.

DOM, eventos y APIs del navegador

El acceso a un elemento por su identificador se hace con window.document.getElementById("header"). Entre los eventos HTML, onmouseover produce un efecto al situar el puntero del ratón sobre un elemento.

window.btoa(): método del objeto Window que codifica una cadena en Base64 (su inverso es atob()).
localStorage y sessionStorage: APIs de almacenamiento web de HTML5 que guardan información en el cliente en formato clave/valor.
Cookies: una cookie temporal (de sesión) se almacena en memoria y se elimina al cerrar el navegador; NO se guarda en el disco duro (esa afirmación es la incorrecta), a diferencia de las persistentes.

Motores, navegadores y herramientas

Motor JavaScript de Google Chrome: V8.
Navegadores: Firefox es de código abierto; Opera puede usarse en Linux. Browser Sync NO es un navegador (es una herramienta de sincronización de desarrollo).
Babel: transpilador/compilador que transforma el código JavaScript moderno para que lo interpreten los navegadores web más antiguos.
Gulp / gulp.js: sistema de construcción (build system) que automatiza tareas comunes de desarrollo front-end, como la minimización (minify) de código JavaScript.
Modernizr: detecta la falta de compatibilidad de las funcionalidades del proyecto con cada navegador.
Adobe XD: herramienta de diseño visual de interfaces de usuario.

Bibliotecas y frameworks de interfaz

React: biblioteca (librería) JavaScript de código abierto para construir interfaces de usuario.
Angular: framework para crear aplicaciones web de una sola página (SPA).
Bootstrap: conjunto de herramientas de interfaz potente y repleto de funciones, que aporta componentes de presentación, estilo y comportamiento para la parte dinámica del front-end HTML. Se apoya en JavaScript (por ejemplo, $('#myModal').modal() crea un modal) y usa un sistema de rejilla (grid) de 12 columnas con clases responsivas como col-md-6 para el tamaño medio (≥768px y <992px):


<div class='row'>

<div class='col-md-6'>Columna 1</div>

<div class='col-md-6'>Columna 2</div>

</div>

Fuentes

MDN Web Docs — JavaScript: https://developer.mozilla.org/es/docs/Web/JavaScript
MDN Web Docs — Window: btoa(): https://developer.mozilla.org/en-US/docs/Web/API/Window/btoa
MDN Web Docs — XMLHttpRequest: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
MDN Web Docs — Classes (JavaScript): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes
MDN Web Docs — Web Storage API (localStorage / sessionStorage): https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API
ECMA International — ECMA-262 (ECMAScript Language Specification): https://www.ecma-international.org/publications-and-standards/standards/ecma-262/
TC39 — Especificación ECMAScript y proceso: https://tc39.es/
W3C — HTML DOM Events: https://www.w3.org/TR/uievents/
React (documentación oficial): https://react.dev/
Bootstrap (documentación oficial): https://getbootstrap.com/
Babel (documentación oficial): https://babeljs.io/docs/
Gulp.js (documentación oficial): https://gulpjs.com/

Hacer test Art. 3

Art. 4

Desarrollo en servidor y multiplataforma

TAI Bloque 3 · Tema 307

Desarrollo en servidor y multiplataforma

El desarrollo web se estructura sobre la arquitectura cliente-servidor, un modelo de diseño de software en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Al cliente se le conoce también con el término front-end, mientras que al servidor se le denomina back-end. En una aplicación web, el lenguaje que se utiliza principalmente para el desarrollo de la parte del cliente es HTML, complementado con CSS y JavaScript; la lógica del servidor se resuelve con lenguajes como PHP, Java (JSP), Python o Ruby.

Una aplicación web se ejecuta a través del navegador y del servidor, por lo que no requiere instalación en el equipo del usuario: precisamente la característica de "necesitar una instalación en el equipo para poder utilizarla" es propia de las aplicaciones de escritorio y NO de una aplicación web. Otras características habituales son el acceso multiplataforma y multidispositivo, la actualización centralizada y la independencia del sistema operativo del cliente.

PHP: lenguaje de servidor

PHP es el lenguaje de scripting de servidor más extendido. Algunos hechos clave:

Arrays: en PHP un array es realmente un mapa ordenado, un tipo que asocia valores con claves y que puede usarse como array clásico, lista, tabla hash, diccionario, pila o cola.
Asignación: la asignación en PHP devuelve el valor asignado y se evalúa de derecha a izquierda. En $b = 4; $c = 7; $a = $b = $c; se asigna primero $c (7) a $b, y ese resultado a $a, de modo que $a vale 7. Con $b = 3; $c = 4; el resultado es 4, y con $b = 2; $c = 3; es 3.
Sesiones: la superglobal $_SESSION es la variable de entorno que se utiliza para almacenar información sobre la sesión del usuario (datos que persisten entre las distintas peticiones de un mismo usuario).

Bucles y condicionales en PHP

Para garantizar que un bloque se ejecute al menos una vez, se emplea el bucle do...while, que evalúa la condición al final. Así, <?php $i = 0; do { echo $i; } while ($i > 0); ?> escribe el valor de $i una vez aunque la condición sea falsa. Del mismo modo, un if cuya condición se cumple en la primera evaluación tambien escribe el valor: <?php $i = 1; if ($i >= 0) { echo $i; } ?> permite que se escriba al menos una vez el valor de la variable $i.

Niveles de error en PHP

PHP clasifica los errores mediante constantes. Los evaluados con frecuencia son:

Constante	Descripción oficial
E_WARNING	Advertencias en tiempo de ejecución (errores no fatales). La ejecución del script no se interrumpe.
E_DEPRECATED	Avisos sobre código que no funcionará en futuras versiones; disponible desde PHP 5.3.0 para recibir dichas advertencias (`E_DEPRECATED`).
E_RECOVERABLE_ERROR	Disponible desde PHP 5.2.0; indica que ocurrió un error probablemente peligroso, pero no dejó al Motor (Engine) en un estado inestable; puede capturarse con un manejador de errores definido por el usuario.
E_COMPILE_ERROR	Error fatal de compilación generado por el Zend Engine.

La sentencia require es fundamental para el manejo de dependencias: al no encontrar el archivo, require produce un error fatal (E_COMPILE_ERROR) y detiene el script, a diferencia de include, que solo emite un E_WARNING y permite continuar la ejecución.

Otros lenguajes de servidor y de cliente

Python: en una sentencia if, el bloque de código a ejecutar cuando la condición se cumple se identifica por la indentación (sangría): cada línea del bloque debe estar precedida por el mismo número de espacios en blanco, con la misma sangría. Python usa la indentación en lugar de llaves para delimitar bloques.
JSP (JavaServer Pages): el inicio de un comentario JSP (comentario del servidor, no enviado al cliente) se define con la sintaxis <%-- y se cierra con --%>.
Swift: es un lenguaje de programación multiparadigma (soporta programación orientada a objetos, funcional, imperativa y de protocolos), creado por Apple.
Ruby on Rails (RoR): es un framework de desarrollo de aplicaciones web basado en el patrón MVC (Modelo-Vista-Controlador), escrito en Ruby, que sigue los principios "convención sobre configuración" y DRY.

Herramientas, servidores y CMS

XAMPP: es la distribución de Apache que contiene MySQL, PHP y Perl, disponible para cualquiera de los diferentes sistemas operativos (Windows, Linux, macOS, Solaris). Su nombre procede de "Cross-Platform, Apache, MySQL/MariaDB, PHP y Perl"; desde 2015 sustituyó MySQL por MariaDB. Es libre y multiplataforma, e incluye módulos como phpMyAdmin y OpenSSL.
Red Hat JBoss Web Server: es un servidor de aplicaciones/web de código abierto (basado en Apache Tomcat y Apache HTTP Server).
Drupal: es un sistema de gestión de contenidos (CMS) con licencia GNU/GPL, escrito en PHP.
PrestaShop: es un sistema de gestión de contenidos (CMS) para comercio electrónico basado en PHP y MySQL.

Control de versiones y CI/CD: Bitbucket

Bitbucket es una herramienta de gestión de repositorios Git de Atlassian. Su función principal es compartir datos, implementar y crear código, así como automatizar pruebas (colaboración sobre el código fuente e integración con flujos de despliegue). En su versión autoalojada, Bitbucket Server es compatible e integrable con Bamboo, el servidor de integración y despliegue continuos (CI/CD) de Atlassian: al enlazarlos, un push al repositorio dispara automáticamente la construcción y Bamboo devuelve el estado de compilación y los resultados de las pruebas a Bitbucket. Bitbucket también se integra con Jira y otras herramientas del ecosistema.

Fuentes

PHP Manual — Predefined Constants (error constants): https://www.php.net/manual/en/errorfunc.constants.php
PHP Manual — require: https://www.php.net/manual/en/function.require.php
PHP Manual — Arrays: https://www.php.net/manual/en/language.types.array.php
PHP Manual — $_SESSION / Session handling: https://www.php.net/manual/en/reserved.variables.session.php
Python Documentation — Compound statements (if): https://docs.python.org/3/reference/compound_stmts.html
Swift.org — About Swift: https://www.swift.org/about/
Ruby on Rails Guides: https://guides.rubyonrails.org/
Apache Friends — XAMPP: https://www.apachefriends.org/
Atlassian — Bamboo integration with Bitbucket Data Center/Server: https://confluence.atlassian.com/bitbucketserver/link-bitbucket-with-bamboo-1032258002.html
Atlassian — Bitbucket: https://www.atlassian.com/software/bitbucket
Drupal.org — Licensing (GNU GPL): https://www.drupal.org/about/licensing
Red Hat — JBoss Web Server: https://www.redhat.com/en/technologies/jboss-middleware/web-server

Hacer test Art. 4

Desarrollo Web

Desarrollo Web

HTML y CSS

HTML y CSS: fundamentos del desarrollo web front-end

Estructura del documento HTML

Elementos semánticos de HTML5

Elementos de texto (text-level semantics)

Enlaces e imágenes

Listas

Formularios: el elemento <input>

Almacenamiento local

CSS: selectores y formas de inclusión

Bootstrap

Accesibilidad web (WAI-W3C)

Fuentes

XML y sus derivaciones

XML y sus derivaciones

Estructura de un documento XML

Elemento raíz único

Elementos frente a atributos

Espacios de nombres (namespaces)

Validación: DTD y XML Schema

XHTML

SOAP

JSON como alternativa

Fuentes

Front-end: JavaScript

Front-end: JavaScript

ECMAScript: la especificación

Clases y miembros estáticos (ES6)

Propiedades computadas vs getters

Operadores, cadenas y bucles

AJAX y XMLHttpRequest

DOM, eventos y APIs del navegador

Motores, navegadores y herramientas

Bibliotecas y frameworks de interfaz

Fuentes

Desarrollo en servidor y multiplataforma

Desarrollo en servidor y multiplataforma

PHP: lenguaje de servidor

Bucles y condicionales en PHP

Niveles de error en PHP

Otros lenguajes de servidor y de cliente

Herramientas, servidores y CMS

Control de versiones y CI/CD: Bitbucket

Fuentes

Vence AI

Formularios: el elemento `<input>`