Designer un site web est une tâche hautement complexe impliquant tout un panel de compétences. Mais celles-ci ne suffisent pas, et c’est là qu’interviennent les développeurs qui eux maîtrisent toutes les subtilités des fondements du développement.
Il ne s’agit pas ici pour les designers de se passer des développeurs (ce qui d’ailleurs est impossible), mais de comprendre la complexité de la tâche qui incombe à ces derniers, et pourquoi pas de comprendre les composantes essentielles du squelette qu’est le « Front-end Stack ».
Tout au long de cet article, nous allons faire un grand bond en avant dans le développement front-end et voir comment il s’intègre dans notre vue d’ensemble. Voici ce que nous allons couvrir :
- Comprendre le front-end stack
- Limites du DOM
- Considérations
- Comprendre les événements, les états et la réactivité
Comprendre le front-end stack
Rendre les sites web peut être tout une tâche. Avec une foule de dispositifs, navigateurs, points d’accès, bandes passantes, langages de programmation et environnements, il peut être difficile de construire des expériences web cohérentes. Grâce aux navigateurs et à un organisme de standardisation (le W3C), nous avons quelques piliers en place pour donner du contrôle lorsque c’est possible ; Ces piliers sont HTML, CSS et JavaScript.
Combinés, nous appelons ces piliers le front-end stack. Chaque langage a son propre but et les développeurs passent beaucoup de temps à s’assurer qu’ils ne brouillent les lignes d’aucun d’entre eux car ils peuvent s’ingérer les uns dans les autres. Alors, posons les bases ici. Les navigateurs modernes, qui sont disponibles dans le commerce : comme Safari, Edge, Chrome et Firefox peuvent seulement comprendre HTML, CSS et JavaScript. C’est ça, trois langages. À l’exception de Javascript, HTML et CSS sont des langages statiques déclaratifs. Par là je veux dire que vous n’avez pas nécessairement à « programmer » dans un d’eux étant donné qu’il est sans véritable logique d’écriture (avec quelques petites exceptions). JavaScript, qui a explosé à chaque coin d’internet ces dernières années, cependant, est un langage de programmation.
Quand j’ai essayé d’expliquer le front-end stack aux étudiants dans le passé, j’ai toujours trouvé utile de faire référence au corps humain. Étant donné que nous parlons dans le cadre du design atomique, cela soit dit en passant prolonge ma métaphore !
Lisez la suite sur tutsplus.com
[…] l’article Le développement pour les designers : Comprendre le front-end , il était question pour les designers de prendre conscience de la complexité du travail des […]