Entretien d’embauche développeur web
L’entretien comprend souvent une revue de votre portfolio, où l’on vous demande d’expliquer un projet en détail, et un exercice technique : intégrer une petite maquette, corriger un composant ou écrire une route d’API.
En agence, le directeur technique teste aussi votre aisance face à un client fictif. Préparez-vous à justifier vos choix d’outils et à parler accessibilité, responsive et performance.
Les questions à préparer
01Présentez-nous un projet de votre portfolio.
Ce que le recruteur cherche
Le recruteur veut distinguer votre contribution réelle et votre compréhension du projet.
Exemple de réponse
Je vais vous parler du site de réservation d’un camping. Le client voulait que les vacanciers voient les disponibilités en temps réel. J’ai intégré les maquettes en Vue.js et développé l’API en Symfony, connectée au logiciel de gestion du camping. Le plus difficile a été de gérer les réservations simultanées sur le même emplacement. J’ai mis en place un verrouillage côté serveur. Le site est en ligne depuis la dernière saison et le client gère seul ses tarifs.
02Comment rendez-vous une page accessible ?
Ce que le recruteur cherche
L’accessibilité est une obligation pour les sites publics et une attente croissante des clients privés.
Exemple de réponse
Je commence par un HTML sémantique : titres hiérarchisés, vrais boutons, labels associés aux champs de formulaire. Je vérifie les contrastes de couleurs et la navigation complète au clavier, avec un focus visible. J’ajoute des textes alternatifs pertinents aux images informatives. Je teste avec un lecteur d’écran sur les parcours principaux, comme un formulaire de contact. Pour un site public, je m’appuie sur les critères du RGAA et je documente les points restant à corriger.
03Un client trouve son site lent. Par où commencez-vous ?
Ce que le recruteur cherche
Le recruteur teste votre démarche de diagnostic sur un problème fréquent en agence.
Exemple de réponse
Je mesure d’abord, avec les outils du navigateur et un audit de performance, pour savoir si le problème vient du serveur ou du chargement côté navigateur. Le plus souvent, ce sont des images trop lourdes, des scripts tiers qui bloquent l’affichage ou trop d’extensions sur un WordPress. Je traite les points dans l’ordre de leur impact : compression des images, chargement différé, mise en cache. Ensuite, je refais la mesure pour montrer au client le gain obtenu.
04React ou Vue : lequel choisiriez-vous pour un nouveau projet ?
Ce que le recruteur cherche
La question vérifie votre capacité à argumenter un choix plutôt qu’à suivre une préférence.
Exemple de réponse
Je regarde d’abord ce que l’équipe sait maintenir. Un framework que personne ne connaît dans l’agence posera problème lors de la maintenance. Techniquement, les deux conviennent à la plupart des projets. Vue est souvent plus simple à intégrer progressivement dans un site existant. React a un écosystème plus large, utile pour une application riche ou si le client a déjà une équipe React. Je préfère aussi me poser la question de savoir si un framework est nécessaire.
05Comment gérez-vous un client qui demande des modifications à la veille de la mise en ligne ?
Ce que le recruteur cherche
En agence, la gestion des demandes de dernière minute fait partie du quotidien.
Exemple de réponse
J’écoute la demande et j’évalue rapidement son impact. Si c’est un texte ou une couleur, je le fais. Si cela touche au fonctionnement, je l’explique au client avec le risque concret : un bug en production le jour du lancement. Je propose de mettre en ligne comme prévu et d’intégrer la modification dans une version suivante, avec une date. Je préviens aussi le chef de projet, qui gère le budget et le planning.
06Comment sécurisez-vous un formulaire de contact ?
Ce que le recruteur cherche
Le recruteur vérifie que vous connaissez les failles web courantes.
Exemple de réponse
Je valide les données côté serveur, même si une validation existe côté navigateur. J’échappe tout ce qui est réaffiché pour éviter les injections de script, et j’utilise des requêtes préparées pour la base. J’ajoute un jeton anti-CSRF et une protection contre le spam, comme un champ piège ou une limitation du nombre d’envois. Côté RGPD, je ne collecte que les champs utiles, j’indique la finalité et la durée de conservation, et je prévois une case de consentement si nécessaire.
07Comment travaillez-vous avec un designer ?
Ce que le recruteur cherche
La collaboration design et développement conditionne la qualité finale des projets.
Exemple de réponse
Je regarde les maquettes dès le début et je signale ce qui sera compliqué ou coûteux à développer, comme une animation complexe ou une mise en page qui ne s’adapte pas au mobile. Je demande les états manquants : survol, erreur, chargement, page vide. Pendant l’intégration, je montre les écrans au designer avant la livraison au client. Quand les composants se répètent, je propose de construire une petite bibliothèque partagée pour gagner du temps sur les projets suivants.
08Quel est le dernier outil ou technique web que vous avez appris ?
Ce que le recruteur cherche
Le recruteur mesure votre capacité à suivre un écosystème qui évolue vite.
Exemple de réponse
J’ai récemment appris à utiliser les container queries en CSS, qui permettent d’adapter un composant à la taille de son conteneur et non à celle de l’écran. Je l’ai testé sur un projet personnel, une page de fiches produits, puis je l’ai utilisé sur un site client pour des cartes affichées dans des colonnes de largeurs différentes. Cela a simplifié notre code. Je suis les annonces des navigateurs pour savoir quand une fonctionnalité est utilisable en production.
Les questions à poser au recruteur
- Quelle est la répartition entre nouveaux projets et maintenance de sites existants ?
- Quelle stack utilisez-vous et comment se décide-t-elle pour un nouveau client ?
- Comment l’accessibilité est-elle prise en compte dans vos projets ?
- Qui est l’interlocuteur du client : le développeur ou un chef de projet ?
Votre recherche, en automatique
Lancer mon scan d’offres développeur web
JobFast cherche les offres qui vous correspondent sur les grands sites d’emploi, note chacune sur 10 et prépare un CV et une lettre adaptés. Vous relisez, vous validez.
Sans carte bancaire · Sans compte pour commencer
Questions fréquentes
Faut-il montrer un projet en direct pendant l’entretien ?
C’est un bon moyen de se démarquer. Ouvrez le site sur votre ordinateur et sur votre téléphone, montrez une fonctionnalité dont vous êtes fier et un morceau de code associé. Vérifiez avant que tout fonctionne, connexion comprise.
Que réviser avant l’exercice technique ?
Les bases du CSS (flexbox, grid, responsive), la manipulation du DOM en JavaScript, les appels à une API et les notions de sécurité web. Si l’annonce cite un framework, revoyez sa gestion d’état et ses composants.