Nous constatons que la plupart du temps, nous parlons de conception Web alors qu’en réalité nous parlons de développement Web. Quelles sont les différences entre la conception Web, la programmation Web et le développement Web ?

La plupart des gens se réfèrent à la conception Web lorsqu’ils parlent de la création d’une page Web , cependant, la conception Web se limite à cela, à la conception de la page Web , tout au plus et selon la rigueur avec laquelle nous sommes dans les termes, nous parlerions concernant le design et la mise en page web , c’est-à-dire l’aspect visuel de la page ou de l’application web en question, cependant, surtout si on parle d’une page web créée sur mesure , sans CMS, on parle de développement web, qui comprend :

  • Web Design.
  • Mise en page web réactive.
  • La programmation front-end, la partie visible du web.
  • Programmation back-end, le panneau de contrôle à partir duquel l’administrateur Web gère le contenu et les autres fonctions de la page Web.
  • Développement de base de données.

Ce que l’on voit dans une page web c’est du web design, que ce design n’est pas simplement statique, il est donné par la mise en page web et c’est pourquoi nous parlons ici au sens strict, de mise en page web responsive et non de web design responsive, Un web conception sans modèles, commence avec Photoshop et / ou Illustrator, et c’est statique, car c’est, par exemple, un logo, c’est-à-dire qu’il s’agit plus d’une conception graphique que de quelque chose appliqué à un site Web, mais comment cela se fait en pensant à un web ou une APP, oui nous sommes face à un web design.

La mise en page web se fait généralement avec HTML5 et CSS3 principalement, et selon les besoins, également avec Javascript . Comme vous pouvez le voir, sur notre site web quand on parle de web design, on parle de mise en page web, mais afin de se comprendre avec nos clients potentiels, nous l’expliquons de cette façon, car il est rare que la personne qui demande un mise en page Web sèche. Pour cette raison, et parce que la conception Web se positionne bien mieux que la mise en page Web , car logiquement, si les clients recherchent la conception Web lorsqu’ils se réfèrent à la conception et à la mise en page et dans la plupart des cas, ils font référence au développement intégral d’une application Web., nous avons choisi de nous adapter à votre langue, après tout, l’important est de se comprendre, ensuite c’est notre travail d’expliquer les étapes que nous allons suivre lors de la création de la page web.

Le HTML est un langage de balisage où les espaces où le contenu sera marqué, mais ce n’est pas un langage de programmation. Les fonctions arithmétiques ne peuvent pas être développées, elles ne contrôlent aucune action de l’utilisateur, elles ne prennent pas en compte les variables, en HTML seule la structure de base d’une page Web est décrite et des liens peuvent être inclus, des liens vers d’autres pages ou documents.

La mise en page est complétée par CSS , qui consiste à rendre le contenu du Web « beau » et à créer le style de la page Web, en gros, pour qu’il ne soit pas ennuyeux et laid, afin que nous nous comprenions. Couleurs, retraits, images d’arrière-plan, tailles, polices, éléments de rotation … nous pouvons modifier tout cela avec CSS. Et il est particulièrement utile lors de la création d’applications Web réactives via l’utilisation de Media Queries .

Et au sein de la mise en page web Javascript entre aussi en jeu , mais on a déjà sorti pas mal de roll pour aujourd’hui 😉 En résumé, on va dire que ça marche aussi pour certaines animations sur le web qui peuvent se faire sans avoir à passer par le serveur, pour que ce soit fait rapidement. Par exemple, si un menu est plié et déplié ou que nous recevons un avertissement qu’un champ à remplir dans un formulaire est manquant.

Et qu’est-ce que la programmation web ? Ici, la fourniture de fonctions au Web ou à l’application entre en jeu. Le langage de programmation le plus répandu est PHP , chez Rana Negra nous utilisons la dernière version de ce langage, PHP 7 . Avec la programmation Web , les éléments graphiques du Web sont dotés de fonctionnalités.

Et avec PHP, vous pouvez programmer à la fois le front-end et le back-end d’une page Web.

Avec PHP on traite les informations, on ajoute des fonctions à la page web (quand X passe, Y passe, quand l’utilisateur fait ça, l’autre s’affiche…) Quand on a besoin d’une fonction dynamique, au-delà de l’affichage du contenu statique, on a besoin un langage de programmation comme PHP.

Des pages comme Wikipedia sont créées avec PHP, parmi de nombreuses autres technologies.

Et pour simplifier et accélérer le travail avec PHP , il existe une série de frameworks , tels que Symfony et CodeIgniter , qui sont deux de ceux que nous utilisons ici. Ces frameworks facilitent les tâches les plus répétitives et les plus courantes d’un projet Web, ce qui réduit le nombre de code, de sorte que le programmeur programme plus rapidement et que le Web est créé plus stable.

Et pour tout type d’ application web dynamique , nous avons besoin d’interroger une base de données, nous travaillons avec MySQL . Les bases de données d’une page Web contiennent une série de données organisées et liées les unes aux autres, pouvant effectuer des requêtes complexes grâce à elles.

Et aussi, selon le projet spécifique, il existe autant de technologies, APIS, etc.

Si nous ajoutons la conception Web, la mise en page Web réactive, la programmation frontale et dorsale et le développement de bases de données, nous envisageons un développement Web complet , qui ajoute la conception, la mise en page et la programmation.

Et puis, pour boucler la boucle, nous utilisons des mots tels que développement full stack, développement back end, développement front end , dont chez Rana Negra nous ne sommes pas très amis, car nous voulons que les clients nous comprennent, pas qu’ils pensent que nous sommes très moderne mais je ne sais pas ce que nous faisons.

Mais bon, un développement full stack est un programmeur web ou un développeur web , un expert à la fois du front end et du back end , pouvant connaître ou non la conception web , mais aussi la mise en page et la programmation web . Avec cette description, nous avons tous une idée de ce que signifient le développement front-end et le développement back-end , non ?

Oh et dans le web design et la mise en page   on retrouve UX (User Experience) et UI (User Interface) ! Si vous souhaitez en savoir plus sur le sujet, nous vous laissons notre article L’importance d’avoir un expert en ergonomie Web (Expérience utilisateur – Ux)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *