Lotin Corp. Academy

Formations graphiques, web et marketing digital à Douala - Cameroun

  • Formations
    • Design graphique
    • Design web
    • Design d’intérieur
    • Développement web
    • Marketing digital
  • Cours en ligne
  • Ateliers
  • Blog
  • Pré-inscription

Le développement pour les designers : Comprendre le front-end

19 mai 2017 par Catherine Lottin 1 commentaire

2 minutes

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 :

  1. Comprendre le front-end stack
  2. Limites du DOM
  3. Considérations
  4. 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

 

Partager :

  • Cliquez pour partager sur Facebook(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur Twitter(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur LinkedIn(ouvre dans une nouvelle fenêtre)
  • Cliquer pour imprimer(ouvre dans une nouvelle fenêtre)
  • Cliquez pour partager sur WhatsApp(ouvre dans une nouvelle fenêtre)

Sur le même thème

Classé sous :Traduction Balisé avec :CSS, Design Atomic, Front-end Stack, HTML, JavaScript

Rétroliens

  1. Bienvenue à l’école du design pour les développeurs | Lotin Corp. Academy dit :
    10 novembre 2017 à 9 h 47 min

    […] 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 […]

    Répondre

Laisser un commentaire Annuler la réponse.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Nos articles récents

  • L’itération de design apporte des résultats puissants. Alors recommence, designer !
  • Ce que la science peut vous apprendre sur le design de superbes animations d’interface utilisateur graphique
  • Augmentez le sentiment de contrôle de l’utilisateur avec le schéma de design de recherche affiné
  • Esthétique et forme doivent se tenir la main
  • Cartographier les parties prenantes
Mes Tweets

Lotin Corp. Academy

La transmission de notre savoir est l'une de nos principales motivations. Nos modules de 03 mois chacun facilitent l'acquisition rapide de compétences.

RC/DLA/2008/A/900
Contribuable nº P038300436355E
Cpte UBA 01016000489-63

Zone étudiants/formateurs online

Connexion

Merci de vous connecter.

Identifiant

Mot de passe

Mot de passe perdu ?

Pas encore inscrit ?

Merci de créer un compte avant l'achat ou la réservation d'un cours
Créez un compte gratuitement !
|Inscription

Adresse et contacts

403, Rue Drouot, Akwa
BP 4468 Douala
academy[at]lotincorp.biz
+237 673 07 94 08
Lundi à Samedi : 09h00 à 19h00

Liens utiles

  • Pré-inscription
  • Cours en ligne
  • Bibliothèque
  • Design graphique
  • Design web
  • Design d’intérieur
  • Développement web
  • Marketing digital
  • Ateliers
  • WordPress 101
  • Blog
  • A propos

© Copyright 2010 - 2021 Lotin Corp. All Rights Reserved. Powered by WordPress