• 6 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 17/11/2020

Découvrez les langages client

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Avant toute chose, il faut savoir qu’il y a 2 types d’ordinateurs connectés au Web :

  • Des clients : c’est vous, votre ordinateur qui sert à aller consulter des sites web.

  • Des serveurs : ce sont des ordinateurs spéciaux (souvent très puissants) qui envoient les sites web aux clients. Les serveurs "possèdent" les sites web et les distribuent à ceux qui veulent les visiter.

Les langages

Pour construire un site web, on a recours à des langages. Ils servent en quelque sorte à établir les plans d’architecte dont on a besoin pour construire les sites. Ces langages sont principalement :

  • HTML

  • CSS

  • JavaScript

Tous ces langages sont désormais indispensables à la réalisation de tous les sites web. On dit que ce sont des langages client ou encore des langages frontend, car ils sont lus par les machines des clients.

Nous n’apprendrons pas à nous en servir dans ce cours, mais vous pourrez enchaîner avec d’autres cours accessibles aux débutants si vous voulez vous entraîner à les utiliser !

Les navigateurs

Pour accéder aux sites web, on a besoin de navigateurs web. Il existe notamment :

  • Google Chrome

  • Mozilla Firefox

  • Internet Explorer, et son successeur appelé Edge

  • Opera

  • Safari

Le rôle des navigateurs est de traduire les langages HTML, CSS et JavaScript sous la forme de sites web utilisables par tout le monde.

L'ordinateur traduit les langages HTML et CSS, représentés à gauche du schéma, de telle sorte à ce que le résultat, représenté à droite, soit visible à l'écran.
Schéma représentant la traduction des langages HTML et CSS par l'ordinateur

Les langages HTML et CSS sont traduits sous la forme de sites web.

À quoi ressemble un code HTML ? Voici un exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ma page web</title>
</head>
<body>
<p>Bienvenue sur mon site web !</p>
</body>
</html>

Avec un peu d’entraînement, vous pouvez apprendre à le lire et même à l’écrire, si si ! Rien que dans ce code, je vois des paragraphes, des titres, des informations d’en-tête, etc. 🤓

À vous de jouer !

Et si vous appreniez à modifier du code HTML ? Voici un petit exercice pour vous faire la main ! Rendez-vous sur cet éditeur CodePen et suivez les étapes suivantes:

  1. Modifiez le paragraphe de bienvenue pour indiquer votre nom (remplacez les XXXX)

  2. Ajoutez un second paragraphe à la suite sur le même modèle, avec les balises <p> et </p> du code HTML qui délimitent un paragraphe.

  3. Ajoutez des balises <strong> et </strong> pour délimiter le mot "Bienvenue" comme ceci:  <strong>Bienvenue</strong>  . Que se passe-t-il ?

Exemple de certificat de réussite
Exemple de certificat de réussite