- Nombre: Pablo de la Fuente Rodríguez | Correo: [email protected]
- Nombre: Samuel Martín Morales | Correo: [email protected]
- Nombre: Alejandro Lugo Fumero | Correo: [email protected]
- Nombre: Javier Mendoza López | Correo: [email protected]
- Nombre: Felipe Gómez Fuentes | Correo: [email protected]
Primera toma de contacto con el lenguaje de programación HTML5, donde se propone diseñar un prototipo de página web de inicio para un sitio que muestre información respecto al proyecto que se desarrollará en la asignatura.
Elementos de la práctica subidos al repositorio en la carpeta con el nombre "Introducción-HTML".
Práctica en la que aprendemos a usar CSS3, se propone componer una págia web según el diseño que se especifica en: https://docs.google.com/presentation/d/1tTSQXymti5gDmb1qaPhDaq7pa1bbw9WEUPfL6pzKeaw/edit?usp=sharing
Elementos de la práctica subidos al repositorio en la carpeta con el nombre "Introducción-CSS".
Haciendo uso del framework Materialize debemos diseñar un prototipo de página web de inicio para un sitio que muestre información respecto al proyecto que se desarrollará en la asignatura. Seguimos las siguiente pautas indicadas:
- Los estilos se deben establecer con el framework CSS: Materialize.
- No se exige funcionalidad en los elementos que se incorporen.
Elementos de la práctica subidos al repositorio en la carpeta con el nombre "Materialize".
En esta práctica tenemos el primer contacto con el lenguaje de programación javascript, donde debemos realizar lo siguiente sin utilizar ningún framework:
- Realiza un esquema del árbol DOM que genera el siguiente código HTML: https://campusingenieriaytecnologia2122.ull.es/pluginfile.php/32819/mod_assign/intro/dom.html
- Define una función en javascript en la que se inserte en una tarjeta un texto que el usuario introduce por el teclado.
- Crear un script que muestre un informe de la cantidad de párrafos, items de lista y elementos div en tu página de inicio.
- Define una función javascript que calcule el importe de una compra de un usuario. Se presupone que los datos de la compra están en un json de ejemplo incluido en el script. En el json se registra para cada usuario su dni, año de nacimiento, número de cuenta, productos en la compra actual, % de descuento (si lo tiene), modalidad de pago. El json debe estar en el propio código, inicializando una variable, explica por qué se te exige este requisito.
- Crear una función en el script para agregar en la página el importe de la compra y el día que será efectuado el pago (fecha actual si la compra no es a crédito).
Elementos de la práctica subidos al repositorio en la carpeta con el nombre "Introducción-JavaScript".
En esta práctica continuaremos con el aprendizaje de Java Script haciendo uso de la librería jQuery, además de Ajax Y Firebase. Las tareas a desempeñar son las siguientes:
Crear una página Web que contenga un formulario con un botón. Cuando el usuario pincha el botón se debe mostrar el contenido que devuelve una API REST simulada en JsonStub que permite obtener el mismo json utilizado en la práctica anterior:
- La petición al servicio debe ser mediante AJAX.
- El manejo del DOM, AJAX y eventos se debe realizar con la librería jQuery.
- Se debe implementar una regla de validación en la que se controle que el usuario introduce un valor apropiado para algún campo de la petición, en caso contrario se debe agregar un mensaje de error.
Insertar o actualizar información en una base de datos Firebase desde alguna página de tu proyecto.
Elementos de la práctica subidos al repositorio en la carpeta con el nombre "JavaScript-Ajax-Firebase".