{"id":1469,"date":"2025-12-11T19:41:59","date_gmt":"2025-12-11T22:41:59","guid":{"rendered":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/?page_id=1469"},"modified":"2025-12-26T09:07:31","modified_gmt":"2025-12-26T12:07:31","slug":"pep-primaria","status":"publish","type":"page","link":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/pep-primaria\/","title":{"rendered":"Profesorado de Educaci\u00f3n Primaria (PEP)"},"content":{"rendered":"\n<div id=\"grids-component\" style=\"width:100%; height:100%;\"><\/div>\n\n<script>\n(function(){\n\n\/* ===========================\n   JSON DIN\u00c1MICO (nombre + tipo)\n   =========================== *\/\nconst DATA = {\n\n  1: [\n    { nombre: \"Pedagog\u00eda\", tipos: [\"ASIG\"] },\n    { nombre: \"Problem\u00e1ticas Socioantropol\u00f3gicas en Educaci\u00f3n\", tipos: [\"SEM\"] },\n    { nombre: \"Psicolog\u00eda y Educaci\u00f3n\", tipos: [\"ASIG\"] },\n    { nombre: \"Argentina En el Mundo Contempor\u00e1neo\", tipos: [\"ASIG\"] },\n    { nombre: \"Lenguaje Digital y Audiovisual\", tipos: [\"TALL\"] },\n    { nombre: \"Lenguaje Corporal\", tipos: [\"TALL\"] },\n    { nombre: \"Pr\u00e1ctica Docente I\", tipos: [\"SEM\",\"TALL\"] },\n    { nombre: \"Desarrollo del Pensamiento Matem\u00e1tico\", tipos: [\"TALL\"] },\n    { nombre: \"Oralidad, Lectura  y Escritura\", tipos: [\"TALL\"] },\n    { nombre: \"Alfabetizaci\u00f3n en Lengua Inglesa\", tipos: [\"SEM\"] }\n  ],\n\n  2: [\n    { nombre: \"Filosof\u00eda y Educaci\u00f3n\", tipos: [\"ASIG\"] },\n    { nombre: \"Did\u00e1ctica General\", tipos: [\"ASIG\"] },\n    { nombre: \"Lenguaje Art\u00edstico Expresivo\", tipos: [\"TALL\"] },\n    { nombre: \"Pr\u00e1ctica Docente II\", tipos: [\"SEM\",\"TALL\"] },\n    { nombre: \"Lengua y su Did\u00e1ctica I\", tipos: [\"ASIG\"] },\n    { nombre: \"Matem\u00e1tica y su Did\u00e1ctica I\", tipos: [\"ASIG\"] },\n    { nombre: \"Ciencias Naturales y su Did\u00e1ctica I\", tipos: [\"ASIG\"] },\n    { nombre: \"Ciencias Sociales y su Did\u00e1ctica I\", tipos: [\"ASIG\"] },\n    { nombre: \"Sujetos de la Educaci\u00f3n y Convivencia Escolar\", tipos: [\"SEM\"] },\n    { nombre: \"Seminario I Alfabetizaci\u00f3n en lengua Inglesa\", tipos: [\"SEM\"] }\n  ],\n\n  3: [\n    { nombre: \"Historia y Pol\u00edtica de la Educaci\u00f3n Argentina\", tipos: [\"ASIG\"] },\n    { nombre: \"Pr\u00e1ctica Docente III\", tipos: [\"SEM\",\"TALL\"] },\n    { nombre: \"Matem\u00e1tica y su Did\u00e1ctica II\", tipos: [\"ASIG\"] },\n    { nombre: \"Literatura en el Nivel Primario\", tipos: [\"ASIG\"] },\n    { nombre: \"Alfabetizaci\u00f3n Inicial\", tipos: [\"SEM\"] },\n    { nombre: \"Ciencias Naturales y su Did\u00e1ctica II\", tipos: [\"ASIG\"] },\n    { nombre: \"Taller de Ciencias en la Escuela\", tipos: [\"TALL\"] },\n    { nombre: \"Ciencias Sociales y su Did\u00e1ctica II\", tipos: [\"ASIG\"] },\n    { nombre: \"Educaci\u00f3n Art\u00edstico Expresivo\", tipos: [\"SEM\"] },\n    { nombre: \"Tic y la Ense\u00f1anza en el Nivel Primario\", tipos: [\"SEM\"] },\n    { nombre: \"Seminario II Alfabetizaci\u00f3n en lengua Inglesa\", tipos: [\"SEM\"] }\n  ],\n\n  4: [\n    { nombre: \"\u00c9tica y Construcci\u00f3n de Ciudadan\u00eda\", tipos: [\"ASIG\"] },\n    { nombre: \"Pr\u00e1cticas Docente IV\", tipos: [\"SEM\",\"TALL\"] },\n    { nombre: \"Problem\u00e1ticas y Desaf\u00edos en el Nivel Primario\", tipos: [\"SEM\"] },\n    { nombre: \"Educaci\u00f3n F\u00edsica en el Nivel Primario\", tipos: [\"SEM\"] },\n    { nombre: \"Educaci\u00f3n Sexual Integral\", tipos: [\"SEM\"] },\n    { nombre: \"Trabajo de Campo\", tipos: [\"SEM\"] },\n    { nombre: \"UDI: Inclusi\u00f3n y Diversidad Escolar\", tipos: [\"SEM\"] }\n  ]\n\n};\n\nconst FORMATOS = {\n  ASIG: \"Asignatura\",\n  SEM: \"Seminario\",\n  TALL: \"Taller\"\n};\n\n\n\/* ===========================\n   CSS INYECTADO DESDE JS\n   =========================== *\/\nconst css = `\n:root{\n  --accent-a:#0d4b8f;\n  --accent-b:#1aa3b8;\n  --accent-c:#f2a900;\n  --gray:#e6e6e6;\n  --border:#dcdcdc;\n  --card-bg:white;\n  --radius:10px;\n  --shadow:0 6px 18px rgba(0,0,0,0.08);\n  --gap:22px;\n  font-family: \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.cg-wrapper{\n  width:100%;\n  height:100%;\n  box-sizing:border-box;\n  padding:16px;\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n  overflow:auto;\n}\n\n.cg-geo-top, .cg-geo-bottom{\n  width:100%;\n  height:72px;\n  flex:0 0 72px;\n  pointer-events:none;\n}\n.cg-geo-top svg, .cg-geo-bottom svg{\n  width:100%; height:100%; display:block;\n}\n\n.cg-head{\n  font-family:\"Times New Roman\", serif;\n  font-size:14px;\n  color:#222;\n  padding:6px 4px;\n}\n\n.cg-grids{\n  display:flex;\n  flex-direction:column;\n  gap:var(--gap);\n  align-items:center;\n  width:100%;\n  flex:1 1 auto;\n  overflow:auto;\n}\n\n.cg-grid{\n  width:90%;\n  background:var(--card-bg);\n  border-radius:var(--radius);\n  border:1px solid var(--border);\n  box-shadow:var(--shadow);\n  overflow:hidden;\n}\n\n.cg-table{\n  width:100%;\n  border-collapse:collapse;\n  table-layout:fixed;\n  font-size:14px;\n}\n\n.cg-table thead th{\n  padding:10px;\n  background:#f7f7f7;\n  font-weight:700;\n  text-align:left;\n  border:1px solid var(--border);\n}\n\n.col-year{\n  background:var(--gray);\n  text-align:center;\n  font-weight:700;\n  font-size:20px;\n  vertical-align:middle;\n  width:120px;\n  border-left:none;\n}\n\n.cg-table td{\n  padding:10px;\n  border:1px solid var(--border);\n  background:white;\n  vertical-align:middle;\n}\n\n@media (max-width:720px){\n  .cg-geo-top, .cg-geo-bottom{ height:48px; flex:0 0 48px; }\n  .cg-grid{ width:95%; }\n  .col-year{ width:90px; font-size:18px; }\n  .cg-table td, .cg-table th{ padding:8px; font-size:13px; }\n}\n@media (max-width:420px){\n  .cg-grid{ width:100%; }\n  .col-year{ display:table-cell; }\n}\n`;\n\nconst style = document.createElement('style');\nstyle.innerHTML = css;\ndocument.head.appendChild(style);\n\n\n\/* ===========================\n   SVGs GEOM\u00c9TRICOS\n   =========================== *\/\nfunction geoTopHTML(){\n  return `\n  <div class=\"cg-geo-top\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n      <defs>\n        <linearGradient id=\"g1\" x1=\"0\" x2=\"1\">\n          <stop offset=\"0\" stop-color=\"var(--accent-a)\"\/>\n          <stop offset=\"1\" stop-color=\"var(--accent-b)\"\/>\n        <\/linearGradient>\n        <linearGradient id=\"g2\" x1=\"0\" x2=\"1\">\n          <stop offset=\"0\" stop-color=\"var(--accent-b)\" stop-opacity=\"0.95\"\/>\n          <stop offset=\"1\" stop-color=\"var(--accent-c)\" stop-opacity=\"0.95\"\/>\n        <\/linearGradient>\n      <\/defs>\n      <polygon points=\"0,0 1200,0 1200,40 800,80 600,60 300,90 0,40\" fill=\"url(#g1)\"\/>\n      <polygon points=\"0,40 300,10 520,40 780,18 1200,60 1200,120 0,120\" fill=\"url(#g2)\" opacity=\"0.9\"\/>\n    <\/svg>\n  <\/div>`;\n}\n\nfunction geoBottomHTML(){\n  return `\n  <div class=\"cg-geo-bottom\" aria-hidden=\"true\">\n    <svg viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n      <defs>\n        <linearGradient id=\"bg1\" x1=\"0\" x2=\"1\">\n          <stop offset=\"0\" stop-color=\"var(--accent-b)\"\/>\n          <stop offset=\"1\" stop-color=\"var(--accent-a)\"\/>\n        <\/linearGradient>\n        <linearGradient id=\"bg2\" x1=\"0\" x2=\"1\">\n          <stop offset=\"0\" stop-color=\"var(--accent-c)\" stop-opacity=\"0.95\"\/>\n          <stop offset=\"1\" stop-color=\"var(--accent-b)\" stop-opacity=\"0.95\"\/>\n        <\/linearGradient>\n      <\/defs>\n      <polygon points=\"0,0 400,40 600,10 900,50 1200,0 1200,120 0,120\" fill=\"url(#bg1)\"\/>\n      <polygon points=\"0,80 200,110 500,76 740,100 1200,60 1200,120 0,120\" fill=\"url(#bg2)\" opacity=\"0.9\"\/>\n    <\/svg>\n  <\/div>`;\n}\n\n\n\/* ===========================\n   BOLD DESPU\u00c9S DE DOS PUNTOS\n   =========================== *\/\nfunction boldAfterColon(texto){\n  const partes = texto.split(\":\");\n  if(partes.length < 2) return texto;\n  return `${partes[0]}: <strong>${partes.slice(1).join(\":\").trim()}<\/strong>`;\n}\n\n\n\/* ===========================\n   CREAR UNA GRILLA\n   =========================== *\/\nfunction crearGrilla(anio, materias){\n  const grid = document.createElement('div');\n  grid.className = 'cg-grid';\n\n  const table = document.createElement('table');\n  table.className = 'cg-table';\n  table.setAttribute('role','table');\n  table.setAttribute('aria-label', `Grilla a\u00f1o ${anio}`);\n\n  const thead = document.createElement('thead');\n  thead.innerHTML = `\n    <tr>\n      <th style=\"background:transparent;border:none;\"><\/th>\n      <th>Espacio Curricular<\/th>\n      <th>Formato Curricular<\/th>\n    <\/tr>`;\n  table.appendChild(thead);\n\n  const tbody = document.createElement('tbody');\n\n  materias.forEach(m => {\n    const tr = document.createElement('tr');\n\n    const tdName = document.createElement('td');\n    tdName.textContent = m.nombre;\n\n    const tdTipo = document.createElement('td');\n    tdTipo.textContent = Array.isArray(m.tipos)\n      ? m.tipos.map(t => FORMATOS[t] || t).join(\" \/ \")\n      : \"\";\n\n    tr.appendChild(tdName);\n    tr.appendChild(tdTipo);\n\n    tbody.appendChild(tr);\n  });\n\n  const rows = tbody.querySelectorAll('tr');\n  if(rows.length > 0){\n    const tdA = document.createElement('td');\n    tdA.className = 'col-year';\n    tdA.rowSpan = rows.length;\n    tdA.textContent = `A\u00d1O ${anio}`;\n    rows[0].insertAdjacentElement('afterbegin', tdA);\n  }\n\n  table.appendChild(tbody);\n  grid.appendChild(table);\n  return grid;\n}\n\n\n\/* ===========================\n   MONTAR TODO EN DOM\n   =========================== *\/\nconst container = document.getElementById('grids-component');\n\nconst wrapper = document.createElement('div');\nwrapper.className = 'cg-wrapper';\n\nwrapper.insertAdjacentHTML('beforeend', geoTopHTML());\n\nconst head = document.createElement('div');\nhead.className = 'cg-head';\nhead.innerHTML = boldAfterColon(\"Plan estudio: PROFESORADO DE EDUCACI\u00d3N PRIMARIA\");\nhead.style.textAlign = \"center\";\nwrapper.appendChild(head);\n\nconst gridsContainer = document.createElement('div');\ngridsContainer.className = 'cg-grids';\n\n[1,2,3,4].forEach(y => {\n  gridsContainer.appendChild(crearGrilla(y, DATA[y] || []));\n});\n\nwrapper.appendChild(gridsContainer);\n\nwrapper.insertAdjacentHTML('beforeend', geoBottomHTML());\n\ncontainer.appendChild(wrapper);\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1676,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1469"}],"collection":[{"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/1676"}],"replies":[{"embeddable":true,"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=1469"}],"version-history":[{"count":9,"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1469\/revisions"}],"predecessor-version":[{"id":1508,"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/1469\/revisions\/1508"}],"wp:attachment":[{"href":"https:\/\/enscapdevila-cba.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=1469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}