mirror
/
Front-end-Developer-Interview-Questions
mirror of https://github.com/h5bp/Front-end-Developer-Interview-Questions.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(fr): Update French Translations

This commit is contained in:
laetitia zammit 2024-01-07 10:51:13 +01:00
parent 7b48aef62f
commit 6c8b11d650
No known key found for this signature in database
GPG Key ID: 7F4A64625727F3C7
1 changed files with 78 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

168
src/translations/french/README.md
View File

@ -17,8 +17,10 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
1. [Questions sur HTML](#html-questions)
1. [Questions sur CSS](#css-questions)
1. [Questions sur JS](#js-questions)
1. [Questions sur réseau](#network-questions)
1. [Questions sur la programmation](#code-questions)
1. [Questions sur les tests](#testing-questions)
1. [Questions sur la performance](#performance-questions)
1. [Questions sur réseau](#network-questions)
1. [Questions pour le fun](#fun-questions)
#### S'impliquer :
@ -34,7 +36,10 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
* Qu'avez-vous appris cette semaine ?
* Qu'est ce qui vous motive ou vous intéresse dans le développement ?
* Quel a été le dernier défi technique que vous avez expérimenté et comment l'avez-vous résolu ?
* Quelles considérations en terme d'UI, Sécurité, Performance, SEO, Maintenabilité ou Technologie faites-vous lorsque vous concevez une application web ou site ?
* Lors de la création ou la maintenance d'un site web, pouvez-vous expliquer certaines techniques que vous avez utilisées pour augmenter les performances ?
* Pouvez-vous décrire quelques bonnes pratiques ou techniques de référencement que vous avez utilisées récemment ?
* Pouvez-vous expliquer des techniques courantes ou des problèmes récents résolus en ce qui concerne la sécurité côté Front-end ?
* Quelles sont les actions que vous avez personellement prises sur des projets récents pour augmenter la maintenabilité de votre code?
* Parlez-moi de votre environnement de travail préféré.
* Avec quels logiciels de gestion de versions êtes-vous familier?
* Pouvez-vous décrire comment vous travaillez (votre workflow) lorsque vous créez une page web ?
@ -46,22 +51,27 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
* Donnez 3 façons qui permettent de réduire le temps de chargement d'une page (perçu ou réel).
* Si vous commencez à travailler sur un projet existant, où votre prédécesseur a utilisé des tabulations pour indenter son code et que vous utilisez des espaces, que faites-vous ?
* Décrivez comment vous développeriez un simple diaporama
* Quels outils utilisez-vous pour tester la performance de votre code ?
* Si vous pouviez maîtriser parfaitement une technologie cette année, laquelle serait-elle ?
* Expliquez l'importance des standards et des organisations les édictant.
* Qu'est-ce que le FOUC (*flash of unstyled content*) et comment l'évitez-vous ?
* Expliquez ce que sont ARIA et les lecteurs d'écrans, et comment rendre votre site internet accessible
* Expliquez quelques-uns des pour et contre des animations CSS par rapport aux animations JavaScript
* Que signifie CORS et quel problème aborde-t-il ?
* Comment avez-vous géré un désaccord avec votre patron ou votre collaborateur ?
* Quelles ressources utilisez-vous pour en savoir plus sur les dernières nouveautés en matière de développement et de conception front-end ?
* Quelles sont les compétences nécessaires pour être un bon développeur front-end ?
* Dans quel rôle vous voyez-vous ?
* Expliquez la différence entre les cookies, sessions storage et local storage ?
* Pouvez-vous expliquer ce qu'il se passe lorsque vous saisissez une URL dans le navigateur ?
* Décrivez la différence entre SSR (*server side rendering*) et CSR (*certificate signing request*). Discutez des avantages et des inconvénients.
* Connaissez-vous le rendu statique ?
* Réhydratation ?
**[[⬆]](#toc)**
#### <a name='html-questions'>Questions sur HTML :</a>
* Que fait un `doctype` ?
* Quelle est la différence entre les modes `standard` et `quirks` ?
* Quelles sont les différences entre HTML et XHTML ?
* Y a-t-il des problèmes à envoyer des pages avec le *Content-Type* `application/xhtml+xml` ?
* Comment servez-vous une page avec du contenu multilingue ?
* À quoi devez-vous faire attention quand vous *designez* ou développez des pages pour des sites multilingues ?
* À quoi les attributs `data-` servent-ils ?
@ -71,43 +81,51 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
* Pourquoi est-ce généralement une bonne idée de positionner les `<link>` à l'intérieur de `<head></head>` et les `<script>` juste avant `</body>`? Connaissez-vous des exceptions ?
* Qu'est-ce que le rendu progressif ?
* Pourquoi utiliseriez-vous l'attribut `srcset` dans une balise image ? Expliquez le processus utilisé par le navigateur lors de l'évaluation du contenu de cet attribut.
* Avez-vous déjà utilisé différents langages de création de modèles (*templating languages*) HTML ?
* Quelles est la différence entre `canvas` et `svg` ?
* Que sont les éléments vides en HTML ?
**[[⬆]](#toc)**
#### <a name='css-questions'>Questions sur CSS :</a>
* Quelle est la différence entre les classes et les IDs en CSS ?
* Quelle est la spécificité du sélecteur CSS et comment ça marche ?
* Quelle est la différence entre un "reset" et une "normalisation" en CSS ? Lequel choisiriez-vous et pourquoi ?
* Décrivez le positionnement flottant et son fonctionnement.
* Décrivez le `z-index` et comment le contexte d'empilement se forme ?
* Décrivez BFC (*Block Formatting Context*) et son fonctionnement.
* Quelles sont les différentes méthodes de "clearing" des éléments flottants, et laquelle est appropriée pour chaque contexte ?
* Expliquez ce que sont les "sprites" CSS et comment vous les implémenteriez sur une page ou un site.
* Quelles sont vos techniques favorites de remplacement d'images, et comment les utilisez-vous ?
* Quelle approche choisiriez-vous pour réparer des bugs au niveau du CSS spécifique à certains navigateurs ?
* Comment servez-vous vos pages pour les navigateurs aux fonctionnalités réduites ?
* Quelles techniques/procédés utilisez-vous ?
* Quelles sont les différentes manières de masquer du contenu (en le laissant disponible pour les lecteurs d'écran) ?
* Avez-vous déjà utilisé un système de grille, et si oui, lequel préférez-vous ?
* Avez-vous déjà implémenté des "media queries", ou des "layouts CSS" spécifiques aux mobiles ?
* Avez-vous déjà implémenté des "media queries", ou des mises en page/CSS spécifiques aux mobiles ?
* Avez-vous déjà touché au style d'un SVG ?
* Comment optimisez-vous vos pages pour l'impression (le print) ?
* Pouvez-vous donner un exemple de propriété `@media` autre que screen ?
* Quelques astuces pour écrire du CSS efficacement ?
* Quels sont les avantages/désavantages de l'utilisation des préprocesseurs CSS ? (SASS, Compass, Stylus, LESS)
* Si vous avez un avis, décrivez ce que vous aimez et n'aimez pas des préprocesseurs que vous avez utilisé.
* Comment implémenteriez-vous un design qui utilise des polices de caractères non standards ?
* Expliquez comment un navigateur détermine quels éléments correspondent à un sélecteur CSS.
* Décrivez les `pseudo-éléments` et discutez de leur utilité.
* Expliquez ce que vous avez compris du modèle de boite (box model) et comment implémenteriez vous une mise en page avec des modèles de boite différents.
* Qu'est-ce que ```* { box-sizing: border-box; }``` fait ? Quels sont ses désavantages ?
* Listez autant de valeurs que vous pouvez pour la propriété `display`.
* Qu'est-ce que la propriété CSS `display` et pouvez-vous donner quelques exemples de son utilisation ?
* Quelle est la différence entre `inline` et `inline-block` ?
* Quelle est la différence entre les sélecteurs `nth-of-type()` et `nth-child()` ?
* Quelle est la différence entre les éléments ayant `relative`, `fixed`, `absolute` et `static` comme `position` ?
* Le 'C' dans CSS veut dire Cascade (Cascading). Comment la priorité est-elle définie lors de l'assignement de styles (exemples) ? Comment pouvez-vous utiliser ce système à votre avantage ?
* Quels frameworks CSS avez-vous utilisé localement, ou en production ? Comment feriez-vous pour les changer/améliorer ?
* Avez-vous expérimenté le récent `flexbox` ?
* En quoi le "responsive design" est différent du "adaptive design" ?
* Avez-vous utilisé CSS Grid ?
* Pouvez-vous expliquer la différence entre coder un site Web pour qu'il soit *responsive* versus utiliser une stratégie *mobile-first* ?
* Avez-vous déjà travaillé avec des images "retina" ? Si oui, à quel moment et quelles techniques avez-vous utilisées ?
* Y a-t-il des raisons particulières pour lesquelles vous voudriez utilser `translate()` plutôt que `position: absolute` ou vice-versa ? Et pourquoi ?
* En quoi la propriété CSS `clearfix` est-elle utile ?
* Pouvez-vous expliquer la différence entre `px`, `em` et `rem` en ce qui concerne la taille des polices ?
* Pouvez-vous donner un exemple de pseudo-classe ? Pouvez-vous fournir un exemple de cas d'utilisation pour une pseudo-classe ?
* Quelle est la différence entre un élément de niveau bloc et un élément en ligne. Pouvez-vous fournir des exemples de chaque type d’élément ?
* Quelle est la différence entre CSS Grid et Flexbox ? Quand utiliseriez-vous l’un plutôt que l’autre ?
* Quelle est la différence entre les mises en page *fixed*, *fluid* and *responsive* ?
**[[⬆]](#toc)**
@ -115,53 +133,32 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
* Expliquez la délégation d'évènement.
* Expliquez comment fonctionne `this` en Javascript.
* Pouvez-vous donner un exemple de l'une des façons dont l'utilisation de `this` a changé dans ES6 ?
* Expliquez comment fonctionne l'héritage de prototype.
* Comment testez-vous votre code Javascript ?
* Que pensez-vous d'AMD par rapport à CommonJS ?
* Expliquez pourquoi ce qui suit n'est pas une IIFE (Immediately Invoked Function Expression) : `function foo(){ }();`.
* Qu'est-ce qu'il faut changer pour faire une IIFE correcte ?
* Quelle est la différence entre une variable `null`, `undefined` et non déclarée ?
* Comment feriez-vous pour vérifier chacun de ces états ?
* Qu'est-ce qu'une "closure" et comment/pourquoi en utiliser une ?
* Quelles constructions de langage utilisez-vous pour parcourir les propriétés des objets et les éléments du tableau ?
* Pouvez-vous décrire la principale difference entre la boucle `forEach` et la boucle `.map()` et pourquoi choisiriez-vous l'une et pas l'autre ?
* Quelle est l'utilisation typique d'une fonction anonyme ?
* Comment organisez-vous votre code ? (pattern modulaire, héritage classique ?)
* Quelle est la différence entre des objets hôtes et des objets natifs ?
* Différence entre: `function Person() {}`, `var person = Person()` et `var person = new Person()` ?
* Quelle est la différence entre `.call` et `.apply` ?
* Expliquez `Function.prototype.bind` ?
* Comment optimisez-vous votre code ?
* Pouvez-vous expliquer comment fonctionne l'héritage en Javascript ?
* Quand utiliseriez-vous `document.write()` ?
* Expliquez les différences dans l'usage de `foo` entre `foo() {}` et `var foo = function() {}`
* Pouvez-vous expliquer ce que font `Function.call` et `Function.apply` ? Quelle est la différence notable entre les deux ?
* Expliquez `Function.prototype.bind`.
* Quelle est la différence entre détection de "feature", inférence de "feature" et l'utilisation du "User-Agent" ?
* Expliquez ce qu'est AJAX avec autant de détails que possible.
* Expliquez comment fonctionne JSONP (et pourquoi ce n'est pas réellement de l'AJAX).
* Avez-vous déjà utilisé des "templates" en Javascript ?
* Si oui, quelles librairies avez-vous utilisées ?
* Expliquez le phénomène de "hoisting".
* Qu’est-ce que la coercition de type ? Quels sont les pièges courants liés au recours à la coercition de type dans le code JavaScript ?
* Décrivez le "event bubbling".
* Décrivez le "event capturing".
* Quelle est la différence entre un "attribut" et une "propriété" ?
* Pourquoi étendre des objets natifs de Javascript n'est-il pas une bonne idée ?
* Pourquoi étendre des objets natifs est-il une bonne idée ?
* Quelle est la différence entre les évènements "document load" et "document ready" ?
* Quels sont les avantages et les inconvénients de l’extension des objets JavaScript intégrés ?
* Quelle est la différence entre `==` et `===` ?
* Expliquez la politique d'origine commune (same-origin policy) et ses implications en JavaScript.
* Expliquez les patterns d'héritage en JavaScript.
* Faites fonctionner ceci :
```javascript
[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
```
* Qu'est ce que l'opérateur ternaire ? Qu'est-ce que ce mot indique ?
* Qu'est-ce que `"use strict";`? Quels sont les avantages et désavantages de son utilisation ?
* Créez une boucle `for` qui se répète `100` fois et affichez **"fizz"** aux multiples de `3`, `"buzz"` aux multiples de `5` et **"fizzbuzz"** aux multiples de `3` et `5`.
* Pourquoi il est en général préférable de laissez le 'scope' global d'un site tel quel et ne jamais y toucher ?
* Pourquoi utiliseriez-vous quelque chose comme l'événement `load` ? Est-ce que cet évènement a des avantages ? Connaissez-vous des alternatives, et pourquoi les utiliseriez-vous ?
* Expliquez ce qu'est une application mono-page (*Single Page Application*) et comment feriez-vous pour qu'elle soit optimisée pour le référencement (*SEO*).
* Quelle est l'étendue de votre expérience avec les "Promises" et/ou leurs "polyfills" ?
* Quels sont les pour et contre de l'utilisation des "Promises" à la place des "callbacks" ?
* Quels sont les avantages/inconvénients de l'écriture de code JavaScript dans un language qui compile en JavaScript ?
* Quels outils et techniques utilisez-vous pour le "debugging" du code javascript ?
* Quels langages de construction utilisez-vous pour les itérations sur les propriétés d'objet et éléments de tableau.
* Expliquez la difference entre les objets muables et les objets immuables.
* Donnez un exemple d'objet immuable en javascript.
* Quels sont les avantages et inconvénients de l'immuabilité ?
@ -169,8 +166,40 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
* Expliquez la différence entre les fonctions synchrones et asynchrones.
* Qu'est ce qu'une boucle d'événement ?
* Quelle est la différence entre la pile d'appels et la file d'attente de tâches?
* Expliquez les différences dans l'usage de `foo` entre `foo() {}` et `var foo = function() {}`
* Quelles sont les différences entre les variables crées en utilisant `let`, `var` ou `const` ?
* Quelles sont les différences entre les constructeurs de classe ES6 et de fonctions ES5 ?
* Pouvez-vous proposer un cas d'utilisation pour la nouvelle syntaxe de fonction arrow `=>` ? En quoi cette nouvelle syntaxe diffère-t-elle des autres fonctions ?
* Quel avantage y a-t-il à utiliser la syntaxe des flèches pour une méthode dans un constructeur ?
* Quelle est la définition d’une fonction d’ordre supérieur ?
* Pouvez-vous donner un exemple de déstructuration d'un objet ou d'un tableau ?
* Pouvez-vous donner un exemple de génération d'une chaîne avec des littéraux de modèle ES6 (*ES6 Template Literals*) ?
* Pouvez-vous donner un exemple de fonction "curry" et pourquoi cette syntaxe offre un avantage ?
* Quels sont les avantages de l’utilisation de la syntaxe spread et en quoi est-elle différente de la syntaxe rest ?
* Comment partager du code entre des fichiers ?
* Pourquoi voudriez-vous créer des membres de classe statiques ?
* Quelle est la différence entre les boucles `while` et `do-while` en JavaScript ?
* Qu'est-ce qu'une "Promise" ? Où et comment utiliseriez-vous la "Promise" ?
* Discutez de la manière dont vous pouvez utiliser les principes de la programmation orientée objet lors du codage avec JavaScript.
**[[⬆]](#toc)**
#### <a name='code-questions'>Questions sur la programmation :</a>
*Comment feriez-vous marcher ceci ?*
```javascript
duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
```
*Créez une boucle `for` qui se répète `100` fois et affichez: **"fizz"** aux multiples de `3`, `"buzz"` aux multiples de `5` et **"fizzbuzz"** aux multiples de `3` et `5`.*
*Quelle est la valeur retournée de chaque console.log ?*
```javascript
console.log("hello" || "world")
console.log("foo" && "bar")
```
*Write an immediately invoked function expression (IIFE)*
**[[⬆]](#toc)**
@ -180,6 +209,7 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
* Quels outils utiliseriez-vous pour tester les fonctionnalités de votre code.
* Quel est la difference entre un test unitaire et un test fonctionnel/d'intégration ?
* Quel est le but d'un outil de lissage de style de code ?
* Quelles sont les bonnes pratiques en matière de tests ?
**[[⬆]](#toc)**
@ -204,48 +234,8 @@ Cette liste contient un certain nombre de questions que vous pouvez poser lors d
* `ETag`
* `X-Frame-Options`
* Quelles sont les différentes actions (verbes) HTTP ? Listez toutes celles que vous connaissez et expliquez-les.
**[[⬆]](#toc)**
#### <a name='code-questions'>Questions sur la programmation :</a>
*Quelle est la valeur de `foo` ?*
```javascript
var foo = 10 + '20';
```
*Comment feriez-vous marcher ceci ?*
```javascript
add(2, 5); // 7
add(2)(5); // 7
```
*Que retourne ce code ?*
```javascript
"je suis un bouffeur de lasagne".split("").reverse().join("");
```
*Que retourne `window.foo` ?*
```javascript
( window.foo || ( window.foo = "bar" ) );
```
*Qu'affichent les deux alertes ci-dessous ?*
```javascript
var foo = "Hello";
(function() {
var bar = " World";
alert(foo + bar);
})();
alert(foo + bar);
```
*Quelle est la valeur de `foo.length` ?*
```javascript
var foo = [];
foo.push(1);
foo.push(2);
```
* Expliquez ce qu'est le pre-fetching de domaine et en quoi cela aide en matière de performance ?
* Qu'est-ce que le CDN et quel est l'avantage d'en utiliser un ?
**[[⬆]](#toc)**
@ -255,8 +245,6 @@ foo.push(2);
* Quelles sont les parties favorites des outils de développement que vous utilisez ?
* Qui vous inspire dans la communauté front-end ?
* Avez-vous des projets chouchous ? Quel genre ?
* Quelle est votre fonctionnalité favorite dans IE ?
* Comment voulez-vous votre café ?
**[[⬆]](#toc)**