0. Introduction
Informations générales sur le cours.
- Plan de cours
- Ressources et références
- Matériel et logiciel
- Évaluation
1. Internet
Qu'est-ce que l'internet? Ce n'est pas parce qu'on s'en sert tous les jours qu'on sait comment ça fonctionne...
- Réseau
- Ethernet et OSI
- Routage et sécurité
- Protocoles de l'internet
2. Web
Qu'est-ce que le World Wide Web?
- Un peu d'histoire
- Les URL
- Protocole HTTP
- Navigateur
- Serveur Web
- Architecture
3. XML
Structurer l'information par le balisage
- Balise
- Historique
- XML
- Sémantique
- Éléments et attributs
- Validation
4. HTML
Pages web avec HyperText Markup Language
- Historique
- Syntaxe HTML
- Balises de base
- Structure d'une page web
- Contenu vs présentation
5. CSS
Présentation avec Cascading Style Sheets
- Historique
- Style
- Syntaxe CSS
- Classes et Id
- Sélecteurs
- Modèle d'affichage
- Mise en page
- Contenu vs présentation
6. Structurer l'information
Sémantique, organisation, présentation...
- données (JSON, YAML, TOML)
- web (HTML)
- graphisme (SVG)
- mathématiques (mathml)
- et quelques autres...
7. SVG
Le graphisme avec Scalable Vector Graphics
- Historique
- Concept de graphisme vectorisé
- Formes de base
- Tracé (path)
- transformations
- Animations
- Lien avec CSS
8. Design de sites web
- Concept de site web
- Création, scénarisation
- Architecture
- RGPD
- Concepts d'interface
- Ergonomie
8.5 A11Y, I18N, L10N
Accessibilité, internationalisation, localisation
9. DOM et Javascript
Le DOM (Document Object Model) et sa manipulation
- Concept du DOM
- Pages web dynamiques
- Intro à Javascript
- Javascript dans un navigateur web
- Applications du DOM
10. Javascript et XML asynchrone
- Historique
- Pages web dynamiques
- AJAX
- Avantages et limitations
Extra 1. Linux de base
- Shell
- Système de fichier
- Manipulation de fichiers