Preparar las oposiciones TAI (Técnico Auxiliar de Informática del Estado) requiere dominar una amplia amalgama de tecnologías, y el Bloque III enfocado al Desarrollo de Sistemas es, sin duda, uno de los que más peso tienen en el examen oficial. Si estás inmerso en el temario publicado en el BOE, habrás notado que el Tema 7: Aplicaciones web. Desarrollo web front-end y en servidor, multiplataforma y multidispositivo. Lenguajes: HTML, XML y sus derivaciones. Navegadores y lenguajes de programación web. Lenguajes de script abarca, esencialmente, los pilares sobre los que se sustenta la internet moderna.

Como profesor preparador, te aseguro que este tema no es solo teoría de relleno; la Administración Pública actual está inmersa en la digitalización, basando casi la totalidad de sus servicios al ciudadano en portales y sedes electrónicas web. Por ello, las preguntas tipo test sobre estas tecnologías son seguras año tras año. En este artículo, vamos a desgranar cada concepto desde la óptica del opositor, destacando exactamente qué debes memorizar, qué estándares persigue el tribunal y cómo desenredar las preguntas trampa de las convocatorias pasadas.

¿Qué es el desarrollo de aplicaciones web y por qué es clave en la oposición TAI?

Una aplicación web es un software cliente-servidor donde el cliente interactúa a través de un navegador web y el servidor ejecuta la lógica de negocio, procesa los datos y genera el contenido a visualizar. En el contexto de las oposiciones a Técnico Auxiliar de Informática, este bloque temático es la piedra angular del desarrollo ágil y multiplataforma del Estado, abarcando desde las etiquetas semánticas de HTML5 hasta la validación de archivos de intercambio de datos mediante XML.

El estudio de este tema es vital porque el tribunal de la Comisión Permanente de Selección (CPS) lo utiliza recurrentemente tanto en el primer ejercicio (preguntas teóricas de estándares W3C) como en los supuestos prácticos del segundo ejercicio, exigiendo a los futuros funcionarios conocimientos tanto de la parte visible (front-end) como de la parte lógica (back-end), así como de las arquitecturas que unen ambos mundos.

Contenido clave del Tema 7: Aplicaciones Web para la oposición TAI

Para dominar este denso epígrafe, debemos diseccionarlo en sus áreas anatómicas reales. No se trata de aprender a programar una web desde cero, sino de conocer profundamente los estándares, sintaxis básicas, arquitecturas y herramientas que rigen la web hoy en día.

Desarrollo web front-end y en servidor (Back-end)

El desarrollo web moderno se divide irrevocablemente en dos mundos interconectados, siguiendo las premisas de la arquitectura cliente-servidor.

• Front-end (Lado del cliente): Es la interfaz gráfica y la lógica de interacción que se ejecuta directamente en el navegador web del usuario. Aquí mandan tres tecnologías universales estandarizadas por el W3C (World Wide Web Consortium): HTML (estructura), CSS (presentación y estilos) y JavaScript (comportamiento y dinamismo). En este ámbito se busca la accesibilidad y el rendimiento óptimo, garantizando que el ciudadano navegue fluídamente.
• Back-end (Lado del servidor): Constituye el "motor" alojado en infraestructuras remotas que suministra la información. Se compone típicamente del servidor web (como Apache, Nginx o IIS), el servidor de aplicaciones, una base de datos y la lógica programada en lenguajes como PHP, Java, Python o entornos de ejecución como Node.js. Genera contenido dinámico que luego se empaqueta vía el protocolo HTTP o HTTPS; algo que también repasarás en el tema de Internet y HTTP/HTTPS.

Desarrollo multiplataforma y multidispositivo

El BOE especifica el enfoque "multiplataforma y multidispositivo". En el examen de la oposición TAI, esto se traduce en conceptos de diseño web moderno destinados a que una web sea consumible desde un móvil, un PC o una tablet:

• Responsive Web Design (RWD - Diseño Web Adaptativo): Técnica impulsada por Ethan Marcotte que utiliza Media Queries en CSS3, rejillas flexibles (flexbox/grid) e imágenes adaptativas para que una sola versión de código HTML se redimensione según la pantalla del dispositivo.
• Progressive Web Apps (PWA): Aplicaciones web que utilizan las últimas tecnologías disponibles en los navegadores para ofrecer una experiencia asimilable a una aplicación nativa. Emplean Service Workers para ejecución en segundo plano y funcionamiento offline, y un archivo manifest.json para su instalación de acceso directo.
• Mobile First: Enfoque de diseño que dicta que la maquetación y la lógica deben conceptualizarse y programarse primero para pantallas pequeñas (móviles) y, mediante "progressive enhancement" (mejora progresiva), ir escalando para escritorio.

Lenguajes: HTML y sus características

El HTML (HyperText Markup Language) es el lenguaje delimitado por etiquetas que define la estructura textual y multimedia de las páginas. Originado por Tim Berners-Lee y derivado del estándar SGML (Standard Generalized Markup Language), es, de lejos, uno de los conceptos más preguntados en el test TAI.

Debes centrarte encarecidamente en HTML5. Mientras versiones antiguas como HTML 4.01 se basaban fuertemente en etiquetas de presentación, HTML5 introdujo la web semántica, APIs nativas potentes y capacidades multimedia sin necesidad de plugins externos de terceros (como el extinto Flash). Las etiquetas clave que suelen aparecer en test incluyen:

• Estructurales semánticas: <header>, <nav>, <main>, <article>, <section>, <aside>, <footer>. Estas etiquetas explican a los motores de búsqueda y herramientas de accesibilidad (visores Braille, lectores de pantalla) qué propósito tiene cada bloque.
• Multimedia: <video>, <audio>, <canvas> (para dibujar gráficos mediante JavaScript a nivel de píxel) y <svg> (gráficos vectoriales escalables).
• Formularios mejorados: Nuevos tipos en la etiqueta <input> como email, date, number, range que introducen validación nativa sin requerir JavaScript adicional.

XML y sus derivaciones

Si hay un punto de este tema donde el opositor TAI suele atrancarse es el ecosistema XML (eXtensible Markup Language). Diseñado también por el W3C estandarizando subconjuntos de SGML, su objetivo no es "mostrar" datos (eso lo hace HTML), sino almacenar, transportar e intercambiar información estructurada bajo etiquetas definidas libremente por el usuario.

Dos conceptos vitales para el examen:

• Documento XML Bien Formado: Cumple las estrictas reglas sintácticas básicas del lenguaje XML (una sola etiqueta raíz, etiquetas correctamente anidadas y cerradas, atributos entre comillas, case-sensitive).
• Documento XML Válido: Es aquel que, además de estar bien formado, se ajusta a las reglas morfológicas y estructurales de un esquema predefinido que verifica qué etiquetas pueden existir y en qué orden. Hoy en día se valida mayoritariamente mediante XSD (XML Schema Definition), y clásicamente usando DTD (Document Type Definition).

Las derivaciones de XML constituyen un filón de preguntas para el CPS. Imprímete esto al estudiar:

• XSLT (eXtensible Stylesheet Language Transformations): Permite transformar un documento XML en otro documento distinto (otro XML, HTML o texto plano). Utiliza plantillas de transformación.
• XPath (XML Path Language): Es un lenguaje que permite navegar por el árbol de nodos de un documento XML y seleccionar elementos o atributos específicos mediante expresiones de ruta (similar al sistema de archivos).
• XQuery: Lenguaje de consulta funcional diseñado para extraer información de documentos XML o de bases de datos relacionales que soporten campos XML. Es a XML lo que SQL es a bases de datos relacionales, concepto muy tocado en el tema de SQL y procedimientos almacenados.
• Parseadores XML: ¿Cómo lee un programa un archivo XML? Principalmente de dos formas que preguntan incansablemente en los test TAI:
  • DOM (Document Object Model): Carga todo el XML a la vez en memoria RAM creando un árbol de nodos manipulable. Ideal para documentos pequeños o si hace falta alterar la estructura.
  • SAX (Simple API for XML): Lee el documento secuencialmente (event-driven). No carga todo en memoria. Una vez que lee un nodo, avanza, por lo que consume poquísima memoria. Ideal para archivos XML enormes, pero solo permite lectura hacia delante.

Comparativa entre tecnologías base (Tabla resumen para TAI)

Para anclar conocimientos teóricos, revisemos esta tabla que condensa las diferencias fundamentales que debes conocer para el test oficial de la Administración General del Estado.

Navegadores web y su arquitectura

Un navegador no es solo el icono donde hacemos clic. Es el software robusto capaz de interpretar URIs, negociar protocolos HTTP y renderizar interfaces. Para las oposiciones TAI suele ser pregunta de examen conocer sus componentes principales y motores.

Los componentes clave incluyen:

1. Interfaz de usuario (UI): Todo lo visible excepto la propia página web (barra de direcciones, botones de recargar, marcadores).
2. Motor del navegador (Browser Engine): Ejerce de puente coordinando acciones entre la interfaz de usuario y el motor de renderizado.
3. Motor de renderizado (Rendering Engine): Analiza (parsea) el código HTML y el CSS, construyendo el árbol DOM y el árbol de renderización para "pintarlo" en pantalla. Motores famosos a memorizar: Blink (usado en Chrome, Edge, Opera, derivado de WebKit), WebKit (usado por Safari de Apple) y Gecko (usado por Mozilla Firefox).
4. Intérprete de JavaScript: Compila justo a tiempo (JIT compiling) y ejecuta el código JavaScript. El caso más famoso de estudio obligatorio es V8, creado por Google y usado en Chrome y Node.js. Otro es SpiderMonkey, de Mozilla.

Lenguajes de programación web y lenguajes de script

Para que la experiencia web abandone la estaticidad documental y se convierta en una aplicación real con la que interactuamos, necesitamos usar programación funcional o imperativa. Como aprenderás a fondo en el tema general de Lenguajes de Programación, hay una distinción clave aquí.

Los "lenguajes de script": Históricamente diseñados para entornos especiales y muchas veces interpretados en tiempo de ejecución (frente a lenguajes tradicionales compilados explícitamente como C). Son los reyes incontestables de las aplicaciones web:

• JavaScript (JS): El estándar de facto e insustituible en el front-end web. Se rige bajo el estándar ECMAScript dictado por ECMA International. Es dinámico, multi-paradigma (basado en prototipos, orientado a objetos y funcional) y no tipado estáticamente por defecto. Mediante técnicas AJAX (Asynchronous JavaScript and XML... aunque ahora se use mayormente JSON y fetch), logra actualizar partes de un sitio web sin recargar la página entera conectándose con el back-end de forma asíncrona.
• TypeScript: Un "superset" (superconjunto) desarrollado por Microsoft sobre JavaScript, que le añade tipado estático y compilación (transpilación a JS plano). Exigible a menudo en plataformas maduras.
• Lenguajes de script de servidor (Back-end): Aquí reina la variedad. PHP (ampliamente extendido en la administración pública mediante frameworks y CMS), Python (con Django o Flask), Ruby o incluso entornos empresariales en Java (con Servlets o Spring Boot, cubiertos ampliamente en el tema de Java EE y .NET) o C# (ASP.NET). Todos buscan conectarse a bases de datos, implementar lógica de negocio pesada, securizar cuentas y escupir o respuestas JSON al front-end, o vistas HTML pre-rendereadas.

¿Cómo se pregunta este tema en los exámenes TAI?

La mejor manera de consolidar tu estudio SEO para TAI y ganar confianza es medirte ante lo que en verdad lanza la Comisión. Veamos varios ejemplos de preguntas tipo test reales o análogas de la oposición.

Pregunta 1: En el estándar HTML5, ¿qué grupo de elementos está diseñado específicamente para promover la web semántica identificando las partes lógicas de la página para lecturas automatizadas y accesibilidad?
A) <div>, <span>, <br> y <hr>
B) <article>, <aside>, <nav> y <section>
C) <strong>, <em>, <del> y <mark>
D) <table>, <tr>, <th> y <td>
Respuesta correcta: B. La opción B incluye las etiquetas introducidas con HTML5 explícitamente para dotar de semántica estructural a los documentos (un artículo, un contenido lateral, la zona de navegación y las secciones estructurales genéricas). Los `div` de la opción A carecen de peso semántico (son presentacionales genéricos).

Pregunta 2: Referente al procesamiento de documentos XML, ¿qué afirmación define correctamente qué es una API basada en SAX (Simple API for XML)?
A) Carga todo el documento en memoria creando una estructura jerárquica de árbol antes de permitir su consulta y manipulación.
B) Es un esquema de validación superior a DTD que permite tipos de datos complejos en archivos XML.
C) Analiza el documento de texto linealmente emitiendo eventos secuenciales sin volcar el árbol íntegro en memoria.
D) Es un lenguaje estandarizado derivado para extraer nodos concretos sin usar lenguajes de programación.
Respuesta correcta: C. SAX es un modelo basado en eventos de lectura secuencial. La afirmación A corresponde al DOM. La B hablaría de XML Schema (XSD) y la D alude a XPath.

Pregunta 3: Indique la relación correcta entre el motor de renderizado y su popular navegador web asociado:
A) WebKit / Mozilla Firefox
B) Gecko / Microsoft Edge (Moderno)
C) Trident / Apple Safari
D) Blink / Google Chrome
Respuesta correcta: D. Blink es el motor usado por Chrome (y por el Edge moderno basado en Chromium). Gecko pertenece a Firefox, WebKit se usa en Safari, y Trident era el motor obsoleto del viejo Internet Explorer.

Consejos para estudiar el tema Aplicaciones Web para la oposición TAI

Acercarte al Test TAI de este bloque requiere no solo horas en la silla frente a folios gruesos, sino estrategia. Como profesor que ha guiado a muchos aprobados, te indico las áreas críticas de riesgo donde suelen fallar los candidatos nuevos:

1. Sustituye la obsesión de programar por la de clasificar: No vas a tener que crear un portal bancario en tiempo real. Deja de mirar tutoriales de React o Angular en YouTube y concéntrate en los apuntes técnicos fundamentales: el W3C dicta los estándares (memoriza las siglas); ECMA es el protocolo tras el motor de JavaScript. El tribunal pregunta especificaciones normativas.
2. Asocia acrónimos a casos de uso reales: Es fácil mezclar XSLT con XPath. Haz ejercicios mentales: "Si necesito convertir mis datos presupuestarios XML en una tabla HTML chula uso... XSLT". "Si quiero saltar directamente al nodo del proveedor 34 sin leer el resto de datos uso... XPath".
3. Presta cuidado al término "Bien Formado" frente a "Válido": Ya lo hemos repasado arriba, pero es una trampa mortal de TAI en XML. Un archivo puede que esté perfectamente estructurado (bien formado), pero sin un DTD/XSD asociado, nunca se le nombrará técnicamente como "Válido". El examen intentará que confundas ambas cosas.
4. Domina HTML5: El Estado modernizó sus requisitos eliminando apéndices de XHTML o HTML4 de forma rigurosa. Hazte una tabla resumen con todos los elementos de formulario nuevos de HTML5 y los atributos estandarizados. Con eso aseguras 1 o 2 de las preguntas de la bolsa oficial.

Practica con test de Aplicaciones Web en nuestra plataforma

Preguntas frecuentes sobre Aplicaciones Web, HTML y XML en la oposición TAI

¿Es necesario saber programar código JavaScript avanzado para el examen?

No. El tribunal de la oposición de Técnico Auxiliar de Informática evalúa el nivel de comprensión sobre qué es JavaScript, su asociación con el estándar ECMAScript, su entorno de ejecución (el navegador frente al servidor) y cómo se comunica e interactúa con el DOM. Rara vez se pide completar scripts largos en el test teórico, aunque en el supuesto práctico sí pueden pedirte evaluar qué haría un bloque de código sucinto y muy básico, como bucles simples o una asignación de variables de eventos (como onclick).

¿Qué etiquetas de HTML suelen caer más a menudo en los últimos años?

Las últimas convocatorias en la especialidad estatal TAI se inclinan agresivamente por HTML5. Entran con fuerza recurrente elementos semánticos de la estructura como <article> o <nav>, los atributos específicos de accesibilidad web (Aria y roles), y los variados tipos de input en formularios orientados a validación, como "email" o "number", que previenen depender de JavaScript anticuado.

¿Siguen preguntando por DTD si actualmente se usa XML Schema (XSD)?

Sí, absolutamente. De hecho, el tribunal evalúa el conocimiento de ambos para testar la base histórica y las diferencias de potencia entre ellos. Les encanta realizar preguntas cruzadas donde una opción defiende las bondades de DTD como base en SGML frente al estricto uso de etiquetas XML convencionales para declarar estructuras rígidas de tipos de datos en la definición de esquemas modernos con XSD.

¿Qué diferencia fundamental rige entre lenguajes front-end y lenguajes de script de servidor en las preguntas TAI?

La diferencia reside en el lugar de procesamiento. Las opciones correctas de respuestas para los test del tribunal enfatizarán que tecnologías como HTML/CSS y JavaScript recaen y se ejecutan exclusivamente en los recursos del navegador del ciudadano o usuario final. En contraposición, PHP, Java en entorno EE, ASP.NET o Python consumen ciclos de CPU en la parte contratada de la Administración —el servidor— para compilar una salida antes de que la observe el cliente.

¿Por qué XML sigue siendo tan recurrente en áreas que presuntamente ya controla JSON?

El formato JSON (JavaScript Object Notation) es mucho más usado actualmente para crear APIs RESTful ultraligeras, pero, el entorno de las oposiciones TIC del Estado abarca una legión de servicios interoperables heredados de normativas, leyes y sistemas B2B que exigen validaciones robustas y firmas electrónicas avanzadas que emplean XML como base inamovible (como, por ejemplo, las Facturas Electrónicas, FacturaE o las firmas tipo XAdES). Este peso burocrático mantiene vivos todos los derivados de XML en el BOE del opositor.

Superar la parte de Desarrollo de Sistemas requiere afianzar conocimientos a golpe de simulación. Es inútil la lectura plana sin comprobación. Refuerza y consolida con preguntas con el nivel del Instituto Nacional de Administración Pública, evaluando el porqué de cada opción falsa. No lo dudes más y prueba nuestra plataforma de test TAI en Oposición Informatica para alcanzar tu ansiada plaza.