100 Sitios Web Challenge 2024

Tabla de Contenidos

Introducción

Estoy emocionada de presentarte un desafío que nos llevará a explorar el fascinante mundo del desarrollo web front-end. ¡Es el quinto año de “100 Sitios Web Challenge”!. Aprende todos los detalles de este reto.

¿Qué es el reto #100sitioswebchallenge?

¿Qué es exactamente este desafío? Bueno, es simple pero poderoso. Se trata de construir 100 sitios web sencillos durante el 2024 utilizando tus habilidades de desarrollo web front-end. Desde HTML y CSS básicos hasta efectos con JavaScript, o quizá el uso de SASS o Bootstrap y más.

Los sitios web que construirás no necesitan ser complejos o revolucionarios, ¡solo sencillos y funcionales! La idea es que te comprometas a construir uno cada cierto tiempo y ¡termines con 100 al final del desafío!

Aprendizajes del 2023

Este es el quinto año haciendo este reto y quiero compartirte algunos de mis aprendizajes del 2023:

  • Tener un plan desde un inicio me ayuda a la productividad y organización de mi trabajo para poder cumplir el reto. Por ejemplo trato de trabajar con 10 diseños en un sentón para tenerlos listos.
  • De nuevo, la repetición me ha ayudado a que muchos conceptos se me queden automatizados, puede ser repetitivo pero me ayuda a reforzar los conceptos y subir mi confianza.
  • Las fuentes que uso para obtener mi material, como imágenes, ilustraciones, fotografías, son claves para resultados más atractivos de mis sitios.

Reglas

Ahora hablemos de algunas reglas básicas para este desafío. Primero, establece un cronograma realista para ti mismo. No te presiones demasiado, pero mantén un ritmo constante.

Estas son reglas no obligatorias:

  • Crea un bosquejo: Esto ayuda a irnos acostumbrando a crear un sitio a partir de un bosquejo o una maquetación que la mayor parte de las veces el diseñador(a) nos proporciona. Ya sea un concepto dibujado en un papel o maquetado en Figma cualquier nos sirve para tener un punto de referencia inicial. Y en lo personal ayuda a la productividad del trabajo en lugar de estar creando al momento, al menos es lo que a mi me funciona.
  • Construye el sitio: Mínimo usa HTML y CSS para construirlo, pero puedes usar tantas herramientas quieras, siempre y que estés aplicando los principios básicos de desarrollo web. Además recuerda que tienes que hacer 100, por lo que re recomiendo no complicarte haciendo sitios muy complejos para este reto. Recuerda que estos pueden ser sólo un MVP para un proyecto más grande en un futuro.
  • Hazlo responsivo: Asegúrate que pueda visualizarse en aparatos móviles.
  • Publica el código y el sitio: El objetivo es poder tener retroalimentación de tu trabajo, recomiendo el control de versiones github y quizá el uso de netlify para subir tu sitio de manera gratuita.
  • Documenta tu experiencia: Esto te permitirá ir viendo tu proceso de aprendizaje así como una muy buena fuente que puedes agregar a tu portafolio.
  • Comparte en redes sociales: Comparte tu progreso en las redes sociales con el hashtag #100SitiosWebChallenge. ¡Así podemos apoyarnos mutuamente y celebrar nuestros logros!

Invitación

Por último, ¡invito a todos ustedes a unirse a este desafío conmigo! No importa si eres un principiante absoluto o un desarrollador experimentado, ¡hay espacio para todos en este viaje!

Ya puedes acceder a 100sitioswebchallenge.com donde estaré subiendo actualizaciones y recursos de este reto. Y claro en mi canal de YouTube estarás viendo algunos tutoriales de estos sitios.

Mucho éxito y no puedo esperar a ver tu trabajo

Conclusión

  • Este es el quinto año del reto #100sitioswebchallenge que trata de hacer 100 sitios sencillos durante el periodo de un año
  • Tener un plan desde un inicio es uno de mis aprendizajes del 2023 haciendo este reto
  • Conoce algunas de las reglas de este reto
  • Empieza hoy y te invito a que seas parte de este reto

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio Web de Boda – Dark Mode

Sitio Web de Boda – Dark Mode

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...

Sitio Web de Boda

Sitio Web de Boda

Tabla de contenidos Introducción Proceso Paleta de colores y estilos Bosquejo HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio de Vestido de Novias – Pink

Sitio de Vestido de Novias – Pink

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...