Skip to content

Instantly share code, notes, and snippets.

@sbouaked
Created April 5, 2017 14:07
Show Gist options
  • Save sbouaked/e47a1144ff5202107aa1e6f2e942a494 to your computer and use it in GitHub Desktop.
Save sbouaked/e47a1144ff5202107aa1e6f2e942a494 to your computer and use it in GitHub Desktop.
  • 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 ?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment