Lección : Actividades

Actividad 1-1 (Calculando)

Realiza una sencilla calculadora.

  • Pon en una variable un número.
  • Pon en otra variable un número.
  • Muestra el resultado.

Pro:

  • Realiza otras operaciones (Sumar, restar, dividir…).

Actividad 1-2 (Meeting)

  • Guarda en una variable el nombre de una chica.
  • Guarda en otra variable el nombre de un chico.
  • Muestra la frase> “A {chica} le gusta {chico}.”

Por ejemplo: A Sonia le gusta Roberto.

Pro:

Guarda en dos variables un nombre y un año de nacimiento. Muestra la siguiente frase calculando la edad: “Me llamo {nombre} y nací el {año de nacimiento}. Por lo tanto tengo 23.”

Actividad 1-3 (Impuestos)

  • Guarda un número.
  • Calcula el IVA de esa cifra.
  • Muestra la misma cifra con IVA añadido.

Pista: Para calcular el IVA debes aplicar la siguiente formula precio / 1.21.

Pro:

  • Muestra además la cifra sin iva.
  • ¡Se creativo! Formatea el resultado de forma atractiva.

Actividad 2-1 (Nos vamos de viaje)

  • Guarda en un array los nombres unos amigos.
  • Imprime la siguiente frase: “{amigo 1} se va de viaje”.
  • Crea otro array con el nombre de varias ciudades.
  • Imprime la siguiente frase: “{amigo 2} se va de viaje a {ciudad 1}”

Pro:

  • Imprime aleatoriamente el nombre de un amigo.

Pista $amigos[array_rand($amigos)]

  • Aleatoriamente busca dos nombre y una ciudad para generar la siguiente frase: “{amigo aleatorio} se va de viaje con {amigo aleatorio} a la bonita ciudad de {ciudad aleatoria}.

Actividad 2-2 (Agenda)

  • Crea un array con el nombre agenda.
  • Añade 2 citas (frases): “Dentista a las 12h” y otra que tú quieras.
  • Imprime con var_dump.
  • Te ha surgido un problema: Modifica la cita del Dentista a las 16h.
  • Imprime con var_dump.
  • Al final se te ha liado el día: Borra la cita con el Dentista
  • Imprime con var_dump.

Actividad 2-3 (Concurso de micro relatos)

Se ha convocado un concurso de micro relatos sobre sillones incómodos. El límite de palabras para ser enviadas son de 10.

  • Crea una variable con el micro relato.
  • Muestra el número de palabras usando preg_split y count.

Actividad 2-4 (Censo de población)

  • Crea un diccionario con el censo de población de: España, Portugal, Francia, Italia y Grecia. Ayudate de Wikipedia. Un ejemplo:
$censo = [
    'España' => 99999,
    ...
]
  • Ordena de mayor a menor. ¡Pista! array_multisort hará el trabajo por ti:
array_multisort($censo, SORT_DESC);
  • Imprime con var_dump.

Actividad 3-1 (Lista de películas)

  • Guarda en un array tus 6 películas favoritas.
  • Imprime en párrafos con el siguiente formato: ‘Película: Los Vengadores’
  • Añade la posición de la película: ‘Película 4: Godzilla’

Pro:

  • Imprime en lugar de párrafos… ¡una tabla!
  • Añade un poco de CSS para mejorar el diseño. Cada título debe tener un color aleatorio. ¡Pista!: random_int(0, 255)

Actividad 3-2 (Jugando con bucles)

  • Imprime los números del 1 al 10.
  • Imprime los números de 60 al 70.
  • Imprime los números del 20 al 1.
  • Imprime los números del 1 al 1000
  • Imprime la tabla del 5.

Pro:

  • Imprime la tabla del 5 con este formato: 5 x 3 = 15
  • Suma los números del 1 al 100.

Actividad 3-3 (Test)

Supongo que el ejemplo anterior esta claro y no tienes dudas. ¡Demuéstramelo!

  • ¿Cuantas veces se ejecuta el primer foreach?
  • ¿Cuantas veces se ejecuta el segundo foreach?
  • ¿Cuantos echos se han realizado? ¿Corresponde a las respuestas anteriores?
  • En el ejemplo tienes 2 loops anidados. ¿Cuantos piensas que pueden existir como máximo (un bucle dentro de un bucle de otro bucle…)?

Actividad 3-4 (Fecha de nacimiento)

  • Crea un input para pedir el dia de nacimiento: 1 al 31.
  • A su lado otro input para pedir el mes de nacimiento: 1 al 12.
  • A su lado otro input para pedir el año de nacimiento: 1900 al año actual.

Actividad 4-1 (Logicando la lógica)

  • Dime en cada caso si entraría el condicional.

1

if (True && True)

2

if (False && True)

3

if (1 == 1 && 2 == 1)

4

if ("test" == "test")

5

if (1 == 1 || 2 != 1)

6

if (True && 1 == 1)

7

if (False && 0 != 0)

8

if (True || 1 == 1)

9

if ("test" == "testing")

10

if (1 != 0 && 2 == 1)

11

if ("test" != "testing")

12

if ("test" == 1)

13

if (!(True && False))

14

if (!(1 == 1 && 0 != 1))

15

if (!(10 == 1 || 1000 == 1000))

16

if (!(1 != 10 || 3 == 4))

17

if (!("testing" == "testing" && "Zed" == "Cool Guy"))

18

if (1 == 1 && (!("testing" == 1 || 1 == 0)))

19

if ("chunky" == "bacon" && (!(3 == 4 || 3 == 3)))

20

if (3 == 3 && (!("testing" == "testing" || "PHP" == "Fun")))

Actividad 4-2 (Portero de discoteca automático)

  • Pide el año de nacimiento.
  • Calcula la edad.
  • Si es mayor de edad, dile que puede pasar dentro.
  • Si es menor, tírale.
  • Si tiene más de 65 años, dile que es demasiado mayor para entrar.

Pro:

  • Obten el año del sistema en lugar de escribirlo a mano en una variable.

Pro2:

  • Pide además el día y el mes de nacimiento para saber si ha complido el año actual.

Actividad 4-3 (Formulario de padre)

  • Pide el nombre.
  • Pide el sexo.
  • Pide el número de hijos.
  • Muestra la siguiente frase dependiendo de los datos anteriores:

El señor Pepe tiene 1 hijo. El señor Pepe tiene 4 hijos. La señora Sonia tiene 1 hijo. La señora Sonia no tiene hijos.

Actividad 5-1 (Contacto fraudulento)

  • Realiza un formulario con los siguientes datos: nombre, telefono, email y mensaje.
  • Cuando se pulse en enviar debe mostrar la siguiente plantilla.

“Hola nombre!

Te voy a enviar spam a correo y te llamaré por la madrugada a telefono.

mensaje

Enviado desde un iPhone”

Actividad 5-2 (¿Quién saca al perro?)

  • Escribe en un textarea una lista de nombres.
  • Cuando pulses un botón debes mostrar un nombre aleatorio. (Será el encargado de sacar al perro)
  • Muestra con la siguiente plantilla: IronMan saca al perro.

Ejemplo:

Batman Superman Ironman Pescanova

Botón

Ironman saca al perro.

Actividad 5-3 (Cueva de Gollum)

  • Muestra la siguiente adivinanza:

“Esta cosa se devora a todas las cosas;

Pájaros, bestias, árboles, flores;

Carcome el hierro, muerde el acero;

Muele duras piedras y las reduce a harina;

Mata al rey, arruina la ciudad,

Y derriba a la montaña.”

  • En un input, pide la respuesta.
  • Añade un botón de submit.
  • Si se pulsa el botón debes comprobar si ha acertado. La respuesta es: Tiempo.
  • Si acierta felicítale.
  • Si pierde, muestra la respuesta y cómetelo.

Pro:

  • No seas malo, dale 3 intentos.

Actividad 5-4 (Listado de películas)

  • Crea un input y un botón de submit.
  • Rellena el campo con el nombre de una película.
  • Cuando se puse debe guardar el contenido en un array.
  • Imprime el resultado en una tabla.

Actividad 5-5 (Calculadora de IVA dinámica)

  • Vuelve a realizar una calculadora de IVA, pero en esta ocasión la cantidad no estará guardada en una variable sino que nos la proporcionará el usuario.

Pista: Para calcular el IVA debes aplicar la siguiente formula precio / 1.21.

Actividad 5-6 (Notas de los alumnos)

  • Realiza un array o diccionario con unos alumnos y sus respectivas notas.

    Marta: 7,8 Luis: 5 Lorena: 6,9 …

  • Muestra las notas de una forma ordenada.

    Alumno Nota
    Marta 7,8
    Luis 5
  • Da la posibilidad de añadir nuevos alumnos.

Pro:

  • Muestra la media en la parte inferior.

Actividad 5-7 (7 y medio)

Realiza el juego del 7 y medio.

Actividad 5-8 (Ahorcado)

Realiza el juego del ahorcado.

Actividad 6-1 (Calculadora de newsletter)

Vamos a realizar un sistema que nos calcule el precio de un servicio de newsletter. Dependiendo del número de emails que enviemos costará un precio u otro. A continuación puedes ver una tabla.

De A Precio
0 2000 0 €
2001 10000 0.5 € unidad
10001 Infinito 0.2 € unidad
  • Añade un campo para indicar el número de emails a enviar. Valida que sea un número.
  • Al pulsar en submit muestra el precio total.

Actividad 6-2 (Trello)

Replica el funcionamiento de una lista de trello. No permitas números.

Actividad 7-1 (Perfil)

  • Construye un formulario donde se pida la siguiente información: apodo, edad e imagen de perfil.
  • Al enviar muestra la información en un formato similar a Twitter o una red social. La imagen debe estar presente.

Actividad 7-2 (Papelería online)

  • Crea un formulario para subir productos a una tienda: número de serie, nombre, precio e imagen.
  • Según los añadas, deben colocarse en forma de Grid.
  • Da la posibilidad de borrar.
  • Crea una página de identificación antes de entrar en los productos: nombre, contraseña 1 y contraseña 2.
  • Debe coincidir ambas contraseñas, además del nombre y contraseña con unas variables que tengamos almacenadas.

Actividad 7-3 (Instagram)

  • Crea varios campos para subir imágenes.
  • Muestra el resultado en un Grid vertical.

Actividad 8-1 (Recibo de compra)

Realiza un formulario para comprar auriculares.

  • Los campos serán: email y unidades.
  • Cada unidad cuesta 29,95 euros.
  • Envía un email, a la dirección que te han introducido, con el siguiente texto.
¡Gracias por comprar nuestros auriculares "Carmencita"!

Factura:

(número) unidades a 29,95 euros cada una.

Total: (total) euros

Actividad 8-2 (Newsletter de “Madonna”)

Eres el encargado de avisar a todos los fans de la nueva gira Europea de Madonna. Debes enviar un email HTML con la lista de las ciudades.

Fecha Ciudad
27/5 Londres
13/6 Berlín
5/7 París
8/8 Valencia

Actividad 9-1 (Actualizado Perfil)

  • Recupera la actividad 7.1 para crear un sistema de sesiones que lo proteja.

Actividad 9-2 (Twitter)

  • Crea una página donde te puedas registrar: username (apodo), contraseña y correo.
  • Crea una página donde te puedas identificar.
  • Redirecciona a una página donde se muestren todos los tuits.
  • Da la posibilidad que los usuarios puedan publicar nuevos.
  • Crea un botón para salir.

Actividad 10-1 (Política de Cookies)

  • Muestra un cartel avisando que debe aceptar la política de Cookies con un botón.
  • Cuando sea pulsado crea una cookie.
  • No vuelvas a mostrar el cartel mientras exista.

Actividad 10-2 (¿Qué idiomas hablas?)

El visitante debe tener la posibilidad de cambiar el idioma de la página. En el centro tendremos un texto diferente dependiendo del idioma seleccionado.

ES - Bienvenido

EN - Welcome

IT - Benvenuto

FR - Bienvenue

  • Crea un botón para actualizar el idioma.
  • Guarda la selección en una cookie.
  • Carga el idioma guardado al cargar la página.

Pro:

  • Guarda además el color del fondo.
  • Usa banderas.