Les compétences techniques du designer web et du développeur front-end

Publié par Stéphane Arrami le sam 16/06/2018 - 14:28

 

Compétences du designer front-end (Designer web)

  • Bases HTML5
  • CSS
    • Flexbox
  • Javascript
    • Jquery
  • CMS
    • WordPress
      • Notions de PHP/mysql
      • Formulaires
      • Page builders
        • Elementor Wp
        • Divi
        • ...
  • Responsive Design
  • Frameworks
    • Bootstrap
  • Design - Esthétique
    • Couleur
    • Typographie
    • Disposition des espaces
  • Interface UI Front
  • Expérience utilisateur UX (UX Design)
    • Audience
    • Sketch
    • Adobe XD
    • Prototypage
      • UxPin
      • MockupPlus
      • Balsamiq
      • Pencil Skectching
      • Justinmind Prototyper
  • Maîtrise des logiciels de design
    • Adobe Photoshop
    • Adobe Illustrator
    • InDesign
  • Motion Design
    • After Effects
  • Optimisation de sites
  • Maniement d'une tablette graphique
    • Intuos

Compétences du développeur front-end

Liste en lien avec la feuille de route du développeur web (voir dans mes glossaires Définitions Digital).

  • Anglais
  • HTML5
    • APIs
    • PUG
  • CSS
    • Post CSS
    • Préprocesseurs
      • Sass
      • Less
      • (Stylus)
    • Responsive Web
    • Frameworks
      • Foundation
      • Bootstrap
      • Bulma.io
      • Materialize CSS
      • Semantic UI
      • Ant Design
    • Drive Deep CSS
      • Flexbox
      • Rotate
      • Scale
      • Gradients
      • Transform
      • Transition
      • Grids
      • Skew
  • JS
    • Bases
    • Typescript
      • Flow
    • ES6
      • Async, Await...
    • Phaser
    • Design Patterns
      • Regex
      • GOF Design Patterns
    • Workflow
      • Task runners (systèmes d'automatisation)
        • Npm scripts
        • Gulp
        • Grunt
      • GIT
      • CVS
    • Test
      • Jest
      • Mocha
      • Jasmine
    • Package Manager
      • Yarn
      • Npm
    • Frameworks pour organiser créer une application
      • Angular
      • React
      • Vue.js
      • Emmet JS
      • Inferno
      • Fluex
      • Redux
      • Mobx
    • Modules Loader / bundlers (Configurations toutes prêtes)
      • WebPack
      • Rollup
      • Require JS/AMD
      • Browserify
    • Serveur
      • Node.Js
      • Express
      • Nodemailer
    • JAMSTACK
      • Hugo
      • Hébergement
        • Netlify
  • SVG
    • D3
  • GSAP
  • JQuery (optionnel)
  • IDE
    • SublimeText
    • Brackets
    • WebStorm
    • VS Code
    • ...
  • Canvas
  • Navigateurs et outils de développement
    • Chrome Dev
    • Emmet
    • Eslint
  • Programmation POO et fonctionnelle
    • Regexp
  • CMS
    • Drupal
      • Theming
      • Modules
      • API
    • Symfony
      • Templates Twig
    • WordPress
      • Theming
      • Modules
      • API
    • React
      • Firebase
      • ContentFul
    • Grav
  • PHP
  • E-commerce
    • WooCommerce
      • WPMC
    • Snipcart
  • DEBUG tests unitaires
    • Jest
  • PWA
  • GraphQL
  • Webcomponents
  • Gatsby
  • Hexo
  • Webdesign
    • Photoshop pour le Webdesign
    • Illustrator pour le Webdesign
  • Notions de Développement Backend
  • Administration Réseaux
    • Linux
    • Protocoles
  • Google Map API