Comencemos con algo divertido: ¡un juego! Todos tendrán la oportunidad de ser creativos y superar algunos desafíos de programación realmente difíciles; dado que ya te has mojado los pies con JavaScript, depende de ti crear un programa divertido e interesante Trabajarás individualmente para este proyecto, pero te guiaremos a lo largo del proceso y te ayudaremos a medida que avanza.
Tu aplicación debe:
- Renderizar un juego en el navegador
- Diseño de lalógica para ganar y mostrar visualmente qué jugador ganó
- Incluye archivos HTML / CSS / JavaScript separados
- Sigue los principios KISS (Keep It Simple Stupid) y DRY (Don't Repeat Yourself)
- Utiliza JavaScript para manipulación DOM
- Implementa su juego en línea, donde el resto del mundo pueda acceder a él
- Utiliza marcado semántico para HTML y CSS (sigue las mejores prácticas)
- Un juego funcional, creado por ti, alojado en algún lugar de Internet
- Un enlace a tu juego en línea alojado en la sección de URL de tu repositorio de GitHub
- Un repositorio de git alojado en Github, con un enlace a su juego alojado y commits frecuentes que se remontan al comienzo del proyecto
- Un archivo
readme.mdcon explicaciones de las tecnologías utilizadas, el enfoque adoptado, instrucciones de instalación, problemas no resueltos, etc.
- Divide el proyecto en diferentes componentes (datos, presentación, vistas, estilo, manipulación DOM) y realice una lluvia de ideas de cada componente individualmente. ¡Usa papel y lapiz!
- Utiliza herramientas de desarrollo (console.log, inspector, declaraciones de alerta, etc.) para depurar y resolver problemas
- ¡Trabaja en las horas de clase y haz preguntas cuando sea necesario! Piense en agregar código relevante a tu juego cada noche, en lugar de, ya sabes ... procrastinar 💤.
- Haz commits tempranos y frecuentes No tengas miedo de romper algo porque siempre puede retroceder en el tiempo a una versión anterior.
- Consulta los recursos de documentación (MDN) en casa para comprender mejor en qué te estarás metiendo.
- No tengas miedo de escribir código que sabes que tendrás que eliminar más tarde. Crea elementos temporales (botones, enlaces, etc.) que activen eventos si no hay datos reales disponibles. Por ejemplo, si estás tratando de averiguar cómo cambiar un texto cuando el juego termina pero no has resuelto la lógica del juego de ganar / perder, puedes crear un botón para simular eso hasta entonces.
- MDN Javascript Docs (una gran referencia para todo lo relacionado con Vanilla Javascript)
- Github Pages (para alojar tu juego)
- Flujo de trabajo del proyecto: ¿Completaste historias de usuario, wireframes, seguimiento de tareas se especificó anteriormente? ¿Usaste el control de versión (git) como se esperaba para la fase del programa en el que se encuentra (detallado arriba)?
- Requisitos técnicos: ¿Entregaste un proyecto que cumplía con todos los requisitos técnicos? Teniendo en cuenta lo que la clase ha cubierto hasta ahora, ¿construiste algo que fuera razonablemente complejo?
- Creatividad: ¿Agregaste un toque personal o un elemento creativo al envío de tu proyecto? ¿Le entregaste algo de valor al usuario final (no solo un botón de inicio de sesión y una página de índice)?
- Calidad del código: ¿Seguiste la guía de estilo del código y las mejores prácticas cubiertas en clase, como espaciado, modularidad y denominación semántica? ¿Comentaste tu código como lo han hecho tus instructores en clase?
- Implementación: ¿Implementaste su aplicación en una URL pública usando GitHub pages?