Fil d'Ariane
Mis à jour le mercredi 23 août 2017
  • 6 heures
  • Facile

Ce cours est visible gratuitement en ligne.

Ce cours est en vidéo.

Vous pouvez obtenir un certificat de réussite à l'issue de ce cours.

Vous pouvez être accompagné et mentoré par un professeur particulier par visioconférence sur ce cours.

J'ai tout compris !

Les langages client

Connectez-vous ou inscrivez-vous 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.

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

A 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. 🤓

A vous de jouer !

Et si vous appreniez à modifier du code HTML ? Voici un petit exercice pour vous faire la main !

A vous de jouer !

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