#web
24 tutoriels
Lire une adresse web (URL) : protocole, domaine, chemin
Décomposer une URL : protocole, sous-domaine, domaine, extension, port, chemin, paramètres, et repérer le vrai domaine dans une adresse piégée.
HTTP et HTTPS : ce que protège le cadenas
Comprendre la différence entre HTTP et HTTPS, ce que chiffre TLS, ce qu'est un certificat, et pourquoi le cadenas ne garantit pas qu'un site est honnête.
Acheter et configurer son nom de domaine
Choisir un nom de domaine et un registrar (OVH, Gandi, Cloudflare, Infomaniak), le relier à un hébergeur via les DNS, ajouter une adresse e-mail, et ne pas le perdre au renouvellement.
CDN : pourquoi les sites se chargent vite partout
Comprendre les réseaux de diffusion de contenu (Cloudflare, Akamai, CloudFront) : copies proches de l'utilisateur, cache, protection anti-DDoS, et ce que cela change pour un site web.
Python : créer un premier site web avec Flask
Installer Flask, créer une application web minimale avec des routes, renvoyer du HTML avec un modèle Jinja, recevoir un formulaire et lancer le serveur de développement.
PHP : les bases pour débuter (variables, formulaires, sécurité)
Écrire ses premiers scripts PHP : afficher avec echo, variables, tableaux, boucles, traiter un formulaire avec $_POST, échapper l'affichage avec htmlspecialchars, et lancer le serveur intégré.
JavaScript : sauvegarder des données dans le navigateur (localStorage)
Enregistrer des préférences ou une liste dans le navigateur avec localStorage : setItem, getItem, stocker des objets en JSON, gérer l'absence de données, et les limites (taille, sécurité).
JavaScript : modifier une page web (DOM, querySelector)
Sélectionner des éléments d'une page avec querySelector, changer leur texte et leurs classes CSS, créer et ajouter des éléments, et éviter innerHTML avec des données utilisateur.
Le web expliqué : HTTP, HTTPS, cookies et sessions
Comprendre ce qui se passe quand on ouvre une page : requête et réponse HTTP, rôle de HTTPS et du certificat, cookies et sessions de connexion, et les attributs de sécurité des cookies.
HTML : créer sa première page web (structure, titres, liens, images)
Écrire une page HTML complète : doctype, head (titre, encodage, viewport), body, titres, paragraphes, listes, liens et images avec texte alternatif, puis l'ouvrir dans le navigateur.
Rendre un site accessible : les 8 règles essentielles
Les bases de l'accessibilité web : texte alternatif des images, labels de formulaires, contraste des couleurs, navigation au clavier et focus visible, titres hiérarchisés, liens explicites, et outils de test (Lighthouse, WAVE).
CSS : les bases (sélecteurs, couleurs, polices, marges)
Relier une feuille de style CSS à sa page, cibler les éléments avec les sélecteurs (balise, classe, id), régler couleurs, polices, tailles, et comprendre le modèle de boîte (margin, padding, border).
SpeedPost : prise en main complète
Alternative auto-hébergée à WeTransfer : chiffrement AES-256-GCM dont la clé n'existe que dans le lien, 10 Go par fichier, reprise automatique, expiration et mot de passe.
SearchIT : prise en main complète
Neuf, reconditionné et occasion : offres regroupées par produit, meilleur prix frais de port compris, liste d'achat optimisée multi-marchands, suivis et historique de prix.
SearchAPI : prise en main complète
Environ 2 000 API gratuites, freemium ou payantes dans 50+ catégories, filtrables par authentification, HTTPS et CORS. L'annuaire est lui-même une API JSON ouverte.
RSSDI-Web : prise en main complète
RSSDI-Web est un site statique multi‑pages qui présente le service RSSDI, relayant flux RSS, YouTube, Reddit et GitHub vers Discord. Il est généré localement avec Python et servi via Docker et nginx.
JARVIS : prise en main complète
Voix bidirectionnelle (Whisper + voix neurale française), LLM local GPU ou API, contrôle du bureau, routines, recherche web approfondie et HUD 3D. Sur Windows et Linux, en application ou en panneau web dans le navigateur, et en version web hébergée.
ForgeScoop : prise en main complète
Vidéos et playlists depuis YouTube, TikTok et 1 000+ sites, jusqu'en 4K/8K : sous-titres, découpe d'extraits, renommage IA. Application Windows et Linux, version web sur invitation.
ForgePDF : prise en main complète
Équivalent d'Acrobat Pro / PDF24 : un moteur Rust partagé entre l'application de bureau (Windows, Linux, macOS, portable) et la version web.
ForgeChat : prise en main complète
Serveurs, salons, threads, rôles, voix et invitations. Backend Rust/Axum, application web et application de bureau, permissions durcies et rapport d'erreurs automatique.
ForgeChat Mobile (Android) : prise en main complète
Application native Android pour discuter en temps réel et passer des appels audio/vidéo. Elle se connecte au même serveur que les versions web et desktop de ForgeChat.
Forge Audio : prise en main complète
Façon Spotify, alimenté par YouTube, SoundCloud, Dailymotion, Bandcamp et 1 000+ sites : paroles synchronisées, vidéo, égaliseur, playlists synchronisées, activité des amis et Blend.
EnginePC : prise en main complète
La meilleure configuration selon l'usage et le budget — PC fixe, portable, serveur, NAS — avec moteur de compatibilité complet, FPS estimés, exports et devis imprimable.
Discord dans le navigateur, sans rien installer
Utiliser Discord depuis un navigateur web (PC du travail, ordinateur emprunté), se connecter par code QR depuis son téléphone, et bien se déconnecter après.