html

Introducción al curso y al
programa

©

Juan Quemada, DIT, UPM

1

Curso: Diseño de aplicaciones Web en HTML5
y para móviles FirefoxOS
Curso de iniciación
al diseño y a la programación en HTML5
(HTML, CSS y JavaScript)
de aplicaciones Web multi-dispositivo
(PC, tableta, telefóno, ...)
y a su empaquetamiento para
telefonos FirefoxOS o para publicarlas
en Internet o en suAppStore
©

Juan Quemada, DIT, UPM

2

Diseño de servicios en la nube, utilizando JavaScript, para
acceso movil y multi-dispositivo con HTML5*
Programa de especialización con 5 cursos MOOC

!
n

n

n
n
n

Desarrollo de Aplicaciones en HTML5, CSS y Javascript,
incluyendo Dispositivos Móviles Firefox O.S.
Desarrollo avanzado de Aplicaciones HTML5 y Firefox O.S.*,
incluyendotecnicas de ingenería de software
Desarrollo de aplicaciones HTML5 multi-terminal (Android, iOS, ...)*
Desarrollo de servicios en la nube con HTML5, Javascript y node.js*
Desarrollo avanzado de servicios en la nube con Javascript y node.js*

!
*Nota: Los otros 4 cursos empezarán en MiriadaX en 2014 y 2015.
©

Juan Quemada, DIT, UPM

3

Modulo 1: Introducción a HTML, CSS, URLs y a lasherramientas del curso.
Modulo 2:Estructura de la navegación y el texto en páginas Web HTML5, prioridad en
CSS3 y publicación en la nube de Google Drive de los ejercicios del curso.

!

Modulo 3: Estructuración, visualización y depuración con Firefox de HTML5 y CSS3
adaptados a un entorno responsivo y multi-pantalla, para adaptación a móviles y
tabletas.
Modulo 4: Introducción a JavaScript,sus sentencias, variables, expresiones, scripts de
cliente, así como a la utilización de la consola JavaScript del navegador Firefox.

!

Modulo 5: Primeros programas Javascript con booleanos, igualdad y comparaciones,
sentencia condicional, números, funciones, strings e internacionalización.
Modulo 6: Objetos, propiedades, métodos, eventos, formularios, sentencia for/in y
característicasavanzadas de objetos, incluyendo acceso a la página Web cargada en
el navegador a través del árbol DOM (Document Object Model)

!

Modulo 7: Interacción con el usuario, eventos y sus manejadores, formularios, jQuery,
Zepto, Arrays y bucles.
Modulo 8: Ejemplo de un cronómetro, eventos tactiles, localStorage y JSON, así como
su utilización en aplicaciones Web.

!

Modulo 9: Introduccióna los gráficos y animaciones con SVG (Scalable Vector
Graphics) y HTML5 CANVAS, así como al empaquetamiento de web apps para
FirefoxOS.
Modulo 10: API de geolocalización HTML5 y Mash-up con Google Maps, asi como
realizaci´on del proyecto final del curso.

©

Juan Quemada, DIT, UPM

Módulos
4

Desarrollo y evaluación del curso
El curso consta de 5 tramos de 2 modulos
n

Diseñadopara realizarse en 5 semanas (1 semana por tramo)
w Pero se deja una semana adicional por tramo (~10 semanas, 2 semanas por tramo)

!

Ejercicios P2P de entrega obligatoria
n

Al final de cada módulo (2 ejercicios por tramo)
n además hay tests obligatorios y mas ejercicios P2P opcionales

!

Plazos y limites
n
n
n
n
n
n

Tramo 1:
comienzo lunes 01-10 (o antes),Tramo 2:
comienzo lunes 12-10 (o antes),
Tramo 3:
comienzo lunes 19-10 (o antes),
Tramo 4:
comienzo lunes 26-10 (o antes),
Tramo 5:
comienzo lunes 02-11 (o antes),
Evaluaciones y curso cierran el 22-12
©

Juan Quemada, DIT, UPM

final 19-10
final 02-11
final 16-11
final 30-11
final 14-12

5

Actividades de un Módulo
Tarea 0: Descargar transparencias y ejemplos del módulo
nFichero ZIP para descargar con
w Transparencias en formato PDF
w Directorio con ejemplos presentados en el módulo
n

n

para realizar ejercicios modificando los descargados

Directorio con ejemplos publicados en Internet (Google Drive)
w ejecutables en Firefox

!
Tareas de Aprendizaje (varias):
n

un video o screencast del tema (3 y 14 minutos)
w evaluado (no siempre)...