Salut à tous,
En pleine formation dans le développement web, je viens de terminer un petit projet de "Quizz" style QCM
Le thème du seul quizz disponible pour le moment c'est JAVASCRIPT !
Niveau design, c'est très simple, très kitch, très années 90, bref
Que dire, c'est 0% framewordk css, c'est 100% responsive, 100% Sass
Coté Javascript, je ne suis pas partie sur la solution la plus rapide et la plus facile à mettre en place.
Le code est 100% en POO avec des classes. C'est orienté MVC
Le Model : les données au format JSON + une classe de gestion QuizzardManager
La Vue : le code HTML et CSS
Le Contrôleur : la classe QuizzardApplication
L'avantage c'est que c'est très maintenable, et extensible. On pourra facilement rajouter des questions à choix multiple ou des questions ou il faut rentrer sa réponse dans un input de type texte, ou un système de drag&drop pour placer des étiquettes au bon endroit etc.... Bref beaucoup de possibilité à rajouter
J'ai commenté un maximum le code et j'ai laissé quelques commentaires "pollueur" en guise de notes. (en passant je vous conseil une petite extension pour vscode que je trouve bien sympathique << Better comments >>
J'ai aussi incorporé la bibliothèque "highlightjs" moyennant une petite modification dans son code.
Vous trouverez le code complet ici : https://github.com/jdelauney/jdelaun...folio/quizzard
Je ne sais pas si ma façon de faire est couramment utilisée et si elle est conseillée. Elle pourra peut-être déconcerter certain. Elle est simple, et pas trop compliqué à mettre en place.
Dans mon cas, je préfère cette approche, car j'ai l'habitude de coder en POO an pascal avec lazarus (vous pouvez me retrouvez dans le forum dédié à celui-ci sur DVP) et c'est plus naturel pour moi que du code procédural (c'est pour ça d'ailleurs que je ne suis pas un fan de Wordpress en passant)
Je suis bien amusé, j'en est bavé par moment, mais ça m'a permis de progresser et d'apprendre de nouvelle choses et de réviser pas mal de petit truc sur le Javascript
La base de données JSON peut-être chargée en local ou via serveur moyennant une modification mineur dans le constructeur de l'application
Le quizz contient 10 sections de 5 questions soit un total de 50 questions pour le moment. J'en rajouterai au fur et à mesure, car il y'a plein de questions qui manque (DOM, POO etc...)
Guru du Javascript que pensez vous de mon approche et de mon code ? (et si vous pouviez vérifier que les réponses soient juste, ça serait cool :yum: )
Maintenant c'est à vous de jouer et de tester vos connaissances en Javascript (de base) et surtout donnez nous votre score !
Pour commencez à jouer c'est par là : https://jdelauney.github.io/portfoli...ard/index.html
Merci d'avance de vos retours.
Cordialement
Jérôme
Partager