Quiz — 65ad2aea244c5_Enoncé-Révision HTML5 , CSS3 et JavaScript.pdf

Question 1 sur 10 20:00

[{"id":33300,"question":"Quelle balise HTML5 est utilisée pour définir un contenu indépendant et potentiellement réutilisable ?","option_a":"\u003Cdiv\u003E","option_b":"\u003Csection\u003E","option_c":"\u003Carticle\u003E","option_d":"\u003Caside\u003E","option_e":"","option_f":"","bonne_reponse":"c","explication":"La balise \u003Carticle\u003E est utilisée pour définir un contenu indépendant et auto-suffisant, comme un article de blog ou une publication.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"c\", \"options\": {\"a\": \"\u003Cdiv\u003E\", \"b\": \"\u003Csection\u003E\", \"c\": \"\u003Carticle\u003E\", \"d\": \"\u003Caside\u003E\"}}","_debug_options_count":4},{"id":33301,"question":"En CSS3, quelle propriété permet de créer un effet de flou sur un élément ?","option_a":"filter: blur();","option_b":"opacity: 0.5;","option_c":"box-shadow: 5px 5px;","option_d":"transition: all 0.3s;","option_e":"","option_f":"","bonne_reponse":"a","explication":"La propriété \u003Cem\u003Efilter: blur()\u003C\/em\u003E permet d'appliquer un effet de flou à un élément. Par exemple : \u003Cem\u003Efilter: blur(5px);\u003C\/em\u003E","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"filter: blur();\", \"b\": \"opacity: 0.5;\", \"c\": \"box-shadow: 5px 5px","_debug_options_count":4},{"id":33302,"question":"Vrai ou Faux : JavaScript est un langage typé statiquement.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"b","explication":"JavaScript est un langage typé dynamiquement, ce qui signifie que le type des variables est déterminé à l'exécution.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":33303,"question":"Quelle méthode JavaScript permet de sélectionner un élément par son ID ?","option_a":"getElementsByTagName()","option_b":"querySelector()","option_c":"getElementById()","option_d":"selectElement()","option_e":"","option_f":"","bonne_reponse":"c","explication":"La méthode \u003Cem\u003EgetElementById()\u003C\/em\u003E permet de sélectionner un élément HTML par son attribut ID. Exemple : \u003Cem\u003Edocument.getElementById('monId');\u003C\/em\u003E","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"c\", \"options\": {\"a\": \"getElementsByTagName()\", \"b\": \"querySelector()\", \"c\": \"getElement","_debug_options_count":4},{"id":33304,"question":"En CSS3, quelle unité de mesure est relative à la taille de la police de l'élément parent ?","option_a":"px","option_b":"em","option_c":"rem","option_d":"vw","option_e":"","option_f":"","bonne_reponse":"c","explication":"L'unité \u003Cem\u003Erem\u003C\/em\u003E (root em) est relative à la taille de la police de l'élément racine (généralement \u003Chtml\u003E). Elle permet une mise à l'échelle cohérente.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"c\", \"options\": {\"a\": \"px\", \"b\": \"em\", \"c\": \"rem\", \"d\": \"vw\"}}","_debug_options_count":4},{"id":33305,"question":"Vrai ou Faux : La balise \u003Cmeta\u003E en HTML5 est utilisée pour définir des métadonnées comme le jeu de caractères ou la description de la page.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"La balise \u003Cmeta\u003E est effectivement utilisée pour fournir des métadonnées sur la page, comme le jeu de caractères (\u003Cem\u003Echarset\u003C\/em\u003E) ou la description (\u003Cem\u003Edescription\u003C\/em\u003E).","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":33306,"question":"Quelle propriété CSS3 permet de créer une animation fluide entre deux états d'un élément ?","option_a":"transition","option_b":"animation","option_c":"keyframes","option_d":"rotate","option_e":"","option_f":"","bonne_reponse":"a","explication":"La propriété \u003Cem\u003Etransition\u003C\/em\u003E permet de créer une animation fluide entre deux états d'un élément en spécifiant la propriété à animer et la durée.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"transition\", \"b\": \"animation\", \"c\": \"keyframes\", \"d\": \"rotate\"}}","_debug_options_count":4},{"id":33307,"question":"En JavaScript, quelle syntaxe permet de déclarer une fonction fléchée (arrow function) ?","option_a":"function maFonction() {}","option_b":"maFonction = () =\u003E {}","option_c":"function =\u003E maFonction() {}","option_d":"maFonction() =\u003E {}","option_e":"","option_f":"","bonne_reponse":"b","explication":"La syntaxe correcte pour une fonction fléchée est \u003Cem\u003EmaFonction = () =\u003E {}\u003C\/em\u003E. Les fonctions fléchées sont une syntaxe concise pour déclarer des fonctions en JavaScript.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"function maFonction() {}\", \"b\": \"maFonction = () =\u003E {}\", \"c\": \"fu","_debug_options_count":4},{"id":33308,"question":"Vrai ou Faux : Le modèle de boîte en CSS3 inclut uniquement la marge, la bordure et le contenu.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"b","explication":"Le modèle de boîte en CSS3 inclut quatre parties : le contenu, le padding (marge intérieure), la bordure et la marge (marge extérieure).","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":33309,"question":"Quelle méthode JavaScript permet d'ajouter un événement au clic sur un bouton ?","option_a":"button.addEventListener('click', maFonction);","option_b":"button.onclick = maFonction;","option_c":"button.click(maFonction);","option_d":"button.addEvent('click', maFonction);","option_e":"","option_f":"","bonne_reponse":"a","explication":"La méthode \u003Cem\u003EaddEventListener()\u003C\/em\u003E est la méthode moderne et recommandée pour ajouter un événement à un élément. Exemple : \u003Cem\u003Ebutton.addEventListener('click', maFonction);\u003C\/em\u003E","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"button.addEventListener('click', maFonction);\", \"b\": \"button.oncl","_debug_options_count":4}]