Diario de trabajo¶

Materia PLANIFICADA¶

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
  - 🗨️ Desectructuración de arrays y objetos
  - 🗨️ Programación funcional
  - 🗨️ Métodos “loop”: .forEach(), .map(), .filter(), .reduce()
  - 🗨️ Ejercicios
Semana 26
24.03: Día 6: Colecciones
- 🗨️ Arrays como “colecciones”: Métodos .push(), .pop(), .unshift() y .shift()
- 🗨️ ~~XMLHttpRequest~~ y ~~jQuery~~
- 🗨️ 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
- 🗨️ Definición del proyecto Lista de la compra
27.03: Día 7: Asincronía
- 🗨️ Asincronía:
- 🗨️ clásica con callbacks
- 🗨️ Promesas
- 🗨️ Modificar elementos HTML ()
- 🗨️ Lista de tareas ToDo List (continuación proyecto Lista de la compra)
Semana 27 SEMANA SANTA
31.03: Día 8: AJAX
- 🗨️ Asincronía:
- 🗨️ Promesas
- 🗨️ async/await
- 🗨️ fetch
- 🗨️ continuación proyecto Lista de la compra
03.04:
- 🗨️ Cierre de proyecto Lista de la compra
- 🗨️ Juego 3 en raya
10.04:
- 🗨️ continuación juego 3 en raya
Semana 28
07.04: Día 9: Persistencia
- 🗨️ Memoria local
- 🗨️ document.cookie (síncrona)
- 🗨️ cookieStore (asíncrona)
- 🗨️ LocalStorage
- 🗨️ mejora del proyecto Lista de la compra:
  - almacenamiento.
  - convertila en carrito de la compra.
Semana 29:
14.04:
- 🗨️ Modificar estilos CSS. Juego 3 en raya
- 🗨️ Propuesta Conecta 4
- 🗨️ Juego tetris binario
17.04:
- 🗨️ continuación proyectos**
Semana 30:
21.04:
- 🗨️ continuación proyectos
24.04:
- 🗨️ continuación proyectos
Semana 31
28.04:
- 🗨️ continuación proyectos
01 de mayo: Festivo por día del trabajo.
Semana 32
05.05:
- 🗨️ continuación proyectos
08.05:
- 🗨️ EXAMEN (todo lo visto hasta ese día)

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.

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:
- ✅ Repaso y refuerzo sobre HTML5 vs anteriores
- ✅ Un mínimo visual
- ✅ Curso Gratis de Desarrollo con IA
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.
- ✅ Propiedades de items
- ✅ Descripción de la práctica
- ✅ Flex Box Adventure #juego
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
- 24f:
  - ✅ Ejercicio MariaDB y Json
  - ✅ MongoDB y Bson
- 27f:
  - ✅ Yml
  - ✅ Json2yml y Yml2json
  - ✅ Extras de Yaml
  - ✅ Webminar: Errores a evitar en tu primera entrevista de trabajo
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.