195 lines
8.8 KiB
HTML
195 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="es">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>TAI – AGE | Temario oposición</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ── Topbar ─────────────────────────────────────────── -->
|
||
<nav class="topbar">
|
||
<span class="topbar-brand"><i class="fas fa-graduation-cap"></i> TAI – AGE</span>
|
||
<nav class="topbar-nav">
|
||
<a href="index.html" class="active">Inicio</a>
|
||
<a href="curso.html">Temario</a>
|
||
<a href="cuestionarios/index.html">Cuestionarios</a>
|
||
<a href="noticias.html">Noticias</a>
|
||
</nav>
|
||
</nav>
|
||
|
||
<!-- ── Banner cambios INAP ──────────────────────────────── -->
|
||
<div id="inap-cambio-banner" class="inap-cambio-banner" style="display:none">
|
||
<div class="inap-cambio-inner">
|
||
<i class="fas fa-exclamation-circle"></i>
|
||
<div class="inap-cambio-txt">
|
||
<strong>¡La página de la convocatoria TAI ha cambiado!</strong>
|
||
<span>El INAP ha actualizado la información del proceso selectivo.</span>
|
||
</div>
|
||
<a class="inap-banner-link btn btn-primary" href="#" target="_blank" rel="noopener" style="white-space:nowrap">
|
||
<i class="fas fa-external-link-alt"></i> Ver cambios
|
||
</a>
|
||
<button class="inap-banner-close" onclick="cerrarBannerInap()" aria-label="Cerrar">
|
||
<i class="fas fa-times"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ── Hero ──────────────────────────────────────────── -->
|
||
<section class="home-hero">
|
||
<h1><i class="fas fa-laptop-code"></i> Temario TAI – AGE</h1>
|
||
<p>Técnico/a en Informática – Administración General del Estado.<br>
|
||
Todos los bloques, todos los temas. Sin filtros.</p>
|
||
|
||
<div class="home-stats">
|
||
<div class="stat-item">
|
||
<div class="stat-num">4</div>
|
||
<div class="stat-lbl">Bloques</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-num">33</div>
|
||
<div class="stat-lbl">Temas</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<div class="stat-num">4</div>
|
||
<div class="stat-lbl">Exámenes reales</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;">
|
||
<a href="curso.html" class="btn btn-primary"><i class="fas fa-play"></i> Empezar el temario</a>
|
||
<a href="cuestionarios/index.html" class="btn btn-outline"><i class="fas fa-question-circle"></i> Practicar exámenes</a>
|
||
</div>
|
||
|
||
<!-- Cuenta atrás -->
|
||
<div class="countdown-wrap">
|
||
<div class="countdown-label"><i class="fas fa-calendar-alt"></i> Examen TAI · 23 de mayo de 2026</div>
|
||
<div class="countdown-units" id="countdown">
|
||
<div class="cd-unit"><span class="cd-num" id="cd-days">--</span><span class="cd-lbl">días</span></div>
|
||
<div class="cd-sep">:</div>
|
||
<div class="cd-unit"><span class="cd-num" id="cd-hours">--</span><span class="cd-lbl">horas</span></div>
|
||
<div class="cd-sep">:</div>
|
||
<div class="cd-unit"><span class="cd-num" id="cd-mins">--</span><span class="cd-lbl">min</span></div>
|
||
<div class="cd-sep">:</div>
|
||
<div class="cd-unit"><span class="cd-num" id="cd-secs">--</span><span class="cd-lbl">seg</span></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script src="js/inap-watch.js"></script>
|
||
<script>
|
||
(function () {
|
||
const target = new Date('2026-05-23T00:00:00');
|
||
function tick() {
|
||
const diff = target - Date.now();
|
||
if (diff <= 0) {
|
||
document.getElementById('countdown').innerHTML = '<span style="color:var(--accent);font-size:1.4rem">¡Hoy es el día! 🎯</span>';
|
||
return;
|
||
}
|
||
const d = Math.floor(diff / 86400000);
|
||
const h = Math.floor((diff % 86400000) / 3600000);
|
||
const m = Math.floor((diff % 3600000) / 60000);
|
||
const s = Math.floor((diff % 60000) / 1000);
|
||
document.getElementById('cd-days').textContent = String(d).padStart(2, '0');
|
||
document.getElementById('cd-hours').textContent = String(h).padStart(2, '0');
|
||
document.getElementById('cd-mins').textContent = String(m).padStart(2, '0');
|
||
document.getElementById('cd-secs').textContent = String(s).padStart(2, '0');
|
||
}
|
||
tick();
|
||
setInterval(tick, 1000);
|
||
})();
|
||
</script>
|
||
|
||
<!-- ── Bloques ────────────────────────────────────────── -->
|
||
<section class="bloques-section">
|
||
<h2>Bloques del temario</h2>
|
||
<div class="bloques-grid">
|
||
|
||
<article class="bloque-card" onclick="location.href='curso.html?bloque=1&tema=1'">
|
||
<div class="bloque-num">Bloque I</div>
|
||
<h3>Organización del Estado y Administración electrónica</h3>
|
||
<p>Constitución, EBEP, igualdad, identidad digital, protección de datos, sede electrónica.</p>
|
||
<ul class="bloque-temas-list">
|
||
<li>T1 – Constitución Española de 1978</li>
|
||
<li>T2 – Cortes Generales y Tribunal Constitucional</li>
|
||
<li>T3 – El Gobierno</li>
|
||
<li>T4 – EBEP, transparencia y ODS</li>
|
||
<li>T5 – Igualdad y discapacidad</li>
|
||
<li>T6 – Sociedad de la información e identidad digital</li>
|
||
<li>T7 – Protección de datos</li>
|
||
<li>T8 – Acceso electrónico a los servicios públicos</li>
|
||
<li>T9 – Sedes e infraestructuras electrónicas</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="bloque-card" onclick="location.href='curso.html?bloque=2&tema=1'">
|
||
<div class="bloque-num">Bloque II</div>
|
||
<h3>Tecnología básica</h3>
|
||
<p>Hardware, periféricos, estructuras de datos, sistemas operativos, BBDD.</p>
|
||
<ul class="bloque-temas-list">
|
||
<li>T1 – Informática básica y arquitectura</li>
|
||
<li>T2 – Periféricos y almacenamiento</li>
|
||
<li>T3 – Tipos de datos y algoritmos</li>
|
||
<li>T4 – Sistemas operativos</li>
|
||
<li>T5 – Sistemas gestores de BBDD</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="bloque-card" onclick="location.href='curso.html?bloque=3&tema=1'">
|
||
<div class="bloque-num">Bloque III</div>
|
||
<h3>Desarrollo de sistemas</h3>
|
||
<p>Modelado de datos, SQL, POO, Java EE, web, UML, pruebas y control de versiones.</p>
|
||
<ul class="bloque-temas-list">
|
||
<li>T1 – Modelado y diseño de BBDD</li>
|
||
<li>T2 – Lenguajes de programación</li>
|
||
<li>T3 – SQL y procedimientos almacenados</li>
|
||
<li>T4 – POO y patrones de diseño</li>
|
||
<li>T5 – Java EE / .NET</li>
|
||
<li>T6 – Arquitecturas cliente/servidor y web services</li>
|
||
<li>T7 – Desarrollo web front-end y back-end</li>
|
||
<li>T8 – Accesibilidad y seguridad en desarrollo</li>
|
||
<li>T9 – Repositorios y metodologías</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="bloque-card" onclick="location.href='curso.html?bloque=4&tema=1'">
|
||
<div class="bloque-num">Bloque IV</div>
|
||
<h3>Sistemas y comunicaciones</h3>
|
||
<p>Administración de SO, BBDD, correo, redes, seguridad, TCP/IP, Internet, VPN.</p>
|
||
<ul class="bloque-temas-list">
|
||
<li>T1 – Administración del SO</li>
|
||
<li>T2 – Administración de BBDD y virtualización</li>
|
||
<li>T3 – Servidores de correo y contenedores</li>
|
||
<li>T4 – Administración de redes de área local</li>
|
||
<li>T5 – Seguridad de sistemas</li>
|
||
<li>T6 – Comunicaciones y redes</li>
|
||
<li>T7 – Modelos TCP/IP y OSI</li>
|
||
<li>T8 – Internet y HTTP/S</li>
|
||
<li>T9 – Seguridad perimetral y VPN</li>
|
||
<li>T10 – Redes locales</li>
|
||
</ul>
|
||
</article>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ── Cuestionarios banner ───────────────────────────── -->
|
||
<section class="quiz-card">
|
||
<div class="quiz-banner">
|
||
<div class="quiz-banner-icon"><i class="fas fa-file-alt" style="color:var(--accent)"></i></div>
|
||
<div>
|
||
<h3>Exámenes reales TAI (2019 – 2024)</h3>
|
||
<p>Practica con preguntas de convocatorias anteriores: TAI 2019, TAI 2023, TAI 2024 A y B.</p>
|
||
</div>
|
||
<a href="cuestionarios/index.html" class="btn btn-primary">
|
||
<i class="fas fa-play"></i> Practicar ahora
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
</body>
|
||
</html>
|