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
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016

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.
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016
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.
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016
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.
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016
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.
  •  Fecha límite: 23/05/2016 22:59:00
  • Entregado: xx/xx/2016
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.
  •  Fecha límite: 25/10/2016 22:59:00
  • Entregado: xx/xx/2016

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

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

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.
  •  Fecha límite: 29/11/2016 22:59:00
  • Entregado: xx/xx/2016
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.
  •  Fecha límite: 23/05/2016 22:59:00
  • Entregado: xx/xx/2016
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