Intégration web offshore : html, css, bootstrap, js, php

Pour certains d’entre nous, l’idée de concevoir un site Web à partir de zéro peut sembler une tâche vraiment ardue. L’ironie est que pour la plupart d’entre nous, les sites Web font partie de notre vie quotidienne. De la même manière qu’Internet nous connecte, il existe des langages Web spéciaux qui fonctionnent ensemble pour constituer Internet et les sites Web qu’il contient. HTML, CSS et JavaScript fonctionnent ensemble pour former la conception frontale d’un site Web en appliquant des informations qui affectent le contenu, le style et l’interactivité d’un site.

Il n’y a donc plus qu’un seul langage web ?

Il existe de nombreux langages Web disponibles, mais nous allons en examiner trois. Ce sont HTML, CSS et JavaScript et ils sont considérés comme l’épine dorsale du Web. En matière de développement Web, il y a le développement Web frontal et le développement Web principal. Ces trois langages sont destinés au développement Web frontal et sont responsables de ce que vous pouvez voir et faire sur un site Web. Ils sont appelés langages côté client car ils s’exécutent dans le navigateur (Google Chrome, Firefox, etc.) de votre ordinateur. Le navigateur traduit ces langues et le résultat de cette traduction est la page Web visuelle.

Il est important de noter que HTML et CSS ne sont pas considérés comme des langages de programmation. HTML est un langage de balisage et CSS est un langage de style. JavaScript, cependant, est un langage de programmation. Par conséquent, ce sont tous des langages Web, mais ils effectuent des tâches différentes.

Pour ceux qui débutent dans la conception Web, le moyen le plus simple de comprendre cette relation est de regarder une analogie qui la décomposera en petits morceaux. Une façon de voir le développement Web frontal est de voir ces trois langages interagir les uns avec les autres de la même manière qu’un corps humain interagit avec son environnement.

Le site Web en tant que corps humain

Pour faciliter la compréhension, je vais faire référence à ces trois langages Web comme différents aspects du corps humain. Nous allons regarder le corps lui-même comme une sorte de centre de commandement ; les accessoires portés sur le corps pour représenter un style personnel ; et puis les actions dont le corps est capable pour nous animer. Ainsi, pour les besoins de cette discussion, HTML sera appelé le corps physique, CSS sera les accessoires du corps et JavaScript est la capacité du corps à parler ou à bouger. Tous ces « aspects corporels » doivent travailler ensemble pour former un site Web interactif, fonctionnel et visuellement attrayant.

HTML

  • Le corps
  • Langage de balisage hypertexte (HTML)
  • Contenu et structure de base
  • Décrit et définit
  • Composé de balises
  • Indique au navigateur ce qu’il faut afficher

Le langage de balisage hypertexte (HTML) peut être décomposé en hypertexte, qui permet d’accéder à d’autres textes via des liens, et en balisage qui décrit la structure de base et l’apparence du texte brut. Cela signifie que HTML décrit et définit le contenu et la structure de base du site Web. Pour ce faire, il utilise des balises ou des codes spéciaux qui indiquent au navigateur ce qu’il doit faire. HTML est la base d’un site Web.

Un site Web uniquement HTML peut être comparé à un corps humain fonctionnel. Remarque, je n’ai pas dit entièrement fonctionnel. Un site Web uniquement HTML a toutes ses parties de corps, bien qu’il n’offre pas grand-chose à regarder car il n’a pas d’accessoires ou de style personnel. A ce stade, c’est aussi un corps qui n’est pas capable de bouger ou de parler. Un site Web composé uniquement de HTML ressemblerait probablement à ceci :

C’est là qu’intervient le CSS.

CSS

  • Les accessoires
  • Feuille de style en cascade (CSS)
  • Donne du style et de la structure au contenu
  • Liez le fichier CSS au HTML
  • Indique au navigateur comment afficher

Une feuille de style en cascade est l’accessoire du site Web. Il est chargé de définir les couleurs, la police et le positionnement du contenu sur un site Web. Cela ajoute du style et de la structure au contenu. Afin d’utiliser les fonctionnalités CSS, il doit être lié dans le contenu HTML afin que le style puisse être ajouté au site Web. CSS indiquera au navigateur comment afficher le code HTML existant.
CSS peut être comparé à l’ajout d’un style personnel au corps. Lorsque vous liez CSS à HTML, c’est comme habiller le corps. Par exemple, vous pouvez choisir une chemise de couleur spécifique et l’assortir à un pantalon de couleur spécifique. Sur un site Web, vous pouvez choisir la couleur du fond ou la taille de la police d’un titre et bien plus encore. Il est important de noter que CSS ne peut pas vivre sans HTML car il n’y aurait rien à styliser. Tout comme les vêtements ou les chaussures seraient inutiles sans quelqu’un pour les porter.

Vous devriez donc maintenant comprendre comment la structure et le style sont construits sur un site Web. Un site Web composé de HTML et de CSS pourrait ressembler à ceci :
Cependant, vous ne pouvez pas vous empêcher de remarquer qu’il manque quelque chose. La page Web manque de certaines fonctions comme un champ de recherche ou des options pour commenter. À l’heure actuelle, le corps, avec tous ses accessoires, ressemble plus à un mannequin dans une vitrine qu’à un véritable être humain.
C’est là qu’intervient JavaScript.

Javascript

  • La capacité du corps à effectuer des actions
  • JavaScript n’est pas Java
  • Comportement du site Web
  • Utilisé pour la fonctionnalité interactive
  • Permet à l’utilisateur d’interagir avec le navigateur

JavaScript contrôle le comportement du site Web. Il est important de noter que JavaScript et Java sont deux choses différentes. JavaScript a été conçu pour manipuler des pages Web et il est utilisé pour créer des fonctionnalités interactives. Sans JavaScript, un site Web sera toujours fonctionnel, mais de manière limitée. JavaScript est ce qui anime le HTML et le CSS, et c’est ce qui donne vie à votre site Web.

JavaScript peut être comparé à la capacité du corps à effectuer des actions telles que marcher ou parler. Ainsi, lorsque vous ajoutez JavaScript à HTML et CSS, cela transforme le corps d’un mannequin magnifiquement habillé en un être humain qui parle et qui marche dans la vie réelle. Il anime le corps, lui conférant des qualités de vie. JavaScript peut également être comparé à un corps entièrement fonctionnel qui a la capacité d’interagir. Comme nous le savons tous, avoir un site Web interactif est essentiel, sinon ce n’est qu’une page ennuyeuse remplie d’informations. Ici, nous voyons un site Web composé de HTML, CSS et JavaScript :
Si vous regardez cet exemple de Twitter, JavaScript vous permet de développer le tweet pour voir les re-tweets, de définir un tweet comme favori et plus encore. Une application JavaScript populaire est Google Maps.

C’est pour tout le monde

Dans certains pays, l’accès à Internet est devenu un droit humain fondamental. Donc, si Internet est si vital pour notre survie, pourquoi si peu d’entre nous savent comment manipuler les plateformes qu’il contient ? L’idée fausse est que le développement Web est difficile ou qu’il n’est réservé qu’aux personnes qui travaillent dans l’informatique. Tort. N’IMPORTE QUI peut apprendre à développer des sites Web . Même les enfants apprennent, au niveau scolaire, à comprendre et à mettre en œuvre les langages de codage.

De plus, le développement Web a vu le jour afin de résoudre des problèmes. Besoin d’annoncer votre entreprise en ligne? Créer un site Web. Besoin de sensibiliser sur un sujet précis ? Créer un site Web. Cependant, chaque fois qu’un développeur résout un problème pour un client, il doit rechercher le problème afin de concevoir en conséquence. Combien de temps ! Cela signifie également qu’un expert sur le sujet ne communique pas directement avec son public. Un expert en informatique communique en leur nom.

Imaginez un monde où des experts en leur domaine conçoivent des plateformes pour résoudre de vrais problèmes. Combien plus efficaces ces plateformes seront-elles si elles sont conçues par des experts sur un sujet précis et pas seulement un expert en informatique. Ce que je veux dire, c’est que l’apprentissage du langage Web est pour tout le monde. Donc, si vous pensez au développement Web, il y a trois langages importants que vous devez apprendre. Apprendre à utiliser ces trois langages Web est la façon de démarrer le développement Web frontal et il est important de comprendre comment ces trois langages fonctionnent ensemble. Alors allez-y, résolvez un problème et créez un site Web !

A lire également