Introduction au web client

Introduction

Qui n'as jamais touché au web de nos jours? C'est une part importante de notre société moderne et de son fonctionnement. Sans le web, nous ne pourrions pas payer avec nos cartes de crédit ou de banque, nous ne pourrions pas facilement communiquer avec nos proches à l'autre bout de la planète, nous serions toujours en train d'acheter des CD et des DVD et, bien entendu, nous ne pourrions pas naviguer sur les sites web.

Plusieurs d'entre vous ont toujours vécu avec l'Internet. Cette technologie qui nous as été rendu disponible au milieu des années 1990 est toutefois encore très jeune. Vous ne vous êtes peut-être jamais installé à essayer de comprendre comment le tout fonctionne. Il n'y a toutefois rien de magique.

En tant que programmeur, vous vous devez de comprendre comment le web fonctionne. Très peu de logiciels fonctionne aujourd'hui sans aucun accès à l'Internet et vous devrez assurément travailler avec dans votre parcours professionnel. Comme un mécanicient automobile qui se doit de comprendre comment une voiture fonctionne, vous devez faire l'effort de comprendre les rouages et les particuliarités du web.

Fonctionnement du web

Le web fonctionne par une quantité impressionnante de cable qui traverse le globe de notre planète. C'est essentiellement un grand réseau qui rejoint l'ensemble de nos continents et sur lequel on peut envoyer et recevoir des messages.

Chaque message envoyé sur l'Internet doit suivre un certain format. En effet, pour que la communication puisse se faire adéquatement, celui qui envoie le message et celui qui reçoit le message doivent essentiellement parler la même langue. Dans le cas de nos ordinateurs, ils n'utilisent pas une langue à proprement parlé, mais plutôt un protocole de communication. Vous avez peut-être déjà entendu parler de certains d'entre eux, comme le TCP, le UDP, le IP et, celui qui nous intéressera le plus pour le développement web, le HTTP.

Mais quant est-il des pages web? C'est l'élément qui nous intéresse pour ce cours et pour bien comprendre son utilisation de l'internet, il faut tout d'abords comprendre ce qu'elles sont. En fait, un site web est un ensemble de fichier de code et médias qui sont exécuté sur votre navigateur pour afficher la page web. On retrouvera donc des fichiers:

• HTML: Fichier de code pour définir la structure d'une page web.
• CSS: Fichier de code pour styler et designer vos pages web.
• JS: Fichier de code pour programmer des comportements à un site web, comme le clique d'un bouton ou la recherche d'autres information sur le web.
• Images et vidéos: Fichier pour afficher des graphiques, des logos, des fonds d'écran et plusieurs autres choses dans le site web.
• Police de caractères: Fichier contenant les informations d'une police de caractère pour être utilisé dans un site web.
• Autres: Fichiers JSON, XML, TXT, WASM, etc.

Un ensemble de ces fichiers constitue un site web. Ceci étant dit, lorsque vous allez sur un site web, vous devez avoir ces fichiers sur votre ordinateur pour que votre navigateur puisse l'afficher. Comme vous pouvez bien l'imaginer, vous n'avez pas assez de place sur votre ordinateur pour avoir l'ensemble des sites web qui se retrouve sur l'Internet. Nous allons donc chercher ces sites web sur l'Internet en envoyant un message à un serveur.

Un serveur est généralement un ordinateur qui est propriétaire d'un site web et qui le publie sur l'Internet. Quand vous accéder à un site web, vous aller donc demander au serveur propriétaire du site de vous retourner les fichiers du site web. Une fois les fichiers reçu, votre navigateur pourra les exécuter et afficher le site web.

Web client

Dans le jargon du web, un serveur est un système qui offre des services, comme par exemple, offrir l'accès à un site web. Dans ce jargon, celui qui fait la demande à un service est appelé un client. Bref, lorsque vous aller sur un site web avec votre navigateur, votre ordinateur est le client et le propriétaire du site web est le serveur.

Dans ce cours, nous nous concentrons uniquement sur la partie cliente du web, donc uniquement ce qui est exécuté dans votre navigateur. Bref, nous verrons comment créer les différents fichiers d'un site web pour que le navigateur soit en mesure de l'afficher correctement et d'y programmer les bons comportements. Dans ce cours, nous divisons le matériel en 3 sections, soit les 3 langages de programmation de base d'un site web qui sont exécuté par le navigateur:

• Le HTML.
• Le CSS.
• Le Javascript.

Dans ce cours, nous ne travaillerons pas avec les serveurs. L'intéraction entre le client et le serveur est beaucoup plus complexe et vous le verrez seulement dans un cours subséquant.