Cette semaine vous réalisez votre évaluation. Vous allez mettre en œuvre l’ensemble des savoir-faire acquis jusqu’à maintenant pour produire une application web dynamique avec les technologies HTML/CSS et JavaScript.
- Maquetter une application.
- Développer une interface utilisateur web statique et adaptable.
- Développer une interface utilisateur web dynamique.
Spécifications fonctionnelles :
- Affichez 14 cartes face cachée sur l'écran.
- Quand le joueur clique sur une carte celle-ci se retourne.
- Quand le joueur clique sur une deuxième carte si elle est identique à la précédente les deux cartes restent face visible autrement les cartes sont à nouveau masquées.
- Quand toutes les paires sont trouvées et donc que toutes les cartes sont face visible le jeu est terminé.
Attention : Les cartes ne sont pas obligées de se retourner physiquement, elle peuvent pas exemple simplement changer de couleur mais n’hésitez pas à travailler les effets visuels.
Spécifications techniques
- HTML5
- CSS3
- Framework Boostrap4.
- Base Boilerplate.
- JavaScript avec respect des normes ES6.
- Vous avez produit des maquettes de type wireframe.
- Vous avez produit une arborescence fonctionnelle de l’application reprenant les cas d’utilisation possible de la page.
- Vos maquettes ont été réalisées avec un outil de maquettage.
- Vos wireframes sont accessibles dans un dossier DOC.
- Votre interface est responsive sur tous les supports.
- Votre HTML est validé.
- Votre CSS est validé.
- Votre HTML respecte les règles de sémantique.
- Votre CSS est organisé.
- Vous respectez le principe DRY.
- Votre code est commenté.
- Votre code est hébergé sur GitHub.
- Vous avez fait usage d’un logiciel de versionning.
- Votre site est hébergé via une GH-page.
- Le repository contient un readme, une description et des tags.
- Vous utilisez un outil de gestion de projet de type KANBAN. Idéalement pour chaque tâche vous estimez le temps et la priorité et vous vous mettez dans la peau de l’utilisateur.