Font size
WorksheetsQuiz HTML/CSS/JS
Total questions: 56
Worksheet time: 35mins
1. Dans quel balise HTML plaçons-nous le code JavaScript?
La balise js
La balise javascript
La balise script
La balise rel
3. Quelle est la syntaxe correcte pour faire référence à un script externe appelé « myscript.js »?
<script href="myscript.js">
<script name="myscript.js">
<script src="myscript.js">
Tout les réponses sont vrais
4. Le fichier externe de JavaScript doit contenir la balise <script>?
Vrai
Faux
5. Quel est le bon endroit pour insérer un code JavaScript?
La section <head>
Les deux sections <head> et <body> sont correctes
La section <body>
Aucune de ces réponses n’est vraie.
6. Comment écrivez-vous « Hello World » dans une boîte d’alerte?
msg("Hello World");
alert("Hello World");
msgBox("Hello World");
alertBox("Hello World");
Quel est l'outil pour valider la structure de notre code HTML?
W3C HTML Validator
Visual Studio Code
Le navigateur web avec un afficher la source
La console du navigateur avec la touche FF11
comment cible t'on un id en JavaScript?
getElementsbyTagName()
getElementsbyClassName()
getElementbyId()
Quelles propriétés permettent de changer le texte d'un élément HTML?
innerText
innerHTML
textContent
changeMyText
En JavaScript, les noeuds de l’arbre DOM sont des objets de type
variable
fonction
node
Quelle type de donnée renvoie le getElementsbyClassName et getElementsByTagName?
integer (entier)
array (tableau)
String (chaine de caractère)
Les paragraphes de mon site prennent toutes la largeur de ma page pourquoi?
Ils sont en display:block par défaut
Ils sont en float:left par défaut
Ils sont en float:inline par défaut
Ils sont en flex:1; par défaut
quelle méthode permet de supprimer le dernier item d'un tableau?
array.pop()
array.corn()
array.loli()
array.flakes()
quelle méthode permet de rajouter un item la fin d'un tableau
array.push()
array.pull()
array.marco()
array.polo()
quelle méthode permet de supprimer le 1er item d'un tableau?
array.shift()
array.unshift()
array.popStart()
array.split()
quelle méthode permet de créer un écouteur événement ?
ajouterunécouteurd'evenement()
addEventListener()
listentoMe()
hein?
L'opérateur de comparaison == sert à comparer...
L'égalité en valeur simplement
L'égalité en valeur et en type
La différence en valeur simplement
Dans une course à vélo, si je dépasse le second je deviens alors ?
Premier
Second
Troisième
Qu'est ce que l'hébergement web?
C'est l'endroit où notre site se situe
C'est la technologie de notre site
C'est le nom de domaine du site
C'est l'emplacement géographique de notre site
Quelle est la meilleur manière de faire un menu de site web?
<nav><ul><li><a>
<menu><menuitem><a>
<link><a>
<ol><li><a>
Pourquoi le head est une balise obligatoire?
Il contient des infos essentielles pour le navigateur
Il contient l'entête de mon site dont le menu
Il permet d'afficher le contenu de mon site
Il permet de charger le PHP de ma page
Avec le code suivant, mon image ne s'affiche pas pourquoi?
<img src="equipe/Pelletire.png">
Le chemin de l'image n'est pas le bon
Le format de fichier PNG est invalide
L'attribut alt n'est pas présent
La balise img n'est pas fermée
Je veux appliquer un style erreur à une div, quelle est la meilleure manière de faire?
<div class="erreur">
<div style="color:red;">
<div id="erreur">
<div css="erreur">
Si je veux empêcher l'envoi de mon formulaire HTML en validant la présence d'une valeur dans un champs avec HTML:
Utiliser l'attribut Value
Utiliser l'attribut Required
Utiliser la balise Label
Utiliser la balise Input
Quelle est la bonne syntaxe pour déclarer une variable en JavaScript?
let age;
VAR age;
string age;
const age;
À quoi sert le DOM pour JavaScript?
Il permet d'aller chercher n'importe quel élément d'une page Web
Il permet d'afficher n'importe quel élément d'une page Web
Il permet d'exécuter du javascript dans une page
Il permet l'interactivité d'une page Web
Si je veux déboguer efficacement une variable en Javascript je devrais utiliser la méthode:
console.log();
alert();
var_dump()
innerHTML()
Quel standard suit JavaScript ?
(a)
Quelle fonctionnalité est présentée ici ?
Spread operator
Destructuration
Decomposition
Array Slicing
Quel sera le résultat de 5+5-"8" ?
558
55
108
2
Quel sera le résultat de 2+3+"5" ?
55
235
10
NaN
Que permet le hoisting ?
Il permet de ne plus déclarer ses variables
Utiliser des fonctions/variables avant qu'elles soient déclarées
Transformer les const/let en var
Redéfinir des constantes
Que retourne l'expression suivante ?
true
false
null
undefined
la fonction listener est appelée lorsque l’événement
se produit
se termine
Dans une fonction listener, la variable this est définie et désigne
l’objet cible de l’événement
le window
le code HTML
Qu’est-ce qui sera enregistré sur la console ?
var a = ['dog', 'cat', 'hen']; a[100] = 'fox';
console.log(a.length);
101
3
4
100
Quel Voiture sera connecté à la console?
var carList = ['Tesla', 'Ford', 'Toyota', 'Honda'];
carList.pop();
console.log(carList.pop());
Tesla
Ford
Toyota
Honda
Quelle méthode n'existe pas dans le DOM ?
document.getElementById
document.getElementsByClassName
document.getElementsByAttribute
document.getElementsByTagName
Comment déclare-t-on une fonction fléchée en JavaScript ?
function myFunction() {}
const myFunction = () => {}
let myFunction() = {}
def myFunction() {}
Quelle est la méthode utilisée pour sélectionner un élément HTML par son ID en JavaScript ?
getElementByTagName()
getElementsByClassName()
getElementByid()
Aucun
Qu'est-ce que l'opérateur "===" en JavaScript ?
Il teste l'égalité des valeurs sans vérifier le type
Il teste si une valeur est strictement supérieure à une autre
Il teste l'égalité des valeurs et des types
Il teste si une valeur est strictement inferieure à une autre
Que retournera l'expression 5 == "5" en JavaScript ?
false
true
null
undefined
Que retournera l'expression true + true en JavaScript ?
true
"true"
2
false
Laquelle des propriétés CSS suivantes est utilisée pour définir un délai avant le démarrage d'une animation ?
transition-delay
transform-delay
delay
aucune
Laquelle des propriétés CSS suivantes est utilisée pour définir le temps nécessaire au commencement d'une itération d'une animation ?
animation-duration
duration
transition-duration
transform-duration
Que signifie API ?
Application Programming Interface
Ale Pale Indian
Algorithmic Processing Interface
Artificial Programming Intelligence
À quoi sert Postman ?
Faire des requêtes HTTP
Générer une API
Envoyer une lettre
Faire du jetpack
La fonction fetch peut prendre un ou deux paramètres : URL et options. Lequel est obligatoire ?
URL
Option
Comment rendre cette fonction asynchrone :
function callAPI(url) {
return await fetch(url);
}
async function callAPI(url) {
return await fetch(url);
}
function callAPI(url) {
return fetch(url);
}
delayed function callAPI(url) {
return await fetch(url);
}
function callAPI(async url) {
return await fetch(url);
}
@media only screen and (max-width: 500px) { body { background-color: lightblue; } }
permet de quoi?
La couleur d'arrière-plan deviendra bleu clair
Si la fenêtre du navigateur est plus grande que 500px, la couleur d'arrière-plan deviendra bleu clair
Si la fenêtre du navigateur est inférieure à 500 px, la couleur d'arrière-plan deviendra bleu clair.
Parmi les balises suivantes lesquelles sont des balises sémantiques ?
<article>
<section>
<form>
<address>
<div>
Qu'adviendra-t-il du texte en bleu ? <p>Il a utilisé sa voiture <i>Audi</i>, car elle était très rapide.
le contenu sera affiché en italique
le contenu sera affiché comme une icone
le contenu affichera une image
le contenu définit le texte inséré dans un document
Aucune de ces réponses
Ecrivez un code HTML permettant de créer un tableau de 3 lignes et deux colonnes
Chaque cellule du tableau peut être représentée en utilisant
<th>
<td>
<tr>
<thead>
Quel est le type par défaut de l'attribut « type » de l'élément <input> ?
number
password
text
Quel type est utilisé pour créer une saisie(input) de texte multiligne ?
text
textarea
multi-line
Quel attribut n'est pas utilisé pour le type de radio ?
name
value
checked
selected
