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 ☺
Conoce tu perfil profesional
¿Qué necesitas para convertirte en frontend developer?
¿Cuál es la diferencia entre junior, semisenior y senior?
Tips y herramientas para crear tu curriculum vitae
Ideas para crear tu página web
Preguntas y respuestas sobre tu perfil profesional
Preparación previa a presentar entrevistas técnicas
Prepárate en HTML y CSS (nivel teórico y práctico)
JavaScript a nivel teórico y práctico
Frameworks de JS a nivel teórico y práctico
Resolución de problemas y live coding
3 ejercicios para poner en práctica tus habilidades en HTML, CSS y JS.
Cómo presentar entrevistas técnicas
Recomendaciones generales para una entrevista técnica
Buenas prácticas de HTML, CSS y JavaScript para una entrevista
HTML, CSS y JavaScript a nivel práctico para entrevistas
Mejores prácticas para presentar entrevistas técnicas
Cómo resolver pruebas técnicas en casa
Entendimiento general del problema
Elección del framework para realizar la prueba
Cómo ejecutar una prueba técnica
Preguntas y respuestas sobre pruebas técnicas en casa
Experiencias, historias y traumas personales
Cómo estar al día en tecnología: comunidades, conferencias, blogs y más
Proyectos individuales y contribución a proyectos open source
Mi experiencia en entrevistas: lo que hubiera hecho (y lo que no)
Preguntas y respuestas sobre cómo estar al día en tech
3 ejercicios para poner en práctica tus habilidades en HTML, CSS y JS.
10/22Lectura
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:
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:
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:
¡Espero tus soluciones en la sección de comentarios!
Aportes 4
Preguntas 0
Ordenar por:
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.