3 ejercicios para poner en práctica tus habilidades en HTML, CSS y JS.

10/22

Lectura

3 ejercicios para poner en práctica tus habilidades en HTML, CSS y JS.
Módulo: Prepárate para presentar entrevistas técnicas.

Para finalizar nuestro módulo, te compartiré 3 ejercicios para que pongas en práctica tus conocimientos en HTML, CSS y JS.

Buscador de GIF

Esta página debe contener una barra de búsqueda y una grid principal (con 3 columnas en desktop, 2 en tablet y 1 en mobile) que muestre GIF aleatorios. Una vez se digite 3 letras en la barra de búsqueda, se empiezan a mostrar GIF relacionados con la búsqueda en la grid principal.

Para este ejercicio, usa la API de GIPHY. Puedes tomar este diseño como referencia:

gif

TODO List de emojis

Esta página debe contener una barra de búsqueda que recibirá como entrada las actividades de tu rutina diaria como: “comer”, “correr”, “pasear mascota”, “dormir”, entre otras; y un botón de “agregar” que se encargará de mostrar debajo de la barra de búsqueda un emoji correspondiente a la actividad ingresada.

Si se ingresa más de una actividad, deben mostrarse en forma de lista.

Adicionalmente, otra de las funciones de este TODO es que al darle clic al emoji (actividad), éste se debe remover de la lista. Puedes tomar este diseño como referencia:

dribbble-todo-list

Listado de música

Esta página debe mostrar las canciones de uno de los álbumes de tu artista favorito.

Adicional, deben existir 2 botones para cambiar el diseño de las canciones mostradas, ya sea para verlas en cuadrícula o en lista. Puedes tomar este diseño como referencia:

dribbble-podcast

¡Espero tus soluciones en la sección de comentarios!

Aportes 4

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

https://mini-challenges.vercel.app/

Dejo mis soluciones a los retos hechos con React. Añadí otras funcionalidades a Todo App y a Music App. Invito a cualquiera a pasarse un momento por el link y dejarme su feedback ☺

Excelente ejercicios para poder en practica los conocimientos que vamos adquiriendo. En mi caso me pondre las pilas con Javascript ya que es lo que aún me falta pero espero pronto poder compartir mis soluciones 🚀

Wow, con estos ejercicios propuestos me doy cuenta que me falta mucho por conocer de JavaScript para poder encontrar las soluciones. Espero pronto terminar la escuela de JavaScript y volver a esta clase para dar mis soluciones.

Éxitos a todos en sus carreras

Hace días quería hacer los retos y me gustaría que me dieran feedback. Aquí estan los 3 retos.