El Cuarto Año De #100sitioswebchallenge – 2023

2023 es el cuarto año haciendo el reto #100sitioswebchallenge y aquí quiero darte los detalles acerca de lo que trata este reto que empecé en 2020.

Tabla de Contenidos

  • ¿Qué es el reto #100sitioswebchallenge?
  • Mis aprendizajes del año 2022
  • Reglas del reto
    • Crear un bosquejo
    • Construye el sitio
    • Hazlo responsivo
    • Publica el código
    • Publica el sitio
    • Documenta tu experiencia
  • Invitación a unirte
  • Conclusión

¿Qué es el reto #100sitioswebchallenge?

Este reto consiste en hacer 100 sitios web sencillos en todo un año con el único objetivo de poner en práctica tus conocimiento de desarrollo web front-end en cualquier nivel.

En este caso tienes hasta el 31 de Diciembre del 2023 para terminar este reto, y como mínimo los sitios tienen que tener HTML y CSS, aunque no hay límite de qué tan complejos los quieras hacer. Sugiero mantenerlos sencillos y no perfectos ya que hay mucho por crear y cuando menos lo esperas ya el tiempo terminó.

Mis Aprendizajes del año 2022

Algunos de mis aprendizajes haciendo este reto en el año 2022 fueron los siguientes

  • Es mucho trabajo duro pero creo vale la pena, porque vas integrando tenacidad en la práctica, así como fortaleciendo muchos conceptos básicos. Así como la posibilidad de resolver un mismo problema con diferentes soluciones.
  • La repetición fue clave para reforzar conceptos y también la confianza ya que me sentía familiarizada con el proceso básico de construir un sitio.
  • El enseñar a través de videos tutoriales me ha obligado a esforzarme a traducir lo que hice en un lenguaje sencillo e interactivo. Lo que va añadiendo más experiencia en mi forma de expresarme y amarrar mejor conceptos.

Te invito a leer más en mi publicación acerca de 5 Cosas Que Aprendí Haciendo 100 Sitios Web en 2022.

Reglas del reto

No son obligatorias estas reglas, son reglas que yo inventé y que si gustas puedes seguir.

Crear un bosquejo

El propósito del bosquejo es tener una guía visual del sitio que construirás, he aprendido que sólo este paso ahorra mucho tiempo a la hora de construir el sitio. Y al mismo tiempo de manera personal puede ser la más complicada pero una vez que ya tengas esta parte yo diría que la mitad del proyecto por sitio está listo.

Puedes usar Figma, XD, Photoshop, Illustrador, o un dibujo en tu cuaderno.

Construye el sitio

Como mínimo maqueta el sitio en HTML y usa estilos con CSS, aunque quizá puedas construir un sitio rápido en WordPress, aquí el objetivo es poner en práctica tus conocimientos de desarrollo web front-end, hasta donde tus conocimientos te lleven.

Hazlo responsivo

Ya es un requisito que tu sitio pueda verse en aparatos móviles, sobre todo en el teléfono, por lo que hay que trabajar con queries para hacer posible visualizar tu sitio de manera responsiva.

Publica el código

El objetivo de este reto es compartir nuestro progreso haciendo el reto con el objetivo de que en algún punto puedas recibir retroalimentación de la comunidad. Pero también el tener tu código público puede abrirte algunas puertas como podría ser que un futuro empleador pueda ver tu forma de construir un sitio. Otro también es documentar todo, esto siempre nos ayuda a ir mejorando y ver lo que hemos avanzado.

Usa Github o cualquier control de versiones

Publica el sitio

Igual que el punto anterior, es importante la documentación de tu progreso, y tener el sitio en vivo es la cereza del pastel para poder visualizar cómo funciona tu sitio final.

Usa Netlify o cualquier otro servidor, de preferencia gratuito.

Documenta tu experiencia

El objetivo es tener un historial de tu progreso, y en algún momento regresar a hacer para documentarte o simplemente ver todo lo que haz avanzado con tus ejercicios.

Usa tu blog o incluso tus redes sociales.

Invitación a unirte

Quiero invitarte a que te unas a este reto, empieza hoy a construir tu primer sitio del año y sigue practicando tus conocimientos básicos de desarrollo web front-end.

Este reto me ha traído oportunidades, y yo espero que haga lo mismo para ti.

Por favor compárteme en tus comentarios dudas o sugerencias acerca de este reto

Conclusión

  • El reto #100sitioswebchallenge consiste en hacer 100 sitios sencillos hasta el 31 de Diciembre 2023
  • Mucho trabajo duro vale la pena porque me ayudó a reforzar conceptos básicos y seguir construyendo mi confianza, este fue uno de mis aprendizajes en el 2022 con este reto.
  • Las reglas de este reto son:
    • Crea el bosquejo
    • Construye el sitio
    • Hazlo responsivo
    • Publica el código
    • Publica el sitio
    • Documenta tu experiencia
  • Únete hoy a este reto y empieza a construir tu primer sitio web sencillo

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...