A. Qu’est-ce que le développement informatique ?

Bienvenue dans ce module de cours sur l’introduction et l’initiation au langage de développement web. Le but ici ne sera pas de vous faire devenir un super-héros du développement en un cours théorique car pour pouvoir y prétendre, il va falloir pratiquer, pratiquer et encore pratiquer… Il n’y a pas de secrets. De plus, je doute que votre objectif soit de devenir un développeur de site web au quotidien.

En réalité, ce module vous permettra de vous initier à ce qu’est internet, comment ça fonctionne  et comment ça a évolué de sa création à aujourd’hui. Si je vous dis HTML, erreur 404 ou encore balise ALT, vous allez me dire que je vous parle dans une langue étrangère.

Et bien vous avez raison d’une certaine manière, internet fonctionne grâce aux différents langages informatiques, ayant chacun son rôle déterminant et liés les uns aux autres. Il faudrait étudier langage par langage, module par module, avec pleins d’exercices pour pouvoir commencer à développer votre propre site sans utiliser de CMS (Content Management System, type WordPress).

Mais le parcours que vous avez choisi est différent de celui d’un étudiant en IT, c’est pour cela que dans ce module, vous n’aurez pas de pratique, vous n’aurez pas d’exercices mais vous saurez tout sur comment fonctionne globalement le monde d’Internet ainsi que les sites webs les plus communs (Et quand on parle commun, on parle de plus de 90% des sites webs que vous avez visités dans votre vie).

Avant de s’initier aux CMS et WordPress, il est important de connaître quelques notions de développement web. Bien sûr, ces notions sont vulgarisées dans ce cours et il n’est pas intéressant dès lors de s’attaquer à une explication détaillée. WordPress a justement été conçu pour que des personnes ne maîtrisant pas le code puissent réaliser un site web attractif et complet sans avoir de prérequis.

Bien entendu, il sera beaucoup plus facile pour un développeur d’appréhender WordPress et de toucher au code afin de créer un site correspondant parfaitement à son identité, mais pour l’heure, il n’est pas question de se préoccuper de cela.

Que ce soit pour vos examens, votre entreprise, vos clients ou même pour le fun, connaitre WordPress vous permettra de répondre aux exigences du marché et de livrer un site web qui n’aura pas à rougir face aux concurrents à votre échelle.

Malgré tout, avant de démarrer, vous donner quelques définitions de notions techniques vous permettra de vous jeter dans le bain du fabuleux monde des développeurs. Gardez en tête la signification de ces termes, car nous allons les énoncer à plusieurs reprises dans ce cours.

Définition des notions obligatoires pour démarrer :

World Wide Web (www) = réseau internet. Ensemble d’ordinateurs connectés entre eux et communiquant par un même protocole (HTTP, FTP, IRC, etc.).

Adresse IP : adresse unique d’un serveur (web ou email).

Serveur DNS : fait la correspondance entre une adresse littérale et une adresse IP.

Serveur web : désigne l’ordinateur relié à internet et l’ensemble des programmes communiquant avec l’ordinateur de l’internaute (Apache, MySQL, etc.).

HTML : Langage de balisage utilisé pour la création de pages web, permettant notamment de définir des liens hypertextes.

CSS : Le CSS (Cascading Style Sheets) est un langage informatique utilisé sur l’internet pour mettre en forme le texte contenu sur les pages HTML.

PHP : Le PHP est un langage informatique utilisé sur l’internet. Le terme PHP est un acronyme récursif de “PHP: Hypertext Preprocessor”. Ce langage est principalement utilisé pour produire un site web dynamique. Il est courant que ce langage soit associé à une base de données, tel que MySQL.

Site web : ensemble de fichiers stockés sur un serveur web.

Maintenant que vous connaissez les différentes définitions que nous utiliserons régulièrement durant ce cours, il est important de savoir ce qu’est le web. Ça peut paraître étrange comme question mais c’est exactement pareil pour quelqu’un travaillant en tant que community manager et qui doit connaître ce qu’est le digital au sens large.

Tout d’abord reprenons la définition de la manière la plus simple qu’il soit : Le web désigne en anglais une toile d’araignée. C’est une technologie informatique permettant de consulter des pages regroupées sur des sites.

On retrouve cette notion dans le WWW (Qui veut dire World Wide Web ou bien Toile mondiale si vous êtes plutôt VF que VO). Alors pourquoi web ? Et bien l’image de la toile d’araignée est parfaitement utilisée puisque cette dernière découle des différents liens qui relient les pages du net entre elles et qui font donc forcément penser à notre fameuse toile d’araignée.

Alors est-ce que cela veut dire que le web = internet ? Et bien, pas vraiment… C’est une erreur commune, le web n’est pas internet, il en fait partie, tout comme en font partie les messages électroniques (mail), les messageries instantanées, le partage de fichiers entre utilisateurs (ce qu’on appelle le P2P pour “peer to peer”) ou le partage de fichiers via serveur (via le protocole FTP).

De ce fait, le web représente la partie visible et disponible grâce à un navigateur de recherches. Par exemple, aller sur Google pour trouver son site de jeans favori et passer commande représentera une navigation sur le web. Tandis que la phase où vous vous connectez à votre adresse mail pour répondre justement à la marque fait partie d’internet et particulièrement de la messagerie électronique.

Il est vraiment important de distinguer ces différentes utilisations car pour chacune d’entre elles, les technologies seront complètement différentes. Un spécialiste de messagerie instantanée, un gestionnaire de partage de fichiers via serveur et un développeur de site web n’auront clairement pas les mêmes compétences; et ce même s’ils auront la même culture de l’informatique et d’internet en général. Bref, on peut résumer cela par : “On a pas le même maillot mais on a la même passion”.

Concernant notre cours, on va particulièrement s’intéresser à la notion de développement web.

Un navigateur Web est un programme qui sert d’interface entre une personne et le réseau Internet : il vous sert à naviguer sur Internet.

Le navigateur Web permet la connexion aux différents sites Web, intègre les divers contenus de la page Web (textes, images, sons, vidéos etc…) et les affiche à l’écran.  Grâce aux messageries électroniques, le navigateur peut également faire la consultation, la gestion, l’envoi et la réception des courriels de l’utilisateur. En tant que partie intégrante du logiciel SaaS, il est désormais possible de faire fonctionner le logiciel avec un navigateur.

Il y a beaucoup de navigateurs web (Mozilla Firefox, Google Chrome, Internet Explorer, Safari, Opera etc…) pour tous les systèmes d’exploitation possibles que ce soit Windows, Linux, Mac OS, iOS, ou encore Android mais également sur les différents supports informatiques que ce soit les ordinateurs, les mobiles, ou bien encore les consoles de jeux vidéo.

Spécificité des navigateurs web : ce sont des logiciels gratuit !

Il vous suffit d’aller sur le site d’un navigateur, de le télécharger et de l’utiliser, à vous de choisir votre favori.

Malgré tout nous vous conseillons vivement d’utiliser soit Google Chrome ou Mozilla Firefox qui sont polyvalents, régulièrement mis à jour et qui permettent de proposer de nombreuses solutions d’extensions gratuites pour réaliser des usages de développement web, d’analyse de pages, de bloqueurs de publicité et de raccourcis pour vos outils de webmarketing.

Et si on doit vous en déconseiller un, ce serait Microsoft Edge qui est beaucoup moins fonctionnel que Chrome et Firefox.

Internet agit comme une source d’information pour nous et répond à tout ce que nous avons besoin de faire. Si nous voulons n’importe quelle information alors nous interrogeons Internet et nous aurons la réponse souhaitée.

Mais qui fournit ces informations et comment ? Tout cela est facilité par ce que l’on appelle le Web Server. En plus de cela, il existe des navigateurs en tant qu’applications que nous utilisons comme Internet Explorer, Mozilla Firefox, Chrome, Safari etc. pour interagir avec le Web, naviguer et récupérer les fichiers sur le serveur Web connu sous le nom de Clients Web.

Les serveurs Web sont essentiellement de simples programmes informatiques qui distribuent la page Web lorsqu’ils sont demandés à l’aide du client Web. Les machines sur lesquelles ce programme s’exécute sont généralement appelées serveurs, les deux noms serveur web et serveur étant presque utilisés de manière interchangeable.

Généralement, pour beaucoup de gens, quand on pense serveurs web, on pense qu’il s’agit d’ordinateurs de grande puissance. C’est vrai dans une certaine mesure, car certains ordinateurs de grande puissance sont aussi appelés serveurs web, mais ces ordinateurs sont construits dans le but d’un hébergement web. Dans l’hébergement Web, les serveurs Web permettent aux hébergeurs de gérer plusieurs domaines (ou plusieurs sites Web) sur un seul serveur. Mais, normalement, quand quelqu’un fait référence à un serveur web, cela signifie le logiciel qui peut être téléchargé sur le système informatique.

Quand a-t-on besoin d’un serveur web ?

Généralement, les serveurs web sont utilisés par les sociétés d’hébergement web et les développeurs professionnels d’applications web. Mais, en fait, n’importe quelle personne souhaitant développer utilisera les services d’un serveur web auprès d’un spécialiste

On trouvera alors :

Celui qui possède un site web (pour que la copie locale sur son système ressemble à ce qui se trouve sur internet).
Celui qui veut utiliser des technologies côté serveur, telles que PHP ou ColdFusion, peut aussi utiliser le serveur web.

Une page sur Internet peut être visualisée lorsque le navigateur le demande au serveur web et que le serveur web répond avec cette page.

Le processus simple se compose de 4 étapes :

1 – Obtenir l’adresse IP à partir du nom de domaine : le navigateur Web obtient d’abord l’adresse IP du nom de domaine (par exemple, pour cette page, le nom de domaine est www.geeksforgeeks.org). Il peut obtenir l’adresse IP de 2 façons:

• En cherchant dans son cache.
• En demandant un ou plusieurs serveurs DNS (Domain Name System).

Remarque : Tout site Web se voit attribuer une adresse IP lorsqu’il est créé pour la première fois sur un serveur Web.

2 – Le navigateur demande l’URL complète : Après avoir connu l’adresse IP, le navigateur demande maintenant une URL complète au serveur Web.

3 – Le serveur Web répond à la demande : Le serveur web répond au navigateur en envoyant les pages désirées, et au cas où les pages n’existent pas ou qu’une autre erreur se produise, il envoie le message d’erreur approprié.

Par exemple :

Vous avez peut-être vu l’erreur 404, en essayant d’ouvrir une page Web, qui est le message envoyé par le serveur lorsque la page n’existe pas.
Une autre erreur courante est l’erreur 401 lorsque l’accès nous est refusé en raison d’informations d’identification incorrectes, comme un nom d’utilisateur ou un mot de passe, fournies par l’utilisateur.

4 – Le navigateur affiche la page Web : Le navigateur obtient finalement les pages Web et les affiche, ou affiche le message d’erreur.