Examen Développeur Web et Web Mobile - 200 Questions

Elle définit l'encodage des caractères (UTF-8) pour un affichage correct des caractères spéciaux.

a) display: none
b) visibility: hidden
c) opacity: 0
d) hidden: true

text-align: center;
        

It selects the first DOM element matching a CSS selector. Example: document.querySelector('.class').

- var: portée fonctionnelle, redéclarable.
- let: portée de bloc, réassignable.
- const: portée de bloc, non réassignable.

function direBonjour() {
    console.log("Bonjour");
}
        

Elle permet la communication entre applications via des requêtes HTTP (GET, POST, etc.), souvent en JSON.

b) DELETE

SELECT * FROM products WHERE price < 50;
        

git push origin main

HTTPS chiffre les données échangées via SSL/TLS, contrairement à HTTP.

It ensures a website adapts to different screen sizes and devices.

transition: color 0.3s ease;
        

<img src="image.jpg" alt="Description de l'image">
        

c) PUT

Un ensemble d’outils pour faciliter le développement. Exemple : React.

It declares an asynchronous function, allowing await for promises.

border: 2px solid red;
        

git status

Les hacher avec un algorithme comme bcrypt.

<a>

b) padding

alert("Bonjour !");
        

A promise represents a value that may be available now, later, or never, handling asynchronous operations.

UPDATE

font-weight: bold;
        

git clone <url>

Une attaque par injection de scripts malveillants dans une page web pour voler des données utilisateur.

It installs dependencies listed in package.json for a Node.js project.

<form>
    <input type="text" name="username">
</form>
        

font-size

a) push()

INSERT INTO users (name, email) VALUES ('Jean', 'jean@example.com');
        

git commit -m "message"

A function passed as an argument to another function, executed after an event or task.

<ul>

a) display: flex

typeof variable === 'number';
        

Un champ unique identifiant chaque enregistrement dans une table.

npm start

It makes HTTP requests to fetch resources, returning a promise.

border-radius: 10px;
        

<p>

b) GET

let array = [1, 2, 3];
for (let item of array) {
    console.log(item);
}
        

Un réseau de distribution de contenu qui héberge des ressources web pour une livraison rapide.

background-color

It stores data in the browser with no expiration date, accessible via key-value pairs.

SELECT COUNT(*) FROM users;
        

git log

<h1>

b) margin

align-items: center;
        

It attaches an event handler to an element. Example: element.addEventListener('click', () => alert('Clicked'));

b) pop()

let personne = {
    nom: "Jean",
    age: 30
};
        

Une requête pour envoyer des données au serveur, souvent pour créer ou mettre à jour une ressource.

a) SELECT DISTINCT

SELECT * FROM users WHERE email LIKE '%@gmail.com';
        

git branch nom-branche

Une attaque où du code SQL malveillant est inséré dans une requête pour manipuler la base de données.

It defines project metadata, dependencies, and scripts.

box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        

<ol>
    <li>Premier</li>
    <li>Deuxième</li>
</ol>
        

c) DELETE

Un système de gestion de contenu pour créer et gérer des sites web. Exemple : WordPress.

== compares values with type coercion; === compares values and types without coercion.

position: fixed;
top: 0;
        

git checkout nom-branche

Échapper les entrées utilisateur et utiliser des en-têtes comme Content Security Policy (CSP).

<section>

b) display: grid

let texte = "bonjour";
texte.toUpperCase(); // "BONJOUR"
        

Un champ qui référence la clé primaire d’une autre table pour établir une relation.

It handles exceptions to prevent code from crashing. Example: try { } catch (error) { }.

<button>Cliquer</button>
        

justify-content: center;
        

b) concat()

UPDATE users SET age = 31 WHERE id = 1;
        

git merge nom-branche

The visible area of a web page on a device, controlled by the <meta viewport> tag.

:hover {
    color: blue;
}
        

<input type="password">

a) includes()

Un JSON Web Token est un standard pour transmettre des informations sécurisées entre parties, souvent pour l’authentification.

Math.floor(Math.random() * 10) + 1;
        

opacity

It stores data in the browser for the duration of a session, cleared when the tab is closed.

SELECT * FROM users ORDER BY name ASC;
        

git clean -f

<header>

a) letter-spacing

typeof variable !== 'undefined';
        

Une base non relationnelle pour des données flexibles. Exemple : MongoDB.

It creates a new array by applying a function to each element of an existing array.

<a href="https://example.com">Visiter</a>
        

text-align: right;
        

d) length

SELECT * FROM users INNER JOIN orders ON users.id = orders.user_id;
        

git diff commit1 commit2

<nav>

a) line-height

@media (max-width: 600px) {
    .element {
        display: none;
    }
}
        

It selects a DOM element by its ID. Example: document.getElementById('myId').

b) shift()

let fruits = ["pomme", "banane", "orange"];
        

Des métadonnées envoyées avec une requête ou réponse HTTP, comme Content-Type.

b) GROUP BY

SELECT user_id, COUNT(*) FROM orders GROUP BY user_id;
        

git branch

Un petit fichier stocké par le navigateur pour enregistrer des données utilisateur, comme les sessions.

Yarn is a package manager for installing and managing JavaScript dependencies, similar to npm.

div {
    margin: 0 auto;
    width: 100px;
}
        

<select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>
        

b) POST

Un ensemble de styles prédéfinis pour accélérer le design. Exemple : Bootstrap.

null is an explicit absence of value; undefined means a variable has not been assigned a value.

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.element {
    animation: rotate 2s infinite;
}
        

git reset --soft HEAD~1

Utiliser des limites de requêtes (rate limiting) et des tokens d’authentification.

<footer>

b) border-style: dotted

let texte = "bonjour";
texte.split("").reverse().join(""); // "ruejnob"
        

Un enregistrement d’une table peut être lié à plusieurs enregistrements d’une autre table.

It creates a new array with elements that pass a test provided by a function.

<input type="checkbox" name="option">
        

background: linear-gradient(to right, blue, red);
        

b) splice()

DELETE FROM users WHERE active = 0;
        

git fetch

A web app that loads a single HTML page and dynamically updates content without full page reloads.

pointer-events: none;
        

<article>

b) JSON.stringify()

Une structure qui accélère les recherches en organisant les données d’une colonne.

let tableau = [1, 2];
tableau.unshift(0); // [0, 1, 2]
        

transform: scale(1.2);
        

It reduces an array to a single value by applying a function to each element.

SELECT * FROM users LIMIT 5;
        

git checkout -- fichier

<figcaption>

a) font-family

let texte = "Bonjour monde";
texte.startsWith("Bonjour"); // true
        

Un ensemble d’opérations exécutées comme une unité, garantissant la cohérence des données.

A function that retains access to its outer scope’s variables even after the outer function has finished executing.

<a href="https://example.com" target="_blank">Visiter</a>
        

filter: blur(5px);
        

b) Math.floor()

SELECT * FROM users LEFT JOIN orders ON users.id = orders.user_id WHERE orders.id IS NULL;
        

git diff --cached

a) background-image

@import url('https://fonts.googleapis.com/css2?family=Roboto');
body {
    font-family: 'Roboto', sans-serif;
}
        

It gets or sets the HTML content of an element. Example: element.innerHTML = '<p>Texte</p>';

a) join()

Array.isArray(variable);
        

Indique que la ressource demandée n’a pas été trouvée sur le serveur.

c) CROSS JOIN

SELECT * FROM products WHERE stock = 0;
        

git checkout -b nom-branche

Un en-tête HTTP qui contrôle l’accès aux ressources depuis un domaine différent.

Webpack bundles JavaScript, CSS, and other assets into optimized files for deployment.

font-style: italic;
        

c) PATCH

Un outil qui étend CSS avec des variables et fonctions. Exemple : Sass.

let allows reassignment; const does not.

user-select: none;
        

git diff

Valider et échapper les données, utiliser des requêtes préparées pour SQL.

La balise "figure"

b) word-spacing

let texte = "Bonjour monde";
texte.replace("monde", "univers"); // "Bonjour univers"
        

Une table virtuelle basée sur une requête SQL, utilisée pour simplifier l’accès aux données.

It executes a function for each element in an array.

transition: all 0.3s ease;
        

b) JSON.parse()

SELECT user_id, COUNT(*) FROM orders GROUP BY user_id HAVING COUNT(*) > 2;
        

git branch -d nom-branche

A web app that offers a native app-like experience, with offline support and push notifications.

background-color: yellow;
        

b) Math.ceil()

Une procédure automatique exécutée en réponse à un événement, comme une insertion.

let texte = "";
texte.length === 0; // true
        

cursor: pointer;
        

It executes a function after a specified delay in milliseconds.

SELECT * FROM users WHERE created_at > '2023-01-01';
        

git pull

La balise "caption"

b) transform: rotate

let texte = "Bonjour";
texte.slice(0, 3); // "Bon"
        

Une jointure qui inclut tous les enregistrements d’une table, même sans correspondance dans l’autre.

It returns the first element in an array that satisfies a provided testing function.

    

        
Colonne 1
        
Colonne 2
    
    

        
Donnée 1
        
Donnée 2
    

        

padding-left: 10px;
        

c) Math.round()

SELECT * FROM products WHERE price BETWEEN 10 AND 50;
        

git branch -r