Módulos


Desarrollo en HTML5, CSS y Javascript de Apps Web, Android, IOS

Índice de Teoría y Ejercicios P2P organizado por Módulos. Curso en Miriadax. Ejemplos en Vishub.

Módulo 0 -  Introducción al desarrollo en HTML5, CSS y JavaScript de Apps Web

Introducción al curso y al programa
Introducción a Internet y al Web: la nube, URLs, HTTP, HTML5, CSS, Javascript.

Módulo 1 - Introducción a los elementos básicos de HTML, CSS

Introducción a los elementos básicos de HTML y CSS, así como al uso de las herramientas del curso.

Haciendo clic aquí, acceden al editor/simulador de ejemplos del modulo en el ViSH.

Sobre el archivo facilitado al estudiante llamado "mi_primera_pagina_con imagen.html", añadir estilos css para modificar el color del fondo, de la fuente, la familia tipográfica y el tamaño.
Realizar un esquema sencillo del documento HTML a su estructura tipo árbol, que resuma brevemente las relaciones directas entre elementos de la página, clarificando la jerarquía del árbol.
Realizar en la página HTML, 5 declaraciones de estilo CSS que afecten al mismo elemento, el titular h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML.
Construir una página HTML titulada: Secciones y líneas generales de un documento HTML5. Utilizar el texto de ejemplo. Deben emplearse las marcas básicas de HTML y estilos según los contenidos del módulo 1 de este curso.

Módulo 2 - Estructura HTML5/CSS3 para multipantalla y objetos multimedia

Estructuración de interfaces en HTML5 y CSS3 adaptados a un entorno multi-pantalla adaptativo a móviles y tabletas.

Haciendo clic aquí, acceden al editor/simulador de ejemplos del modulo en el ViSH.


Realizar en la página HTML, 5 declaraciones de estilo CSS que afecten al mismo elemento, el titular h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML.
Realiza una página que contenga un párrafo con fuentes vinculadas, con la fuente ‘Fira’ del Sistema Operativo de Firefox FiraOpenType, que puedes descargar aquí: https://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface/ o la ‘Roboto’ del Sistema Operativo Android que puedes descargar aquí: https://www.google.com/fonts#UsePlace:use/Collection:Roboto.
Realiza una página que utilice imágenes responsive con la etiqueta picture, que contenga un vídeo de YouTube y archivos de imagen vectorial SVG.
  •  Fecha límite: 23/05/2016 22:59:00
  • Entregado: xx/xx/2016
Crear una página web personal simulada, que incluya al menos:
  1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
  2. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  3. Distintos encabezados.
  4. Uso de caracteres especiales.
  5. Incluir, imágenes de tipo bitmap y vectorial.
  6. Incluir algún vídeo.
  7. Incluir bordes redondeados en alguna de sus cajas.
  8. La página debe comenzar con el siguiente encabezamiento: "Página personal de <nombre y apellido del alumno>".
Subir dicha aplicación a la cuenta de Neocities.org o de su elección.
  •  Fecha límite: 28/03/2016 22:59:00
  • Entregado: xx/xx/2016

Módulo 3 - JavaScript: sentencia, expresión, variable, función, objeto y DOM

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Módulo 4 - Booleano, if/else, string, número, DOM, eventos e interacción

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Texto.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016
Calculadora.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016

Módulo 5 - Bucles. Arrays. Funciones como objetos. Ámbitos. Cierres. jQuery

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Texto.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016
Calculadora con jquery.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016

Módulo 6 - jQuery UI. Interacción con usuario. Bootstrap. Diseño adaptativo

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Menu plegable (collapse) Music
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016
Carrusel con Bootstrap.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016

Módulo 7 - Profundización en arrays, objetos, propiedades, métodos, tipos

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Ej. P2P opcional 1
Texto.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016
Ej. P2P obligatorio
Carrusel de citas editable.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016

Módulo 8 - LocalStorage, iFrames, Origin policy y JSON

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Ej. P2P opcional 1
Cronómetro Táctil: Tocar (tap) y deslizar (Swipe).
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016
Ej. P2P obligatorio
Carrusel de citas editable con base de datos JSON
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016

Módulo 10 - Empaquetar aplicaciones Web para Android, iOS o FirefoxOS

Texto
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

Ej. P2P opcional 1
Texto.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016
Ej. P2P obligatorio
Texto.
  •  Fecha límite: xx/xx/2016 22:59:00
  • Entregado: xx/xx/2016