• Referencia general: http://www.w3schools.com/
• Referencia HTML5: html5-cheat-sheet.pdf
• Referencia CSS 3: css3-cheat-sheet.pdf
• Simulador/Editor interactivo:vishub.org/categories/30
• Subir trabajos: https://jesus-abad.neocities.org/

Módulo 0: Introducción al curso y al programa “Diseño de servicios en la nube para acceso móvil con HTML5”

• Introducción al Curso MOOC sobre HTML5, JavaScript y Firefox OS
• Introducción a Internet y a la Web
• Firefox y sus herramientas de desarrollo web

Módulo 1: Introducción a los elementos básicos de HTML, CSS, codificación e hiperenlaces, así como a las herramientas del curso (Vish editor, sublime text, dreamweaver y firefox)

Referencias: Ejemplos módulo 1

• Tema 1. HTML/CSS. Mi primera página
• Tema 2.Uso del editor Web VISH
• Tema 3: Cómo utilizar el editor Sublime Text
• Tema 4: Mi primera página Web utilizando Adobe DreamWeaver
• Tema 5: Inspector HTML de Firefox
• Tema 6: HTML/CSS: Marcas básicas
• Tema 7: Codificación de caracteres, UNICODE y "character entity"
• Tema 8: URLs, recursos y enlaces

Módulo 2: Estructura de la navegación y el texto en páginas Web HTML5, prioridad en CSS3 y publicación de los ejercicios del curso

Referencias: Ejemplos módulo 2

• Tema 1: HTML - Estructura
• Tema 2: CSS - Prioridad
• Tema 3: HTML/CSS - Navegación
• Tema 4: HTML/CSS - Texto
• Convertidor de formatos: http://www.freefontconverter.com/
• Tema 5: Publicación de páginas y apps Web en Internet

Módulo 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

Referencias: Ejemplos módulo 3

• Tema 1: CSS - DIV
• CSS3-Generator- http://css3generator.com
• CSS3-Gradient-Generator-http://gradients.glrzad.com/
• {CSS}-Portal-C-on-line-generator-http://www.cssportal.com/css3-rounded-corner/
• CSS3-MAKER-http://www.css3maker.com
• CSS3.com-http://www.css3.com/
• Tema 2: CSS - Estructura
• MDN-Usando las cajas flexibles CSShttps://developer.mozilla.org/es/docs/Web/Guide/CSS/Cajas_flexibles
• CSSCTRICKS A Complete Guide to Flexboxhttp://css-tricks.com/snippets/css/a-guide-to-flexbox/
• Tema 3: Diseño adaptativo para PC, Móvil y Tableta
• Tutorial:http://www.alistapart.com/articles/responsive-web-design/
• Ejemplos:http://css-tricks.com/resolution-specific-stylesheets/
• Tema 4: Integración de objetos y multimedia en HTML5
Permiten integrar (hacer mash-ups) contenidos con gran facilidad

• http://www.sitepoint.com/add-svg-to-web-page/
• https://groups.google.com/forum/#!topic/epub-widgets-discuss/JWGV_RPe4H4
• http://www.w3.org/TR/html5/embedded-content-0.html
• Tema 5: Aplicar estilos con Dreamweaver
• Tema 6: Editor de Estilos de Firefox

Módulo 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

Referencias: Ejemplos módulo 4

• Tema 1: Introducción a JavaScript. Tipos y valores
• Guía: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
• Referencia: https://developer.mozilla.org/en-US/docs/Web/JavaScript
• Operadores: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators
• Operadores:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
• Tema 2: Programa, sentencia, variable y comentario
• Tema 3: Expresiones con variables
• Tema 4: Scripts de entrada/salida
• Tema 5: La consola JavaScript de Firefox
• Manejo de consola: https://developer.mozilla.org/es/docs/Tools/Web_Console

Módulo 5: Primeros programas JavaScript con booleanos, igualdad y comparaciones, sentencia condicional, números, funciones, strings e internacionalización

Referencias: Ejemplos módulo 5

• Tema 1: Booleano, igualdad y otros operadores lógicos
• Tema 2: Sentencia if/else
• Tema 3: Strings e internacionalización (I18N)
• Tema 4: Números
• Tema 5: Funciones

Módulo 6: Objetos, propiedades, métodos, eventos, formularios, sentencia for/in y características avanzadas de objetos, incluyendo acceso a la página Web cargada en el navegador a través del árbol DOM (Document Object Model)

Referencias: Ejemplos módulo 6

• Tema 1: Objetos, propiedades y métodos
• Tema 2: Objetos: Características avanzadas
• Tema 3: DOM (Document Object Model)
• Tema 4: Sentencia For/In)
• Tema 5: Eventos JavaScript
• Tema 6: Botones y formularios

Modulo 7. Interacción con el usuario, eventos y sus manejadores, formularios, JQuery, Zepto, Arrays y bucles

Referencias: Ejemplos módulo 7

• Tema 1: Librerías JavaScript jQuery y Zepto
• Tema 2: Eventos con jQuery y Zepto
• Tema 3: La Clase Array de JavaScript
• Tema 4: Bucles: sentencias while, for y do/while
• Tema 5: Ejemplos con iFrames, Array y For

Modulo 8. Ejemplo de un cronómetro. Eventos táctiles, localstorage y JSON, así como su utilización en aplicaciones Web

Referencias: Ejemplos módulo 8

• Tema 1: Ejemplo de un cronómetro
• Tema 2: Eventos táctiles en JavaScript
• Tema 3: Memoria local en HTML5
• Tema 4: JSON (JavaScript Object Notation)
• Tema 5: Herramientas autónomas de Firefox

Módulo 9: Gráficos SVG y HTML5 CANVAS. Empaquetamiento de web apps para FirefoxOS

Referencias: Ejemplos módulo 9

• Tema 1: HTML5 SVG - Scalable Vector Graphics
• Galeria Wikimedia: http://commons.wikimedia.org/wiki/Category:SVGs_by_subject
• Editor SVG: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html
• Tutorial: https://developer.mozilla.org/en-US/docs/Web/SVG
• Tutorial: http://www.w3schools.com/svg/
• Tema 2: HTML5 Canvas
• Tutoriales: http://www.w3schools.com/html/html5_canvas.asp
• Tutoriales: http://www.w3schools.com/tags/ref_canvas.asp
• Tutoriales: https://developer.mozilla.org/En/Canvas_tutorial
• Tema 3: Aplicaciones Firefox OS
• https://marketplace.firefox.com/developers/docs/firefox_os
• https://marketplace.firefox.com/developers/docs/quick_start
• https://developer.mozilla.org/es/docs/Aplicaciones/Comenzando_aplicaciones
• https://developer.mozilla.org/en-US/Apps/Reference
• Tema 4: Reloj SVG como App Firefox OS

Módulo 10. API de geolocalización HTML5. Proyecto final del curso basado en Google Maps

Referencias: Ejemplos módulo 10

• Tema 1: Geolocalización en HTML5
• http://dev.w3.org/geo/api/spec-source.html
• http://dev.opera.com/articles/view/how-to-use-the-w3c-geolocation-api/
• http://code.google.com/apis/maps/index.html
• Tema 2: Aplicación geolocalizada con Google Maps
• Libreríahttp://hpneo.github.io/gmaps/