MOOC: DESARROLLO EN HTML5, CSS Y JAVASCRIPT DE APPS WEB, ANDROID, IOS... (6ªED.)

Lista de los ejercicios realizados y entregados durante el curso.

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

Este módulo consta de 4 ejercicios: 3 opcionales y 1 obligatorio.

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.

Ejercicio opcional 1

Realiza un esquema sencillo de este 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.

Ejercicio opcional 2

Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titilar h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML:

Ejercicio opcional 3

Construir una página HTML titulada: Secciones y líneas generales de un documento HTML5.

Ejercicio obligatorio 1

Módulo 2: Estructura HTML/CSS3 para multipantalla y objetos multimedia.

Este módulo consta de 4 ejercicios: 3 opcionales y 1 obligatorio.

Volver a mostrar la herencia CSS en un documento HTML.

Ejercicio opcional 1

Utilizar distintos formatos de fuente: font "Roboto" y "Mozilla" explicado anteriormente.

Ejercicio opcional 2

Realiza una página que utilice imágenes responsive con la etiqueta "picture", que contenga un vídeo de "you tube" y varios archivos SVG.

Ejercicio opcional 3

Crear una página web simulada, que incluya:

  • Uso de colores para texto, fondo, al menos incluyendo degradados en algunas de sus cajas.
  • Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  • Distintos encabezados.
  • Uso de caracteres especiales.
  • Incluir imágenes, de tipo bitmap y vectorial.
  • Incluir algún video.
  • Incluir bordes redondeados en alguna de sus cajas.
  • La página debe comenzar con el siguiente encabezamiento: "Página personal de "nombre" y "apellido del alumno".

Ejercicio obligatorio 1

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

Este módulo consta de un ejercicio obligatorio.

Crear en una página web, un script con los siguientes elementos:

  • El nombre de la persona que hace la entrega debajo del título H1.
  • Un bloque "div" debajo de la fecha y la hora, además de las intrucciones JavaScript para que muestre en dicho bloque:
    • Contenido de innerHTML del elemento identificado por id="h2".
    • Contenido de outerHTML del elemento identificado por id="h1".
    • Contenido de la propiedad global: location.href.
    • Contenido de la propiedad global: location.
    • Contenido de las propiedades globales: screen.width y screen.height.

Ejercicio obligatorio 1

Módulo 4: Booleano, if/else, string, número, DOM, eventos e iteracción.

Este módulo consta de un ejercicio obligatorio.

Calculadora web con JavaScript: suma, resta, multiplicación, división, cuadrado, inverso, raíz cuadrada, elevar un número y parte entera.

Ejercicio obligatorio 1

Módulo 5: Bucles, arrays, funciones como objetos, ámbitos, cierres, jquery.

Este módulo consta de un ejercicio obligatorio.

Mejora de la calculadora web, pero añadiendo a lo anterior: factorial de un número, sumatorio, producto, potencias de 2 elevado a n.

Ejercicio obligatorio 1

Módulo 6: jQuery UI, interacción con usuario, bootstrap, diseño adaptativo.

Este módulo consta de 1 ejercicio opcional y otro obligatorio.

Realizar con boostrap un desplegable, aplicando las librerías CSS y JS de boostrap. Además se pide utilizar el evento DRAG and DROP para pasar los datos de una casilla a la casilla de memoria. Copiar en la "memoria" de la calculadora los resultados así como volcarlo de nuevo.

Ejercicio opcional 1

Realizar el carrousel añadiendo el proyecto de la calculadora, para ello modifica el fichero de ejemplo proporcionado.

Ejercicio obligatorio 1

Módulo 7: Profundización en arrays, objetos, propiedades, métodos y tipos.

Este módulo consta de un ejercicio obligatorio.

Modificar el carrousel de citas proporciando como ejemplo, deberemos hacerlo editable de forma que podamos editar, modificar y eliminar las citas contenidas.

Pendiente.

Módulo 8: LocalStorage, iframes, origin policy, JSON.

Este módulo consta de un ejercicio opcional y un ejercicio obligatorio.

Crónometro con detección sobre el cuerpo del HTML, uso de eventos táctiles con las librerías necesarias. Modificación del cronómetro de ejemplo proporcionado con los ficheros del módulo correspondiente.

Ejercicio opcional 1

Ejercicio obligatorio 1 (Pendiente)

Módulo 9: Introducción a gráficos y animaciones SVG. Geolocalización.

Este módulo consta de un ejercicio opcional y uno obligatorio.

Ejercicio opcional 1 (Pendiente)

Ejercicio obligatorio 1 (Pendiente)

Módulo 10: Empaquetar aplicaciones web para Android o iOS.

Este módulo no contiene ejercicios.