Skip to content

Diario de trabajo

Actualizado a 5 de junio de 2026

Materia PLANIFICADA


Materia impartida


UT1 - Introducción a los lenguajes de marcas

Duración estimada: 3h -> ~ 1 sem.

Desarrollo estimado: 15 a 19 sep.

  • Semana 1:
  • Día 16s:

    • ✅ Programación didáctica del módulo (previa)
    • ✅ Introducción
  • Día 19s:

    • ✅ Clasificación
    • ✅ Lenguaje de marcado ligero para representación -> Markdown
    • ✅ Herramientas - Control de versiones (GIT)

Se trabaja el RA 1.

UT2 - Lenguajes de marcas en entornos web. HTML.

Duración estimada: 18h -> ~ 5 sem.

Desarrollo estimado: 22 sep a 24 oct.

  • Semana 2:
  • 23s:

    • ✅ Herramientas de diseño web.
    • ✅ Estándares web. Versiones. Clasificación.
    • ✅ Estructura de un documento HTML.
    • ✅ Identificación de etiquetas y atributos de HTML.
    • ✅ Validación de documentos HTML.
  • 26s:

    • ✅ Etiquetas de estructura.
    • ✅ Crear repositorio Git.
  • Semana 3:

  • 30s:
  • 3o:

    • ✅ Enlaces
    • ✅ Herramientas de diseño web.
  • Semana 4:

  • 7o: Huelga del profesorado
  • 10o:

    • ✅ Secciones
    • ✅ Bloques de contenido
    • ✅ Texto en línea
    • ✅ Metadatos
    • ✅ Trabajo en el blog
  • Semana 5:

  • 14o:
    • Tablas -> Nuevas tablas
    • ✅ Formularios
    • ✅ Modificaciones
    • ✅ Trabajo en el blog
  • 17o:

    • ✅ Elementos interactivos: <script>, <canvas>, <template> y <slot>
    • ✅ DOM y Shadow DOM
    • ✅ Caracteres especiales. Escapado
    • ✅ Trabajo en práctica
  • Semana 6:

  • 21o:
    • ✅ Jornada de Ciberseguridad
    • ✅ Actividades de refuerzo
    • ✅ Trabajo en práctica
  • 24o:

    • ✅ Accesibilidad
    • ✅ Otras etiquetas
    • ✅ Obsoletas
    • ✅ Trabajo en práctica
  • Semana 7:

  • 28o:
    • ✅ Repaso de tareas / prácticas
  • 31o:
    • 🗨️ EXAMEN UT1 y UT2 en papel.

Se trabaja el RA 2.

UT3 - Lenguajes de marcas en entornos web. CSS.

Duración estimada: 32h -> ~ 8 sem

Desarrollo estimado: 27o a 19 dic.

  • Semana 7:
  • 28o:

    • ✅ Revisión de tareas del blog
    • ✅ Selectores: Juego
  • Semana 8

  • 3.11:
    • ✅ Jornada sobre Aceleradora de ideas
    • ✅ Introducción a CSS
    • ✅ Estilos in-line, in-file y externas
    • ✅ Selectores básicos
    • ✅ Juego de selectores
  • 07.11:

    • ✅ Revisión de rutas relativas y absolutas de enlaces
    • ✅ Cascada - Herencia de reglas
    • ✅ Prioridad de reglas
    • ✅ Normalización de estilos
    • ✅ Colores
    • ✅ Variables
    • ✅ Lecciones 1 a 10 del curso de referencia.
    • ✅ Juego de selectores.
    • ✅ Variables y pseudo-clase :root.
    • ✅ Selectores
    • ✅ Hermanos + y ~
  • Semana 9

  • 11.11
    • ✅ Textos
    • ✅ Alineación
    • ✅ Tamaño
    • ✅ Intensidad. Cursiva. Capital
    • ✅ Decoración
    • ✅ Interlineado
    • ✅ Tipos de letras. Familias.
    • ✅ Regla general para fuentes.
    • ✅ Reglas básicas de tipografía.
    • ✅ Ejercicio de tipografías.
    • ✅ Pseudo-clases:
      • Anchor: :link, :visited, :hover y :active
      • nth-child() y nth-of-type()
      • ✅ Ejercicios de pseudo-clases
  • 14.11

    • ✅ Modelo de cajas
    • ✅ Márgenes y rellenos
    • ✅ Box-sizing: content-box y border-box
    • overflow: visible | hidden | scroll | auto
    • ✅ Ejercicio cajas
  • Semana 10

  • 18.11
    • ✘ Propiedades lógicas
    • ✅ Dimensiones (unidades em, rem, vw, vh, dvw, dvh)
    • ✅ Resolución de dudas
    • ✅ Ejercicios
  • 21.11

    • EXAMEN (todo lo visto hasta ese día).
  • Semana 11

  • 25.11
    • ✅ Préstamo de 1h para ex de BBDD
    • ✅ Resolución del examen
    • Emmet
  • 28.11 No lectivo

  • Semana 12

  • 02.12
    • ✅ Demostración: Trabajo juntos vs copia (nota: [[privadas/curso25/lmsgi/T2_HTML]])
    • ✅ Resolución del examen: otros casos (nota: [[privadas/curso25/lmsgi/T3_CSS]])
    • ✅ Breve introducción a Flex.
    • ✅ Propiedades de contenedor
    • Flexbox Froggy #juego
    • Flexbox Defense #juego
  • 05.12.

  • Semana 13

  • 09.12 Sin clase
  • 12.12

    • ✅ Concurso ProgramaMe [OFF-TOPIC]
    • ✅ Flex anidados
    • @layer
    • @import
    • ✅ Medios: print y screen
    • ✅ Continuación de estructura de la práctica
  • Semana 14

  • 16.12
    • ✅ Jornada empresa Veyve
    • ✅ Ejercicio de @layer (pendiente para el alumno)
    • ✅ Ejercicio de @import
    • ✅ Media: print
    • ✅ Continuación de estructura de la práctica
  • 19.12
    • ✅ Día de juegos
    • Actividad navideña: Introducción al IoT

Navidades (Vacaciones escolares del 20 de diciembre al 7 de enero)


  • Semana 15
  • 09.01

    • ✅ Grid: propiedades del contenedor y de los elementos
    • ✅ grid-template-areas
    • ✅ Centrado con flex-vs-grid
    • ✅ A jugar: garden
  • Semana 16

  • 13.01
    • Defensa práctica CV-CSS-FLEX
    • ✅ Alineamiento y justificación
    • ✅ Auto-relleno y auto-ajuste
    • ✅ A jugar: grid attact
  • 16.01

    • Defensa práctica CV-CSS-FLEX
    • ✅ cont Grid
    • ...
  • Semana 17

  • 20.01
    • Defensa práctica CV-CSS-FLEX
    • ✅ cont Grid
  • 23.01

    • ...
    • ✅ Repaso de plan de evacuación
    • Defensa práctica CV-CSS-FLEX
  • Semana 18

  • 27.01

    • ...
    • Defensa práctica CV-CSS-FLEX
  • 30.01

    • ...
  • Semana 19

  • 3.02
    • ...
    • Defensa práctica CV-CSS-GRID
  • 6.02:

    • ...
    • Defensa práctica CV-CSS-GRID
  • Semana 20

  • 10.02
    • ...
    • Defensa práctica CV-CSS-GRID
  • 13.02:
    • ...
    • 🗨️ EXAMEN (temas 1, 2 y 3)

Se trabaja el RA 2.

UT4 - Transmisión y almacenamiento de información.

Duración estimada: 24h -> ~ 6 sem

Desarrollo estimado: 23 ene a 19 feb.

  • Semana 16

    • 13.01 ...
    • 16.01
      • ✅ Introducción a XML
      • ...
  • Semana 17

    • 20.01
      • ✅ Nombres y sintaxis
      • ✅ Caracteres especiales ➡️ códigos
      • ...
    • 23.01
      • ✅ CSS sobre un XML
      • ✅ CDATA
      • ✅ Espacio de nombres
      • ✅ Instalación de VSCodium
      • ...
  • Semana 18

    • 27.01
      • ✅ DTDs
      • ✅ Ejercicio XML - DTD
      • ...
    • 30.01
      • ✅ cont ejercicio XML - DTD
      • ✅ Lenguaje de consulta Xpath (hasta //author[2]/../title)
      • ...
  • Semana 19

    • 3.02
      • ...
      • ✅ Lenguaje de consulta Xpath
      • ✅ Ejercicio Xpath
    • 6.02:
      • ✅ Feeds RSS
      • ✅ Ejercicio RSS
      • ✅ Json
      • ...
  • Semana 20

    • 10.02
      • ✅ Presentación de proyectos DAW2
      • ...
    • 13.02:
      • ...
      • ✅ EXAMEN CSS (temas 1, 2 y 3)
      • ✅ Resto: Resolución de dudas
  • Semana 21

    • 17f: NO lectivo
    • 20f:
      • ✅ MariaDB y XML
      • ✅ MariaDB y Json
  • Semana 22

  • Semana 23

    • 3m:
      • ✅ TOON
      • ✅ Ejercicios pre-examen
      • ...
    • 6m:
      • ...
  • Semana 24

    • L10:
      • ...
    • J13:
      • EXAMEN (todo lo visto hasta ese día)

Se trabaja los RA 4, 5 y 6.

UT5 - Manipulación de documentos Web. JavaScript.

Duración estimada: 41h -> ~ 10 sem

Desarrollo estimado: 23 feb a 7 may.

  • Semana 23

    • 03.03: Día 1: Herramientas

      • ✅ Introducción a JS.
      • ✅ Herramientas a utiliar: VSCodium + ESLint(@dbaeumer) + Live Server (@ritwickdey)
      • ✅ Variables y constantes
      • ✅ Console
    • 06.03: Día 2: Funciones

      • ✅ cont Variables y constantes
      • ✅ Try-catch
      • Plantillas de texto
      • ✅ Funciones: declaración, expresiones, lambdas y valores.
      • ✅ Ejercicios de funciones
  • Semana 24

    • 10.03: Día 3: Variables y datos

      • ✅ Ámbito de variables y bloques de código
      • ✅ Tipos de datos primitivos
      • ✅ Operadores
      • ✅ Ejercicios
    • 13.03:

      • ... (Examen UT4)
      • ✅ Testing con jest
      • ✅ Ejercicios (dudas)
  • Semana 25

    • 17.03: Día 4: OBJETOS, clases y prog estructurada

      • ✅ objetos ... y Clases
      • instanceof
      • ✅ Programación estructurada:
        • if-else, switch, while, do-while
        • for, for ... in, for ... of
      • ✅ Ejercicios
    • 20.03: Día 5: Programación funcional

      • ✅ ... calificaciones del tema 4
      • ✅ Desectructuración de arrays y objetos
      • ✅ Arrays como “colecciones”: Métodos .push(), .pop(), .unshift() y .shift()
      • ✅ Programación funcional. Métodos “loop”:
        • .forEach()
        • .map()
        • .filter()
        • .reduce()
        • .some()
        • .every()
        • .flat()
        • ...
      • ✅ Ejercicios
  • Semana 26

  • 24.03: Día 6: Selección
    • .[NO] Selección clásica de elementos HTML:
      • .getElementById(): element
      • .getElementsByClassName(): element[]
      • .getElementsByTagName(): element[]
      • HTMLCollection
    • Selección “moderna” de elementos HTML:
      • .querySelector(sel): node
      • .querySelectorAll(sel): NodeList
    • ✅ Modificar elementos HTML
    • ✅ Definición del proyecto: Lista de la compra
  • 27.03: Día 7: Asincronía

    • Eventos: addEventListener()
    • Asincronía:
      • ✅ clásica con callbacks
    • ✅ Lista de tareas ToDo List (continuación proyecto Lista de la compra)
  • Semana 27 SEMANA SANTA

  • Semana 28

  • 07.04: Día 8: AJAX

    • ✅ Eventos de teclado keydown y keyup
    • ✅ Asincronía:
      • ✅ Promesas
      • fetch GET
  • 10.04: Día 9: Asincronía

    • ✅ Modificar estilos CSS.
    • ✅ async/await
    • ✅ Continuación de lista
  • Semana 29:

  • 14.04: Día 10: Asincronía
    • fetch POST
    • ✅ Obsoletos: XMLHttpRequest y $.get() y $.post() de jQuery
    • ✅ Cierre de proyecto Lista de la compra
    • ✅ Juego 3 en raya ✅✘
  • 17.04:

    • ✅ continuación juego 3 en raya (estados y turnos)
    • ✅ Ejercicio de calculadora
    • ✘ Propuesta Conecta 4
    • ✘ Juego tetris binario
  • Semana 30:

  • 21.04:
    • EXAMEN
  • 24.04:

    • ✅ Resolución de examen
  • Semana 31: ✅ FEOE

  • Semana 32: ✅ FEOE

  • Semana 33: ✅ FEOE

  • Semana 34:

    • 19.05:
      • Ejercicios de objetos, clases y PF (Programación Funcional)
    • 22.05:
      • ✅ Prueba SEB
      • Día 11: Persistencia
        • ✅ LocalStorage
      • Ejercicios de PF
  • Semana 35:

    • 26.05:
      • Ejercicios de asincronía async/await - Fetch GET
    • 29.05:
      • Ejercicios de asincronía async/await - Fetch POST
  • Semana 36:
    • 2.06:
      • ✅ Mejora del proyecto Lista de la compra:
    • 5.06:
      • ✅ Examen de prueba
      • ✅ Resolución de dudas

JS:

  • RA3:
  • ✅ Lenguajes de script de cliente. Características y sintaxis básica. Estándares.
  • ✅ Selección y acceso a elementos.
  • ✅ Creación y modificación de elementos.
  • ✅ Eliminación de elementos.
  • ✅ Manipulación de estilos.
  • RA5:
  • ✅ Conversión de memoria a documento y viceversa

Se trabaja el RA 3 y 5.

UT6 - Sistemas de gestión empresarial

Para el alumnado que NO participa en la FEOE implementar el ERP y CRM ODOO realizando un tutorial de uso que deberá exponer en el aula.

Duración estimada: 12h -> ~ 3 sem

Desarrollo estimado: 11 a 28 may.

Repaso

Duración estimada: 4h -> ~ 1 sem

Desarrollo estimado: 1 a 5 jun.