Font size
WorksheetsQuiz-Sprint1,2,3
Total questions: 62
Worksheet time: 49mins
Les fondamentaux du HTML est connu sous le nom de ___________.
HTML Body
HTML Tag
HTML element
HTML Attribute
Toutes les balises HTML sont entourées de ____________
# and #
{ and }
? and !
< and >
Comment écrire un commentaire en HTML
Lequel des codes suivants créerait une ligne horizontale en HTML ?
<br />
<hr>
<hb>
<tr>
Parmi les balises suivantes lesquelles sont des balises sémantiques ?
<article>
<section>
<form>
<address>
<div>
Quelle est la fonction de la balise <p> ?
Définit un paragraphe.
colorier un texte
joindre un texte
afficher une page
Lequel des éléments suivants n'est PAS une fonction de l'élément <title> </title> ?
Définir un titre dans le browser
Ajouter un titre à la page dans les indexs
Création du premier titre de votre page index
Afficher le titre dans les moteurs d'indexations
Les scripts peuvent être placés n'importe où dans un document HTML.
Yes
No
Choisissez la balise correcte pour le plus grand titre :
h6
heading
head
h1
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
Quel code rendra votre fond d'écran en rouge ?
<body colormybg="background-color:red;">
body{background-color:red}
<body style="background-color:red;">
<body style="background-color:yellow;">
Ecrivez un code HTML permettant de créer un tableau de 3 lignes et deux colonnes
Que contient <head> </head>du code HTML ?
Toutes les commandes
les données à afficher
Toutes les instructions d'une page web
les informations qui ne sont pas affichées
CSS signifie ?
Code style sheet
Cascading style sheet
Cascading sheet style
Cascading sass sheet
Quelle est la syntaxe CSS correcte ?
body {color: yellow;}
{body:color= yellow;}
body:color=yellow;
{body;color: yellow;}
Si vous avez besoin d'espace au-dessus de la balise div, quelle estla propriété CSS pour augmenter l'espace en dessus ? (Choisissez la syntaxe correcte)
margin-top: 20px;
padding-top:20px
margin:20px 0 0 0;
margin:20px 0
Si nous voulons définir le style d'un élément unique, quel sélecteur css utiliserons-nous ?
class
id
tag
name
Comment je peux ajouter un style hover sur un button afin de changer son apparence : <button class="btn">Click </button> ? changer la couleur du text en vert et la couleur du background en bleu
Si nous voulons utiliser une bordure verte en pointillés autour d'une image, quelle propriété css allons-nous utiliser ?
border-color
border-line
border-style
border-decoration
Peut-on aligner un élément du bloc en définissant les marges gauche et droite ?
OUI
NON
Quelle doit être la largeur d'un élément en bloc <div></div>, de sorte que la largeur de la div s'adapte à la largeur actuelle de la fenêtre du navigateur.
600px
100%
100wh
1024px
Quelle propriété css utiliserez-vous si vous voulez ajouter une marge entre la bordure d'un DIV et son texte intérieur ?
margin
padding
font-size
transform
Par défaut, les hyperliens sont affichés avec un soulignement. Comment supprimer le soulignement de tous les hyperliens à l'aide du code CSS ?
L'utilisation du Responsive Web Design (RWD) garantit que le site s'affichera correctement sur tous les navigateurs de bureau et les appareils mobiles.
Vous avez utilisé une mise en page basée sur une grille et des images redimensionnables. Quelle est une autre technique RWD que vous pouvez utiliser dans le cadre du responsive design ?
Use static pixels for all content positioning
Utilisez des unités relatives, telles que des pourcentages, pour le positionnement des éléments de la page.
Utilisez des éléments de structure de page standard, notamment <header>, <footer> et <article>, car les appareils plus anciens afficheront correctement le contenu des éléments de structure.
Utilisez des polices de caractères plus petites pour tout le corps du texte, afin de garantir qu'il s'affiche correctement sur les écrans plus petits
Quel est le problème avec ce code
Que fait le style position:fixed pour styliser une image ?
Place une image en fonction de la position de défilement de l'utilisateur.
Épingle une image à un endroit précis de la fenêtre du navigateur, même lorsque l'utilisateur fait défiler le contenu de la page.
Dimensionne une image à une taille fixe, quelle que soit la taille du navigateur de l'utilisateur.
Place une image à un endroit précis de la page par rapport au texte qui la précède.
Quel modèle comprend la marge, la bordure, le rembourrage et le contenu ?
CSS Box model
CSS3 Grid Layout model
CSS Grid Template Layout Module
CSS3 Flexbox Box model
La propriété CSS display:flex définit le flexbox comme _____element.
un bloc
un élément invisible
un élément inline
Néant
Parmi les éléments suivants, quels sont les valeurs de la propriété flex-direction ? (Choisissez toutes les réponses qui s'appliquent.)
auto
column
row-reverse
start
Combien de colonnes et de lignes sont définies dans le code suivant ?
section {
display: grid;
grid-columns: 100px 1fr 250px;
grid-rows: 50px 1fr 50px;
}
section header {
grid-column: 2;
grid-row: 1;
}
section nav {
grid-column: 1;
grid-row: 2;
}
section article {
grid-column: 2;
grid-row: 2;
}
section aside {
grid-column: 3;
grid-row: 2;
}
section footer {
grid-column: 2;
grid-row: 3;
}
3 rows and 3 columns
2 rows and 3 columns
3 rows and 2 columns
1 row and 1 column
Vous créez un modèle de mise en page en grille. Par quoi remplacez-vous le mot TEXTE dans le code suivant si vous voulez que tout le contenu apparaisse dans la grille ?
div { grid-template: "TEXT"; grid-rows: auto; grid-columns: auto;}
eeney { grid-position: a; }
meeney { grid-position: b; }
miny { grid-position: c; }
moe { grid-position: d; }
abcd
grid-position
all
eeney meeney miny moe
Quelle propriété oblige les éléments flex à s'afficher à la ligne de base de leur conteneur ?
align-items: flex-end
align-items:flex-start
justify-content:flex-start
Comment centrer vos éléments flex le long de l'axe principal soit (X,Y) ? en supposant qu'on a un container avec un display flex et une direction row
Laquelle des méthodes suivantes est correcte pour définir le ViewPort ?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
absolute
none
justify-content vous permet de faire quoi ?
définir la direction du positionnement des éléments en fonction de la ligne ou de la colonne.
définir comment positionner les éléments verticalement
définit comment positionner les éléments horizontalement
définir comment les éléments seront enveloppés lorsque la largeur du navigateur est modifiée
let a = 10;
let b = 3;
a = (a/b) + 2;
Quelle est la valeur de a ?
3
5
5.3
3.3
let a = 0;
let val1 = 10
let val2 = 6;
if (val1 < val2)
{
a+= val2;
}
else if(val2 > val1)
{
a+= 0;
}
else
{
a = val1;
}
Quelle est la valeur de a
10
-1
0
2
leta1 = 2;
3 = a1;
Expliquez en quelques lignes l'erreur engendré
function g ( x, y) {
x = x + y;
let z = - y + x * 2;
return z;
}
quelle sera le résultat de l'appel de la fonction g(4,-10)
10
-1
-2
18
function f ( x, y) {
if (x + 2 < y) {
x = x + 3;
return y * x;
}
else {
return x + y + 2;
}
}
quelle est le résultat de retour de l'appel de la fonction f(3,2)
7
3
2
8
function f (n) {
let ans = 0;
for (let i = 1; i < n; i++) {
if (i < n/2) {
ans -= i;
}
else {
ans += i;
}
}
return ans;
}
Donnez le résultat de retour de la fonction suivante : f(5)
let x = 6;
console.log(-3 < 5 && !(x % 3 == 0))
cette instruction est elle ?
true
false
let x = 4;
let y;
let z;
y=--x;
z = x--;
console.log(x,y,z);
Qu'est ce que le programme va afficher ?
2 3 3
4 3 3
3 2 3
2 3 2
function main()
{
let a=25;
while(a <= 27)
{
console.log(a);
a++;
}
}
La fonction suivante affichera quoi comme résultat ?
25 26 27
25 25 26
27 27 27
none of the above
function main(){
let a=32;
do
{
console.log(a);
a++;
}
while(a <= 30);
console.log(a);
}
Résultat de la fonction ?
32 32
33 33
32 33
undefined
Parmi les choix suivant ? quelles sont les méthodes qu'on peut utiliser sur des types de donnée Array ?
map
reduce
split
slice
Comment changer le premier élément d'un tableau ?
nums[1] = "New!";
var nums[1] = "New!";
nums = "New!";
nums[0] = "New!";
Laquelle des méthodes JavaScript suivantes êtes-vous le plus susceptible d'utiliser pour activer un bouton?
onClick
onLoad
onMouseover
whenClick
Expliquer en quelques lignes la différence entre une fonction de déclaration et une fonction expression (normal function and arrow function)
const divs = document.querySelectorAll('div');
console.log(divs)
Quelle est le type de data retournée ?
nodeList
HtmlCollection
HtmlList
nodeCollection
Expliquez en quelques lignes, le fonctionnement asynchrone en javascript ?
Sélectionnez les bibliothèques de JavaScript parmi les choix suivants
REACT JS
PROMISES
JQUERY
BOOTSTRAP
Quelle méthode intégrée renvoie les caractères d'une chaîne commençant d'un emplacement spécifié ?
substr()
slice()
get()
toUpperCase()
Laquelle des fonctions suivantes de l'objet Array ajoute un ou plusieurs éléments à la fin d'un tableau et renvoie la nouvelle longueur du tableau ?
push()
pop()
shift()
unshift()
Ecrivez un programme en javascript qui te permet de calculer le factorielle d'un nombre saisi au clavier ?
factorielle du nombre 4 est 1*2*3*4
Quelles sont les variables par défaut définie par REACT
props
state
effects
refs
Dans react html est appelé .....?
JSF
JSX
REACT HTML
DOM
...... aide REACT à transiter les données entre les composants
state
props
Virtual DOM
none
Citez les trois états d'un cycle de vie d'un composant ?
Un Hook de type UseEffect() ? quelle est sa particularité par rapport au cycle de vie d'un composant ?
Re render le composant
Enregistrer les datas après le rendering d'un composant
Trigger le rendering
none of the above
Parmi les fonctions suivantes, lesquelles sont utilisé pour interroger une API ?
fetch
XmlHttpRequest
axios
HtmlRequest
Supposons que j'ai l'objet suivant : const obj = {name:'amine',age:'hamid'} que fait la fonction Object.values(obj)
