- Expliquez comment fonctionne
this
en Javascript.
- Comment testez-vous votre code Javascript ?
- 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 ?
- Expliquez la délégation d'évènement.
- Expliquez comment fonctionne l'héritage de prototype.
- 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 ?
- Qu'est-ce qu'une "closure" et comment/pourquoi en utiliser une ?
- 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()
?
- 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".
- Décrivez le "event bubbling".
- 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" ?
- 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 :
[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" ?
- Quel est le résultat de :
["1","2","3"].map(parseInt);
- 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 ?
- Si l'on considère que HTML5 est une API Web ouverte, quelles sont les briques de base de HTML5 ?
- Décrivez la différence entre
cookie
, sessionStorage
, et localStorage
.
- Décrivez la différence entre
<script>
, <script async>
et <script defer>
.
- 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 ?
- Quelle est la différence entre les classes et les IDs en CSS ?
- 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 ?
- 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à touché au style d'un SVG ?
- Comment optimisez-vous vos pages pour l'impression (le print) ?
- 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.
- 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
.
- Quelle est la différence entre
inline
et inline-block
?
- 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 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 ?