Pour communiquer, nous avons besoin de règles. Par exemple, le morse, l'orthographe, ...
En informatique, ces règles s'appellent un protocole.

Un protocole est un ensemble de règles qui déterminent comment les données sont échangées entre un client (notre logiciel) et un serveur (celui qui répond au client).

La partie d'Internet utilisant le protocole HTTP s'appelle le Web.
Un logiciel permettant d'afficher des données sur un écran, via ce protocole, est appelé un navigateur (web).

Les autres parties d'Internet utilisent d'autres protocoles : FTP (pour le transfert de fichiers), SMTP/IMAP/POP3 (pour les courriels), DNS (pour la conversion d'un nom de domaine et une adresse IP), TelNet (pour gérer des serveurs à distance), IRC (pour communiquer dans des salons), ...

Les langages du web

• XML : pour l'affichage de données
  • Codage des caractères - La table ASCII : pour transformer les octets en caractères
  • Mini-cours de HTML - du HTML au XHTML : pour structurer une page web
  • MathML : pour afficher des formules mathématiques
  • SVG : pour afficher des images (vectorielles)
    Y compris des dessins animés : Cours - le train (en 12 Ko seulement)

• Mini-cours de CSS : pour faire joli (mettre en forme d'une page web) - Les sélecteurs
  • w3.css (23 Ko) (16 Ko sans les couleurs)
  • Bootstrap 4 (+/- 120 Ko !)
• Mini-cours de JavaScript : pour ajouter de l'interactivité à une page web
  Au point de créer des logiciels, appelés applications web
  • JavaScript pour Pro : pour aller plus loin dans l'étude du JavaScript
  • Visualiser des données dans un graphique
  • JSON : pour l'échange de données (data-object)
  • Comparatif des frameworks

    • w3.js
      version light d'AngularJS au niveau des données
      + version light de JQuery au niveau du design
    • vueJS

    • AngularJS : pour créer des applications web (en perte de vitesse).
      AngularJS ne sera plus développé par Google à partir de décembre 2021.
      Son successeur, né en 2014, est Angular2

      awesome for building highly interactive web applications

    • ReactJS :

      great for building modern single-page applications of any size and scale

  • Afficher des objets en 3D : three.js
  • NodeJS
• Mini-cours de PHP - MySQL

• Le multimedia (car les pages web sont souvent agrémentées par ce moyen)
  • les images (non vectorielles)
    • Convertir en *.webp : pour protéger les autoroutes de l'information (en réduisant le poids des images)
    • GIMP : Logiciel de traitement des images (gratuit, en français, sous Windows/Linux/Apple)
    • Quelques icônes (Font Awesome)
    • favicon
    • Quelques *.gif
  • l'audio (mp3)
  • la video (mp4)

• Comment faire ? (HTML+CSS+JavaScript) - Résumé
• Créer un site pour smartphones
• Créer un site avec WordPress
• Créer un site autonome
• Créer un site map (pas obligatoire, mais recommandé)

Trucs et outils

• Protéger une image : <img ... oncontextmenu="return false;" .../>
• Les polices de caractères (+ espaces entourant certains signes de ponctuation)
• Sécuriser un dossier de son site web (sur serveur Apache)
• Permissions lecture-écriture-exécution
• Complexifier un nom de dossier (ou de fichier)
• Le texte caché
• Obscurcir le code JS (pour protéger son travail)
• Convertir un nom de fichier (66 caractères autorisés)
• Tidy, le nettoyeur du code (X)HTML
• Traquer les liens rompus : analysDir.py (XENU)
• Choisir un nom de domaine / hébergeur
• Hébergeurs : mini-comparatif (en construction)
• Espace Web (y compris pour des fichiers qui ne doivent pas être vus)
• Application web ou application mobile ?
• Compacter ses fichiers (HTML, CSS et JS)
• Placer un captcha
• Accéder à nouveau à son espace-client
• URL : convertir les caractères spéciaux avec encodeURI()
• Évolution des "technologies" supportées par les navigateurs (jusqu'en 2012)
• Comprendre le web - Dico
• Ordinateur le moins cher
  Défi = installer un serveur Apache sur un Raspberry.

Liens

• Cours donnés par la W3C (MOOC, en anglais)
• Cours donnés par la W3School (en anglais)