1
00:00:00,110 --> 00:00:05,490
El contenido corresponde a la integración de animaciones utilizando la web API de Javascript.

2
00:00:05,730 --> 00:00:09,449
Dentro de la unidad de trabajo 3, integración de contenido interactivo.

3
00:00:09,689 --> 00:00:15,650
Del módulo profesional, desarrollo de interfaces web, del ciclo formativo de grado superior, desarrollo de aplicaciones web.

4
00:00:15,710 --> 00:00:20,670
En este módulo, una vez se conocen las características de una interfaz web y los estilos que se desea aplicar,

5
00:00:20,949 --> 00:00:25,609
se integrarán animaciones en la aplicación web, que es para lo que se destina esta unidad de trabajo.

6
00:00:26,230 --> 00:00:34,130
Posteriormente se podrán integrar elementos multimedia y se conocerán los requisitos para diseñar una web accesible, adaptativa y usable.

7
00:00:34,490 --> 00:00:40,750
En la unidad de trabajo 3, después de conocer los estilos CSS, se pretende crear animaciones y poder interactuar con ellas.

8
00:00:40,750 --> 00:00:53,549
Para ello se va a aprender a crear transformaciones, transiciones y animaciones en CSS sencillas para posteriormente poder hacerlas en Javascript y utilizar la web API de Javascript.

9
00:00:53,549 --> 00:00:58,649
para realizar animaciones más complejas y tener un mayor control sobre las mismas.

10
00:00:58,869 --> 00:01:04,329
Para finalizar, se propondrá un sencillo reto en el que se trabajarán los contenidos

11
00:01:04,329 --> 00:01:08,709
tanto de la asignatura de diseño de interfaces web como de desarrollo web del entorno cliente

12
00:01:08,709 --> 00:01:12,969
y se trabajará el drag and drop de Javascript.

13
00:01:12,969 --> 00:01:16,709
Está creado desde cero y alojado en el aula virtual de EducaMadrid.

14
00:01:16,909 --> 00:01:21,909
Se puede acceder a los recursos y actividades de forma independiente o a través de la presentación.

15
00:01:21,909 --> 00:01:59,120
La presentación contiene video tutorial de fabricación propia, ejemplos con los procedimientos, simulaciones en la plataforma PRNKR, simulaciones en CodePen.io, ejemplos y un enlace al test de seguimiento, a la práctica y al reto final.

16
00:01:59,599 --> 00:02:02,840
Cuando se termine el reto y las prácticas se conseguirá una insignia.

17
00:02:02,840 --> 00:02:17,080
Se pueden acceder a los recursos y actividades en el aula virtual directamente accediendo a la presentación, al videotutorial, al test de seguimiento, la práctica y al reto.

18
00:02:18,719 --> 00:02:30,340
El aula virtual de EducaMadrid creada en Moodle es completamente accesible y sus editores disponen de un botón para comprobación de la accesibilidad que se ha utilizado en páginas, cuestionarios y tareas.

19
00:02:30,340 --> 00:02:36,240
Haciendo las comprobaciones pertinentes de accesibilidad

20
00:02:36,240 --> 00:02:39,000
El videotutorial dispone de subtítulos

21
00:02:39,000 --> 00:02:44,860
El contenido está integrado completamente en el proceso de evaluación del aula virtual

22
00:02:44,860 --> 00:02:48,699
Aquí vemos dentro de la categoría proyectos-retos

23
00:02:48,699 --> 00:02:50,520
Nos encontramos el reto 1

24
00:02:50,520 --> 00:02:54,419
En los seguimientos nos encontramos el test de seguimiento

25
00:02:54,419 --> 00:03:04,240
Y en las prácticas nos encontramos la práctica de webpacking