Les langages du web

• XML : pour l'échange de données
  • Codage des caractères - La table ASCII
  • Mini-cours de HTML
  • du HTML au XHTML
  • MathML : Langage pour la publication de formules mathématiques
  • SVG : Le dessin vectoriel

• Le multimedia (car les pages web sont souvent agrémentées par ce moyen)
  • les images (non vectorielles)
    • Convertir en *.webp
    • GIMP
    • Quelques icônes (Font Awesome)
    • favicon
    • Quelques *.gif
  • l'audio (mp3)
  • la video (mp4)

• Mini-cours de CSS : pour la mise en forme (sélecteurs)
  • w3.css (23 Ko) (16 Ko sans les couleurs)
  • Bootstrap 4 (+/- 120 Ko !)
• Mini-cours de JavaScript : pour la puissance et les web applications
  • JSON : pour l'échange de données (data-object)
  • JavaScript pour Pro
  • NodeJS
  • La 3D : three.js
  • 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

• Mini-cours de PHP - MySQL

• 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)
• Complexifier un nom de dossier (ou de fichier)
• 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
• 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)