¡Bienvenido/a a la sección de retos de código de Manz.dev! Esto es una sección donde se plantearán una serie de retos para que cualquiera que tenga tiempo y ganas de aprender, los intente realizar y resolver. Para ello, en cada reto se proporcionará una (o varias imágenes de previsualización) y el desarrollador/a deberá intentar crear uno lo más parecido posible, respetando siempre los requisitos y criterios del mismo.
¿Cómo empezamos el proyecto?
- 1️⃣ Crea un repositorio en GitHub basándote en este template.
- 2️⃣ Cada reto tiene su nombre específico predefinido. Búscalo en cada reto y pónselo al repo que crees.
- 3️⃣ Con
npm run devlevantarás un servidor local y verás cambios en vivo en el navegador. - 4️⃣ Recuerda que puedes desplegar en GitHub Pages con
npm run build && npm run deploy.
Para pros: ¡Usa la terminal!
- 1️⃣ Saber utilizar la terminal es un plus. Si tienes Windows, puedes usar WSL.
- 2️⃣ Lo necesario es moverte por carpetas, copiar archivos y poco más. ¡El resto lo irás descubriendo!
- 3️⃣ Si lo prefieres, puedes crear tu repo automáticamente y ahorrarte entrar a la web, usando la herramienta GitHub CLI mediante el comando
gh repo create nombre-de-tu-repo --public --clone --template manzdev/manzdev-retos-template. Esto te creará un repo local sincronizado con el remoto, basado en la plantilla de retos de Manz.dev, lista para utilizar.
¿Cómo creo proyectos desde cero?
- 1️⃣ Si estás empezando, basta con crear una carpeta y un fichero
index.html,index.csseindex.js. - 2️⃣ Sin embargo, ese mecanismo pronto se te quedará corto. Usa un empaquetador como Vite.
- 3️⃣ Si buscas algo un poco más cómodo y rápido, usa mkweb, el script que uso en mis directos.
Licencia
- 1️⃣ Los retos de Manz.dev están creados para ayudar a aprender y avanzar en el desarrollo web.
- 2️⃣ Cualquiera puede realizar los retos. Hacer streamings intentando resolverlos es una buena forma...
- 3️⃣ Profesores: ¿Quieres usarlo como ejercicios? Puedes hacerlo, pero no los copies... ¡enlaza!
¡AYUDA!: Si necesitas ayuda, pásate por nuestro servidor de Discord. Es gratuito y tenemos un canal de dudas. ¡En la comunidad que tenemos por allí intentaremos resolver tu duda lo antes posible!
