IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Contributions JavaScript / AJAX Discussion :

Quizz QCM sur le javascript


Sujet :

Contributions JavaScript / AJAX

  1. #1
    Expert confirmé
    Avatar de BeanzMaster
    Homme Profil pro
    Amateur Passionné
    Inscrit en
    septembre 2015
    Messages
    1 890
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Amateur Passionné
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : septembre 2015
    Messages : 1 890
    Points : 4 312
    Points
    4 312
    Billets dans le blog
    2
    Par défaut Quizz QCM sur le javascript
    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
    • "L'Homme devrait mettre autant d'ardeur à simplifier sa vie qu'il met à la compliquer" - Henri Bergson
    • "Bien des livres auraient été plus clairs s'ils n'avaient pas voulu être si clairs" - Emmanuel Kant
    • "La simplicité est la sophistication suprême" - Léonard De Vinci
    • "Ce qui est facile à comprendre ou à faire pour toi, ne l'est pas forcément pour l'autre." - Mon pèrei

    Mes projets sur Github - Blog - Site DVP

  2. #2
    Expert confirmé
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    juin 2006
    Messages
    2 289
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : juin 2006
    Messages : 2 289
    Points : 4 202
    Points
    4 202
    Par défaut
    j'adore le theme <3

    Le JavaScript est principalement utilisé en tant que langage ?
    => avant ou apres l'apparition des nodeJS & co ?

    Le JavaScript peut s'utiliser conjointement avec ?
    => faute de frappe : de nombreux langages);

    JavaScript est-il un langage multi-paradigme ?
    => avant ou apres l'arrivee des WebWorkers ? (ou alors je me trompe entre les termes)

    Où dois-je placer de préférence mon code JavaScript dans une page web ?
    => ca n'a pas vraiment d'importance avec les defer/async... bien que ce soit une "best practice" (pour ne pas donner la reponse), ca ne changera rien au fonctionnement


    Que fait la balise "&ltnoscript&gt" ? encodage, quand tu nous tiens...

    Comment ajouter du code Javascript dans une page HTML ?
    => on n'est meme plus oblige de specifer de type

    Que retourne "typeof(1&gt2)" ? encodage


    Quelle est la bonne syntaxe pour afficher un message ?
    => il y a 2 syntaxes possible

    Quel opérateur est utilisé pour concaténer des chaînes de caractères ?
    `du test ${variable} et encore...`.

    Lorsqu'on crée un variable qui ne devra pas être modifiée par la suite, quel mot-clé devons-nous utiliser ?
    => c'est pas tout a fait vrai... const assure l'origine de la variable developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/const
    Cela ne signifie pas que la valeur contenue est immuable, uniquement que l'identifiant ne peut pas être réaffecté
    const test = []; test.push('ok');.

    Quel resultat sera affiché dans la console ?
    => au bout de 10, je repond en random....
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Expert confirmé
    Avatar de BeanzMaster
    Homme Profil pro
    Amateur Passionné
    Inscrit en
    septembre 2015
    Messages
    1 890
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Amateur Passionné
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : septembre 2015
    Messages : 1 890
    Points : 4 312
    Points
    4 312
    Billets dans le blog
    2
    Par défaut
    Citation Envoyé par Doksuri Voir le message
    j'adore le theme <3
    Bonjour merci

    Citation Envoyé par Doksuri Voir le message
    Le JavaScript est principalement utilisé en tant que langage ?
    => avant ou apres l'apparition des nodeJS & co ?
    Bonne remarque, effectivement.

    Citation Envoyé par Doksuri Voir le message
    Le JavaScript peut s'utiliser conjointement avec ?
    => faute de frappe : de nombreux langages);
    Ok, je vais corriger

    Citation Envoyé par Doksuri Voir le message
    JavaScript est-il un langage multi-paradigme ?
    => avant ou apres l'arrivee des WebWorkers ? (ou alors je me trompe entre les termes)
    Bonne question !, il est claire qu'au début du js, c'était non.

    Citation Envoyé par Doksuri Voir le message
    Où dois-je placer de préférence mon code JavaScript dans une page web ?
    => ca n'a pas vraiment d'importance avec les defer/async... bien que ce soit une "best practice" (pour ne pas donner la reponse), ca ne changera rien au fonctionnement
    Je vais le rajouté dans la correction

    Citation Envoyé par Doksuri Voir le message
    Que retourne "typeof(1&gt2)" ? encodage
    Que fait la balise "&ltnoscript&gt" ? encodage, quand tu nous tiens...
    je n'ai pas fait gaffe, en changeant mes innerHTML par textContent

    Citation Envoyé par Doksuri Voir le message
    Comment ajouter du code Javascript dans une page HTML ?
    => on n'est meme plus oblige de specifer de type
    Je ne savais pas. Je vais le préciser dans la correction

    Citation Envoyé par Doksuri Voir le message
    Quelle est la bonne syntaxe pour afficher un message ?
    => il y a 2 syntaxes possible
    merde j'ai fais un copier-coller en trop ???, je vais vérifier

    Citation Envoyé par Doksuri Voir le message
    Quel opérateur est utilisé pour concaténer des chaînes de caractères ?
    `du test ${variable} et encore...`.
    Effectivement, je ne parle pas du template string. Ca serait une question à rajouter

    [QUOTE=Doksuri;11661289]
    Lorsqu'on crée un variable qui ne devra pas être modifiée par la suite, quel mot-clé devons-nous utiliser ?
    => c'est pas tout a fait vrai... const assure l'origine de la variable developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/const
    const test = []; test.push('ok');.
    Mouais, c'est vrai ici dans la cas d'un tableau. Faudrait que j'ajoute le mot "réaffectation" pour être plus précis

    Citation Envoyé par Doksuri Voir le message
    Quel resultat sera affiché dans la console ?
    => au bout de 10, je repond en random....


    Merci pour ton retour, je vais corriger tout ça dès que possible

    Cordialement Jérôme
    • "L'Homme devrait mettre autant d'ardeur à simplifier sa vie qu'il met à la compliquer" - Henri Bergson
    • "Bien des livres auraient été plus clairs s'ils n'avaient pas voulu être si clairs" - Emmanuel Kant
    • "La simplicité est la sophistication suprême" - Léonard De Vinci
    • "Ce qui est facile à comprendre ou à faire pour toi, ne l'est pas forcément pour l'autre." - Mon pèrei

    Mes projets sur Github - Blog - Site DVP

Discussions similaires

  1. [XSLT] Erreur parsing XSLT sur du javascript
    Par michaelbob dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 14/08/2006, 13h11
  2. Questuion sur banniere javascript
    Par inferno66667 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/11/2005, 15h55
  3. Site sur CD - javascript bloqué par SP2
    Par loutente dans le forum Général Conception Web
    Réponses: 16
    Dernier message: 17/05/2005, 15h22
  4. Réponses: 7
    Dernier message: 05/01/2004, 16h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo