FrontendMentor-Clon

Mis Retos

Todos Novato Junior Intermedio

Vista Previa Codigo

Página de inicio de Fylo con diseño de dos columnas

HTML

CSS

2 Junior

Este proyecto es excelente si está comenzando a sentirse seguro con diseños un poco más complejos. La segunda sección con el área de testimonios proporcionará un buen desafío.

Vista Previa Codigo

Página de inicio de grupo con secciones curvas

HTML

CSS

2 Junior

Practique el uso de pseudoelementos para diseñar extras y la propiedad de posición de CSS para las secciones con bordes curvos.

Vista Previa Codigo

Aplicación de calculadora de propinas

HTML

CSS

JS

2 Junior

Esta pequeña aplicación es perfecta para cualquiera que esté empezando a familiarizarse con JavaScript. ¡La funcionalidad de la calculadora será una buena prueba!

Vista Previa Codigo

Componente de gráfico de gastos

HTML

CSS

JS

2 Junior

En este desafío, creará un componente de gráfico de barras desde cero. Proporcionamos un archivo JSON local, por lo que puede agregar los datos del gráfico de forma dinámica si lo desea.

Vista Previa Codigo

Formulario interactivo de detalles de la tarjeta

HTML

CSS

JS

2 Junior

Este divertido proyecto será una excelente manera de practicar la manipulación de DOM y la validación de formularios, al mismo tiempo que pone a prueba sus habilidades de HTML y CSS.

Vista Previa Codigo

Huddle página de inicio con bloques de características alternas

HTML

CSS

JS

2 Junior

Este desafío es perfecto si quieres practicar tus habilidades de diseño. Si está comenzando a tener un poco más de confianza al diseñar una página web, pruebe este proyecto.

Vista Previa Codigo

Página de productos de comercio electrónico

HTML

CSS

JS

3 Intermedio

En este desafío, creará una hermosa página de producto. ¡Pondremos a prueba sus habilidades de JS con una galería de productos lightbox y una funcionalidad de carrito!

Vista Previa Codigo

Ping columna única próximamente página

HTML

CSS

JS

1 Novato

Este desafío es ideal para principiantes y ofrece la oportunidad de practicar la validación básica de formularios del lado del cliente.

Vista Previa Codigo

Componente de calificación interactivo

HTML

CSS

JS

1 Novato

Este es un proyecto pequeño y agradable para practicar el manejo de las interacciones del usuario y la actualización del DOM. ¡Perfecto para cualquiera que haya aprendido los conceptos básicos de JavaScript!

Vista Previa Codigo

Preguntas frecuentes tarjeta de acordeón

HTML

CSS

JS

1 Novato

En este desafío, construirá un acordeón de preguntas frecuentes. Este es un patrón frontal extremadamente común, por lo que es una gran oportunidad para practicar.

Vista Previa Codigo

Componente de introducción con formulario de registro

HTML

CSS

JS

1 Novato

Practique la creación de un formulario de registro completo con validación del lado del cliente usando JavaScript.

Vista Previa Codigo

Próximamente página de ropa básica

HTML

CSS

JS

1 Novato

Este diseño parece bastante simple, pero tiene algunos detalles interesantes que pondrán a prueba tus habilidades de CSS. También podrá practicar la validación básica de formularios.

Vista Previa Codigo

Componente de vista previa del artículo

HTML

CSS

JS

1 Novato

Practique sus habilidades de diseño con este componente de vista previa del artículo. También es muy divertido jugar con las animaciones de los íconos para compartir.

Vista Previa Codigo

Sección de prueba social

HTML

CSS

1 Novato

Este proyecto pondrá a prueba tus habilidades de diseño. Si está empezando a tener confianza con Flexbox o Grid, ¡esto le proporcionará un buen desafío!

Vista Previa Codigo

Página de destino de Huddle con una sola sección introductoria

HTML

CSS

1 Novato

Un desafío perfecto para principiantes, este proyecto lo pondrá a trabajar con un diseño de dos columnas.

Vista Previa Codigo

Componente de cuadrícula de precio único

HTML

CSS

1 Novato

En este desafío, desarrollará el componente de precios de los diseños proporcionados. Esto es perfecto para principiantes y personas que quieren completar un desafío más pequeño.

Vista Previa Codigo

Sección de funciones de cuatro cartas

HTML

CSS

1 Novato

Un buen desafío basado en el diseño para principiantes. Esto pondrá a prueba a cualquiera que sea nuevo en los diseños de varias columnas y receptivos.

Vista Previa Codigo

Componente de resumen de pedido

HTML

CSS

1 Novato

¡Un proyecto perfecto para los novatos que están comenzando a ganar confianza con los diseños!

Vista Previa Codigo

Componente de tarjeta de vista previa de 3 columnas

HTML

CSS

1 Novato

Este desafío es perfecto si recién estás comenzando. El cambio entre los diseños será una buena prueba si eres nuevo en la creación de proyectos receptivos.

Vista Previa Codigo

Componente de tarjeta de vista previa del producto

HTML

CSS

1 Novato

Este desafío solo de HTML y CSS será perfecto para cualquier persona que comience a crear proyectos receptivos.

Vista Previa Codigo

Componente de tarjeta de perfil

HTML

CSS

1 Novato

Este es un desafío perfecto para poner a prueba tus habilidades de diseño. El diseño de la tarjeta no cambia, por lo que también es ideal para aquellos que aún no se han sumergido en sitios web receptivos.

Vista Previa Codigo

Componente de tarjeta de vista previa de estadísticas

HTML

CSS

1 Novato

Este es un gran pequeño desafío para ayudarlo a acostumbrarse a construir según un diseño. No hay JS en este proyecto, por lo que podrá concentrarse en sus habilidades de HTML y CSS.

Vista Previa Codigo

Componente de código QR

HTML

CSS

1 Novato

Un primer desafío perfecto si eres nuevo en HTML y CSS. El diseño de la tarjeta no cambia, por lo que es ideal si aún no ha aprendido a crear diseños adaptables.