Développeur web front-end

Le développeur front-end est en charge de programmer la partie visible d’une application ou d’un site Web : mettre en place l’interface, développer des Interfaces Homme-Machine (IHM), créer les connexions vers les APIs.

Il est amené à collaborer étroitement avec le développeur back-end ou full-stack, l’intégrateur web, le webmaster, le designer web (ux-ui designer), l’ergonome web, le spécialiste de l’accessibilité numérique, l’architecte SEO, le créateur de contenus. Il fait le lien entre la partie conceptuelle UX (expérience utilisateur) et la partie back-end.

Le métier tend à se spécialiser entre les spécialistes de l’UX et ceux de l’algorithmique JavaScript.

Exemples d’éléments de stack technique

  • Principaux langages : JavaScript EcmaScript (ES6), HTML5, APIs JavaScript HTML5 (Canvas,Web Components…), CSS, Flexbox, CSS Grid, CSS-in-JS, Post CSS
  • Autres langages : PHP, Twig, Eml
  • Frameworks front-end JS : VueJS, Svelte, Ember, ReactJS, ExtJS, AngularJS, Deno, Polymer
  • Framework React : NextJS
  • UML Modélisation des données
  • Templating : Twig, Smarty
  • Tests unitaires : Jest, Cypress
  • Structure sémantique du SEO – données structurées – JSON-LD
  • Développement créatif et interactif – WebGL – Animation JS : GSAP, D3JS, librairies JavaScript d’animation, shaders
  • UX-UI : Figma
  • CMS : WordPress, Drupal, PrestaShop, Django
  • Headless CMS : API WordPress wp-json, Json-View, ACF-Rest API, Postman
  • RWD (Responsive Webdesign)
  • CSS Préprocesseurs : SASS (Scss), Less
  • Compilation de projet (Build tools) : WebPack, Brunch, Browserify, RequireJS
  • OOCSS et guides de style : MVCSS, Kss, SMACSS, BEM, InuitCSS, PatternLabs
  • Gestionnaire de versions (Version control) : GIT/GitHub GitLab, Subversion, Mercurial
  • Gestionnaire de dépendances (Package managers) : Yarn, Npm (Node), Bower
  • Progressive Web Apps
  • Applications web natives
  • Éditeurs de texte IDE : VSCode+, Visual Studio, Sublime Text, Atom.io, WebStorm
  • Performances Front-end : PictureFill, Critical CSS, Webpagetest, PerlBudget, GtMetrix
  • Frameworks CSS : Bulma.io, TailwindCSS, Bootstrap 4-5
  • Mobile : React Native
  • UI Frameworks Mobile : Ionic
  • Préprocesseurs JS : Babel, TypeScript, CoffeeScript
  • Automation : Grunt, Gulp, Broccoli
  • Qualité de code : JSCS, ESLint, Jenkins
  • Testing : Jasmine, Mocha, Protactor, Karma
  • Tests d’accessibilité
  • Lazy loading
  • Templating : Mustache, Jade, Handlebars, Haml
  • Browser Refreshing : Live reload, Guard
  • AWS : Amazon Web Services like S3, Route 53, CloudFront
  • Git, GitLab, Bitbucket
  • Méthodes agiles

Le développeur front-end n’est pas censé tout connaître. Il a la capacité de travailler en utilisant JavaScript, d’évoluer sur un Framework JavaScript ou une stack applicative et un langage particulier. Son métier est différent de l’intégrateur web qui recouvre des profils très variés (maquettage HTML-CSS-JS), intégrateur-designer…

Quelques ressources