Objetivo y duración
El objetivo de esta práctica es aprender a programar con JavaScript.
Duración: 20 h
Entrega y presentación
La entrega será en formato ZIP. Leer Entrega y presentación de prácticas.
Actividades
Realizar las siguientes actividades. Cada actividad debe contar con un comentario donde este escrito el enunciado de la actividad.
Actividad 1
Programa que pida dos números y que nos diga cual es el mayor, el menor o si son iguales.
Actividad 2
Al programa anterior, si los números no son un número o son menores o iguales a cero, nos los vuelva a pedir.
Actividad 3
Utilizando un bucle, mostrar la suma y la media de los números introducidos hasta introducir un numero negativo y ahí mostrar el resultado.
Actividad 4
Hacer un programa que muestre todos los números entre dos números introducidos por el usuario.
Actividad 5
Mostrar todos los números impares que hay entre dos números introducidos por el usuario.
Actividad 6
Muestre todos los números divisores de un numero que mete en prompt.
Actividad 7
Programa que nos diga si un numero es par o impar:
- Ventana prompt
- Si no es valido que nos pida de nuevo el numero
Actividad 8
Tabla de multiplicar de un numero introducido por pantalla.
Actividad 9
Calculadora:
- Pida dos números por pantalla.
- Si metemos uno mal que nos los vuelva a pedir.
- En el cuerpo de la pagina, en una alerta y por la consola el resultado de sumar, restar, multiplicar y dividir esas dos cifras.
- Refactoriza el código para encapsularlo todo en funciones reutilizables.
Actividad 10
Programa que pida 6 números por pantalla y los meta en un array.
Actividad 11
Mostrar el array anterior entero (todos sus elementos) en el cuerpo de la pagina y en la consola (usando funciones).
Actividad 12
Ordenar el array anterior y mostrarlo.
Actividad 13
Invertir el orden del array anterior y mostrarlo.
Actividad 14
Mostrar cuantos elementos tiene el array anterior.
Actividad 15
Búsqueda de un valor introducido por el usuario, que nos diga si lo encuentra y el array o no.
Actividad 16
Ejercicio con DOM y eventos:
- Formulario campos: Nombre, Apellidos y edad.
- Botón de enviar el formulario: eventos submit.
- Mostrar datos por pantalla.
- Validación del formulario para que no metan datos vacíos.
Actividad 17
Crea un formulario para guardar nombres de personas en el localstorage y muéstralos por pantalla en una lista de html.
Actividad 18
En la lista anterior añade un botón para poder eliminar elementos del localstorage.
Actividad 19
Haz una petición ajax a un api rest pública y muestra un listado de datos.
Existen muchas APIs públicas como son:
Recomiendo utilizar la API de Marvel o la PokéAPI.
Actividad 20
Muestra la fecha de hoy y un numero aleatorio del 1 al 120 en la consola del navegador.
Actividad 21
Maqueta una web parecida a esta:
Maquetación objetivo
Actividad 22
Haz un slider de imágenes funcional (busca librerías externas).
Actividad 23
Muestra un listado de artículos almacenado en un json y muéstralo dinámicamente.
Actividad 24
Haz un cambiador de temas (cambiar colores y fondos de la web al hacer click en los botones flotantes laterales).
Actividad 25
Al final de la web habrá un botón para subir al principio de la web haciendo una animación en el scroll automático y suavizado.
Actividad 26
Hacer un formulario que nos permita guardar en el localstorage el nombre y los apellidos del usuario que este en la web en el caso de que exista la sesión mostrarla.
Actividad 27
Sección “Sobre mi” en la que habrá un acordeón.
Actividad 28
Sección “Reloj” en la que habrá un reloj dinámico con javascript (o usando el objeto date de js o librería externa)
Actividad 29
Sección de contacto con formulario y validación.