You are on page 1of 12

Tema 0

Introducción al curso

© Juan Quemada, DIT, UPM
Thursday, November 7, 13

1

) y a su empaquetamiento para telefonos FirefoxOS o para publicarlas en Internet o en AppStore 2 Thursday.. telefóno.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.. tableta. . CSS y JavaScript) de aplicaciones Web multi-dispositivo (PC. 13 . November 7.

js* *Nota: Los otros 4 cursos empezarán en MiriadaX en 2014 y 2015.)* Desarrollo de servicios en la nube con Javascript y node. 13 . .. incluyendo tecnicas de ingenería de software Desarrollo de aplicaciones HTML5 multi-terminal (Android.S. iOS.js* Desarrollo avanzado de servicios en la nube con Javascript y node.*.. 3 Thursday. November 7.Diseño de servicios en la nube para acceso movil y multi-dispositivo con HTML5* Programa de especialización con 5 cursos MOOC n n n n n Desarrollo de Aplicaciones Web en HTML5 y para móviles FirefoxOS* Desarrollo avanzado de Aplicaciones HTML5 y Firefox O.

eventos. geolocalización y mapas. Modulo 4: Herramientas de Firefox para HTML y CSS Modulo 5: Introducción a JavaScript Modulo 6: Acceso al navegador. 13 . CANVAS. Modulo 9: Gráficos multimedia en HTML5: SVG. manejadores. el Web Modulo 2: Creación de páginas y otros recursos Web. Módulos Modulo 7: Funciones. Modulo 3: Estructuración y visualización de páginas e interfaces. a DOM y depuración de JavaScript con Firefox. November 7. 4 Thursday. video y audio.Modulo 1: Introducción a Internet. Modulo 10: Integración de aplicaciones y servicios: JSON. formularios. localStorage. Modulo 8: Librerias jQuery y Zepto. Eventos tactiles.

comienzo lunes 2-12. 6. comienzo lunes 18-11. comienzo lunes 25-11. 10) Plazos y limites n n n n n Tramo 1: Tramo 2: Tramo 3: Tramo 4: Tramo 5: comienzo lunes 11-11. final 20-11 final 30-11 final 10-12 final 20-12 final 10-1 (10 dias) (13 dias) (16 dias) (19 dias) (32 dias) 5 Thursday. comienzo lunes 9-12. 4. November 7.Desarrollo y evaluación del curso El curso consta de 5 tramos de 2 modulos n Comienza el 11 de Noviembre y finaliza el 10 de Enero w Aunque es razonable finalizarlo en 5 semanas (15-20 de Diciembre) n Evaluación de tramo w ejercicio de entrega obligatoria n Al final del tramo (final de los modulos 2. 8. 13 .

November 7. 6. 4. 13 . 8 y 10 6 Thursday.Actividades de un Módulo 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 Cada tema del módulo tiene n un video o screencast explicativo de entre 3 y 14 minutos w un test (obligatorio) w un ejercicio opcional de auto-aprendizaje Ejercicio de entrega obligatoria (al final de tramo) n Solo en módulos pares: 2.

13 .Transparencias y Ejemplos de un Módulo Descarga 7 Thursday. November 7.

Hacer click en fichero xxx. November 7.html para visualizarlo en el browser del PC. móvil o tableta 8 Thursday. 13 .

iPhone.. iPad. . 13 .O. Youtube. November 7. Drive. UNIX (Ubuntu) de software libre Ordenador MAC con sistema operativo con OS X Conveniente: móvil o tableta para los ejercicios n Android. Google+. FirefoxOS. Docs. w Se puede utilizar un simulador de FirefoxOS para probar sus Apps Cuenta en Google para Google Drive o Google Docs n para publicar Apps y Páginas Web en la nube w Es la cuenta unificada de acceso a Gmail. Windows de Microsoft con S.O. 9 Thursday.Equipos y servicios Un PC o portatil donde realizar los ejercicios n n n con S.. ..

org/es-ES/firefox/new/ 10 Thursday.mozilla.com/es/products/dreamweaver.sublimetext. CCS y JavaScript con ayudas visuales w http://www. 13 .com Creadores (wysiwyg) de páginas Web n Dreamweaver: Creador de páginas Web muy potente e intuitivo.Herramientas a utilizar Sublime Text 2 n Editor de HTML.net/ Navegador Firefox n Incluye depurador de HTML.html n Kompozer: editor wysiwyg gratuito y de código abierto w http://www. w http://www. Javascript y FirefoxOS. w http://www.kompozer. November 7. CSS.adobe.

mozilla. n https://developer.mozilla. n https://developer.org/en-US/docs/Tools/ Tema 6. n n n n Visor de repintado: Visor 3D: Borrador Javascript: Visor de diseño adaptativo: Responsive_Design_View https://developer.org/en-US/docs/Tools/Debugger Tema 6.mozilla.3: Depurador Javascript de Firefox.org/en-US/docs/Tools/Scratchpad https://developer.org/en-US/docs/Tools Tema 4.4: Herramientas autónomas de Firefox.1: Herramientas de desarrollo web de Firefox. n https://developer.Tema 4. November 7.mozilla.mozilla. n https://developer.mozilla.org/en-US/docs/Tools/Web_Console Tema 6.org/en-US/docs/Tools/3D_View https://developer.mozilla.mozilla.org/en-US/firefox/addon/firefox-os-simulator Documentación: https://developer.3: Editor de Estilos de Firefox. 13 . n https://developer.mozilla.mozilla.2: Inspector HTML de Firefox.org/en-US/docs/Tools/Paint_Flashing_Tool https://developer.mozilla.5: Simulador de Firefox OS n n Instalación: https://addons.org/en-US/docs/Tools/Firefox_OS_Simulator 11 Thursday. n https://developer.org/en-US/docs/Tools/Page_Inspector Tema 4.2: Consola Web de Firefox.mozilla.org/en-US/docs/Tools/Style_Editor Tema 4.4: Perfilador de Firefox.org/en-US/docs/Tools/Profiler Documentación de Firefox y sus herramientas Tema 9.

November 7.Gracias © Juan Quemada. UPM Thursday. 13 12 . DIT.