Guide Complet : Réseaux, Web et Développement

Modes de communication

• Broadcast : Tous les hôtes reçoivent tous les paquets (TV, radio).
• Multicast : Certains récepteurs reçoivent la transmission.
• Point-à-point : Message envoyé, stocké sur un routeur, puis expédié au suivant.

Commutation

• Circuits : Ressources dédiées, bonne qualité de service, mais risque de rupture en cas de panne d'un nœud.
• Paquets : Informations découpées et envoyées séquentiellement. Ressources partagées, fiabilité non garantie.

Types de réseaux

• LAN : Local (10 km, 10 Mbps à 1 Gbps).
• WAN : Large distance (> 1000 km).
• PAN : Personnel (Bluetooth, Wi-Fi).
• BAN : Corps humain.
• Internet : Réseau virtuel interconnectant des réseaux physiques via des routeurs/passerelles (protocole IP).

Le Web (WWW)

Interface graphique pour accéder aux informations sur des serveurs Web via le protocole HTTP. Le W3C développe les standards, tandis que la WAI (Web Accessibility Initiative) promeut les WCAG pour l'accessibilité.

Protocoles et Identifiants

• DHCP : Attribue automatiquement des configurations IP (IP, routeur, DNS) via un modèle client-serveur et UDP.
• DNS : Traduit les noms de domaine en adresses IP.
• URI/URL : Identifient et localisent les ressources sur Internet.

IP et Architecture

L'IP (couche 3 OSI) identifie les machines. Face à la pénurie d'IPv4, on utilise IPv6 et le NAT pour partager une IP publique. Architectures : 1-Tier (Client), 2-Tier (Client-serveur), 3-Tier (Client-serveur + BD).

HTML et XML

• HTML : Balisage pour l'affichage dans un navigateur.
• XML : Transport de données, structure stricte, indépendant du matériel.
• DTD : Définit la structure XML. XSLT : Transforme et affiche les données XML.

Structure et Sémantique

Utilisation de balises sémantiques : <header>, <nav>, <main>, <footer>, <section>, <article>, <aside>, <time>.

Formulaires et Inputs

Les formulaires utilisent method="post" (sécurisé) ou get (via URL). Les attributs comme required, placeholder, pattern et disabled permettent un contrôle précis. Types : text, password, checkbox, radio, date, range, email, etc.

CSS et Mise en page

Modèle de boîte : content < padding < border < margin. Sélecteurs : classes (.), ID (#), pseudo-classes (:hover) et pseudo-éléments (::before). Gestion du layout via display (block, inline, flex, grid), float et overflow.

SVG et Graphiques

Format XML pour graphiques vectoriels 2D. Concepts : viewport, viewBox, path, transformations (rotate, scale) et animations (<animate>, @keyframes).

JavaScript et DOM

Langage côté client pour manipuler le DOM et gérer les événements. Variables : var, let, const. Sélection d'éléments : querySelector, getElementById. Gestion d'événements : addEventListener.

jQuery

Bibliothèque simplifiant la manipulation du DOM, les événements et les animations (fadeToggle, slideToggle). Utilise le sélecteur $().

Design Web et Accessibilité

Principes : contraste, alignement, proximité, répétition. Accessibilité (WCAG) : percevable, opérable, compréhensible, robuste. Design réactif via Media Queries et Mobile First.

Sécurité

Concepts : Authentification, Intégrité, Confidentialité, Non-répudiation. Chiffrement : Symétrique (rapide) vs Asymétrique (clé publique/privée). HTTPS utilise SSL/TLS pour sécuriser les échanges.