Quel est le rôle d’un développeur front-end ?
Le développeur front-end travaille sur ce que l’on appelle l’interface client. C’est la partie du site web ou de l’application visible par l’utilisateur, et avec laquelle il interagit.
Il veille à ce que le site ou l’application se comporte de façon cohérente, quel que soit le navigateur ou l’appareil utilisé.
Quelles sont les compétences techniques d’undéveloppeur front-end ?
Compétence technique | Définition |
---|---|
HTML5, CSS3, JavaScript | Création du squelette de la page, mise en forme, animations |
Frameworks | Fichiers et dossiers déjà structurés et codés pour gagner en productivité |
Normes W3C | Harmonisation des usages et de l’accessibilité des sites web |
Préprocesseurs Sass/LESS | Simplification de la conception d’un site, optimisation de l’intégration |
Versioning | Conservation des historiques de modifications |
Logiciels de testing | Identification et résolution des bugs |
Minification | Allègement du code pour améliorer les performances du site |
Quels tests techniques envoyer à un développeur front-end ?
Compte tenu des compétences techniques citées précédemment, voici un aperçu des tests front-end que vous pouvez envoyer à vos candidats :
- Langages de développement front-end : HTML, CSS, JavaScript
- Frameworks : React, Angular, Vue.js, Ember.js, Zend, Bootstrap, Foundation
- Normes W3C
- Sass/Less
- Testing : Mocha, Chai, Sinon, Jasmine
- Minification : Grunt, Gulp
- Outils d’inspection des navigateurs web
- Agilité
- CMS : Magento, WordPress, Shopify, Prestashop, Drumpal
- Tests UI/UX
Selon le profil recherché, il faut veiller à ce que la difficulté des questions posées à un développeur front-end junior, intermédiaire ou senior soit adaptée.
Il peut être également intéressant d’envoyer les tests de recrutement en anglais si les futurs collaborateurs sont amenés à travailler dans un environnement multiculturel.
Pourquoi tester les compétences techniques d’un développeur front-end ?
- Préqualification des candidats
Envoyer des tests de développement front-end permet d’établir des critères d’évaluation commun à tous les candidats et de les sélectionner de façon objective.
- Validation des profils
Si plusieurs personnes d’une équipe sont en désaccord sur le candidat à retenir, une évaluation de compétences permettra de départager les derniers candidats.
Comment tester les compétences techniques des développeurs front-end ?
L’application RH SkillValue propose des tests de développement front-end pour mesurer les compétences techniques des candidats développeurs web.
Elle permet de consulter toutes les questions du test avant de l’envoyer au candidat.
Il dispose d’un temps limité pour passer son test : en moyenne 1 minute par question. Une fois qu’il a commencé son test, il ne peut le passer qu’une seule fois.
L’entreprise reçoit ensuite la note, le classement général et le comparatif avec les candidats qui ont passé le même test et un rapport détaillé.
Pour envoyer un test front-end SkillValue à votre candidat, c’est très intuitif :
1) Choisissez votre test de développement front-end dans la liste SkillValue avec le moteur de recherche intégré par tag métier, catégorie technique ou niveau (débutant, intermédiaire, avancé)
2) L’application vous assiste pour préparer une campagne d’évaluation en 4 étapes : nom de la campagne, choix des tests, choix des candidats, personnalisation des messages envoyés au candidat et envoi des tests
4) Vous êtes immédiatement alerté quand un candidat a passé son test, par e-mail et dans le tableau de bord de l’application SkillValue
5) Le rapport du test SkillValue vous permet de consulter le détail des réponses et le temps passé par le candidat sur le test
6) Il y a des retardataires ? En 1 clic vous renvoyez les tests à tous vos candidats qui doivent s’évaluer
Testez gratuitement la plateforme SkillValue : 8 tests de recrutement offerts.
J’évalue mes candidats
Quelles sont les qualités d’un développeur front-end ?
- La communication pour échanger avec l’équipe, recueillir le besoin de personnes non-tech et expliquer son travail
- La prise d’initiative pour améliorer un produit, proposer une nouvelle fonctionnalité
- La curiosité et une appétence pour l’auto-formation
- L’adaptabilité
- La rigueur et l’organisation
- L’esprit d’équipe, notamment pour le peer programming ou le code review
- L’écoute, l’empathie pour comprendre les besoins de l’utilisateur et améliorer son expérience sur le site
Quelles sont les questions à poser à un développeur front-end durant l’entretien d’embauche ?
Développement
- Que choisiriez-vous entre Jasmine et Karma ? Pour quelles raisons ?
- Comment avez-vous packagé votre application ?
- Comment résoudre un problème de performance côté client ?
Design
- Quelles sont les différences entre l’UI et l’UX ?
- Quels outils utilisez-vous pour les maquettes ?
- Quelles sont les contraintes UX sur mobile ou tablette ?
Agilité
- Dans quelles situations choisiriez une organisation en mode Scrum ou Kanban ?
- Quel est la différence entre un Scrum Master et un Product Owner ?
- Citez quelques principes de l’Agilité ?
Communication
- Préférez-vous travailler en équipe ou seul ?
- Comment envisagez-vous la collaboration à distance ?
- Privilégiez-vous la communication écrite ou orale ?
Adaptabilité
- Comment réorganisez-vous vos tâches suite à une demande de dernière minute ?
- Le Product Owner et le CTO vous contactent pour 2 demandes qu’il faut faire très vite. Comment faites-vous ?
- Que signifie la routine pour vous ?
Esprit d’équipe
- Comment gérez-vous le conflit ?
- Parlez-moi d’un projet en équipe qui a été un succès ?
- Parlez-moi d’un projet en équipe qui a été un échec ?
Grille d’évaluation de compétences pour un développeur front-end
Critères | Essentiel / Bonus | Niveau requis | Note du candidat de 1 à 5 |
Compétences | |||
HTML5 | Essentiel | Compétent (3) | |
CSS3 | Essentiel | Compétent (3) | |
JavaScript | Essentiel | Compétent (3) | |
React | Essentiel | Compétent (3) | |
Angular | Essentiel | Compétent (3) | |
Vue | Essentiel | Compétent (3) | |
Photoshop | Bonus | Novice (1) | |
Illustrator | Bonus | Novice (1) | |
Drumpal | Bonus | Débutant avancé (2) | |
Qualités | |||
Communication | Essentiel | Compétent (3) | |
Adaptabilité | Essentiel | Compétent (3) | |
Esprit d’équipe | Essentiel | Compétent (3) | |
Moyenne : |
- Critères : liste des critères requis pour le poste
- Essentiel / bonus : distinction entre les qualités indispensables et celles qui sont un atout supplémentaire
- Niveau requis : expertise souhaitée d’après le modèle d’acquisition de compétences de Dreyfus
- Note du candidat : résultats collectés avec les tests de recrutement et durant l’entretien
Quel est le TJM ou le salaire d’un développeur front-end ?
Salaire moyen d’un développeur front-end :
Niveau de compétence | Grandes villes | Région |
Junior (0-2ans) | 34-43K | 32-40K€ |
Confirmé (3-5 ans) | 43-55K | 40-48K€ |
Senior (+6 ans) | 53K-65K | 45-55K€ |
TJM d’un développeur front-end en freelance :
Niveau de compétences | TJM |
Junior (0-2 ans) | 290€ |
Confirmé (3-5 ans) | 380€ |
Senior (+6 ans) | 515€ |
Comment rédiger une offre d’emploi ou une mission qui attire les développeurs front-end ?
- L’intitulé
Il comporte la principale technologie à maîtriser et le type de contrat, et si c’est en télétravail complet ou partiel.
- La description des missions
Elle doit être détaillée et mentionner l’environnement technique. Cette partie peut être rédigée – même sous forme de bullet points – par le CTO afin qu’elle soit la plus pertinente possible.
- Les compétences et aptitudes
Il convient de lister les hard et soft skills souhaitées pour le poste, ainsi que le niveau d’études ou les années d’expérience nécessaires.
- Le salaire
Cela permet une nouvelle fois de gagner du temps en attirant les profils les plus pertinents pour le poste à pourvoir.
- Autres avantages
Tickets restaurants, prise en charge des transports en commun, mais aussi baby-foot, team-building annuel, formations : rien ne doit être oublié !
- Présentation de l’entreprise
Plutôt que réutiliser le discours commercial, il est plus intéressant pour le candidat de savoir quelles sont les valeurs de l’entreprise.
Enfin, l’offre d’emploi doit être claire et lisible. Mettre des espaces, ajouter des inter-titres et faire des listes aideront les candidats à lire l’annonce plus facilement et éventuellement à s’y projeter.
Où sourcer les développeurs front-end ?
- Plateformes de freelances tech
- Cabinets de recrutement
- Cooptation
- Écoles d’ingénieurs ou d’informatique