Curso HTML5 CSS Javascript miriadax (7a Ed.)

Modulo 01 "Introduccion a los elementos basico de HTML,CSS"

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

Entrega P2P obligatoria

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

Utilizar el texto a continuación. Deben emplearse las marcas básicas de HTML y estilos según los contenidos del módulo 1 de este curso.

Texto....

Modulo 2: "Estructura HTML5/CSS3 para multipantalla y objetos multimedia"

Entrega Obligatoria Modulo 2 Pagina personal de <Leonardo Paz>.

Entrega P2P obligatoria

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.

Modulo 3: JavaScript: sentencia, expresión, variable, función, objeto y DOM

Entrega Obligatoria Modulo 3 Ampliar la aplicación Web

Entrega P2P obligatoria

Ampliar la aplicación Web que muestra la fecha y la hora, adicionando los siguientes elementos:

1. El nombre de la persona que hace la entrega debajo del titulo <h1>
2. Un bloque <div> debajo de la fecha y la hora y las instrucciones JavaScript necesarias para que muestre en dicho bloque el contenido de las siguientes propiedades DOM en líneas separadas, que comiencen por el nombre de la propiedad(es) mostrada(s):

1. Contenido de innerHTML de elemento identificado por id="h2"
2. Contenido de outerHTML de elemento identificado por id="h1"
3. Contenido de de la propiedad global: location.href
4. Contenido de de la propiedad global: location
5. Contenido de de las propiedades globales: screen.width y screen.heigth

Subir dicha aplicación a la cuenta de neocities.org

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

Entrega Obligatoria Modulo 4 Editar una Calculadora

Entrega P2P obligatoria

Añadir a la calculadora el siguiente título:

“Buenos días, bienvenido a la calculadora de <nombre y apellido de la persona”>

Integrar además en una sola calculadora los siguientes botones de operaciones matemáticas:

1. Operaciones unitarias (con un solo operando):
1. x^2 (número elevado al cuadrado)
2. 1/x (inverso del número)
3. sqrt(x) (raiz cuadrada del número)
4. parte_entera(x) (parte entera de x: si x es positivo devuelve Math.floor(x) y si es negativo devuelve -Math.ceil(x))
2. Operaciones binarias (con dos operandos):
1. +. -. *, / (suma, resta, multiplicación y división)
2. x^y (x elevado a y)

Subir dicha aplicación a la cuenta de neocities.org

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

Entrega Obligatoria Modulo 5 Calculadora con la libreria jQuery

Entrega P2P obligatoria

Modificar la calculadora del ejemplo anterior para que realice todos sus accesos a elementos DOM y toda la gestión de eventos con las funciones de la librería jQuery.

La calculadora debe mostrar al principio el título:

“Buenos días, bienvenido a la calculadora de <nombre y apellido de la persona>”

Integrar además en una sola calculadora los siguientes botones de operaciones matemáticas:

1. Operaciones unitarias (con un solo operando):
1. x^2 (número elevado al cuadrado)
2. 1/x (inverso del número)
3. sqrt(x) (raiz cuadrada del número)
4. parte_entera(x) (parte entera de x: si x es positivo devuelve Math.floor(x) y si es negativo devuelve -Math.ceil(x))
2. Operaciones binarias (con dos operandos):
1. +. -. *, / (suma, resta, multiplicación y división)
2. x^y (x elevado a y)
3. Operaciones con n operandos introducidos en formato CSV:
1. sumatorio(x) (sumatorio de n números)
2. producto(x) (producto de n números)

Subir dicha aplicación a la cuenta de neocities.org

Modulo 6: jQuery UI. Interacción con usuario. Bootstrap. Diseño adaptativo

Entrega Obligatoria Modulo 6 Carrusel con Bootstrap

Entrega P2P obligatoria

Integrar en el ejemplo del carrusel realizado con Bootstrap en la última actividad la calculadora desarrollada como entrega P2P final del modulo 5 que utiliza jQuery e incluye todas las teclas de operaciones unitarias, binarias y n-arias.

La calculadora integrada debe estar accesible desde todos los enlaces del carrusel:

• Barra de navegación superior
• Foto de la calculadora en el carrusel
• Botonera inferior

La calculadora integrada debe incluir una barra de navegación adaptable a pantallas estrechas y anchas, similar a la que se incluyo en la integración del puzzle.

Subir el carrusel completo basado en bootstrap con el puzzle y la calculadora integrados a la cuenta de neocities.org

Modulo 7: Profundización en arrays, objetos, propiedades, métodos, tipos

Entrega Obligatoria Modulo 7 Carrusel de Citas

Entrega P2P obligatoria

Completar el ejemplo del carrusel de citas editable añadiendo los manejadores de los eventos de edición del contenido de una cita existente o de borrado de dicha cita.

Subir el carrusel de citas a la cuenta de neocities.org