Ce site propose des fiches simples et structurées pour comprendre l'intelligence artificielle, les langages de programmation, l'hébergement, le nom de domaine et les étapes pour mettre en ligne un site.
Histoire d'Internet
Internet ne s'est pas construit en un jour. De l'ARPANET militaire aux agents IA, voici les grandes étapes de cette révolution en moins de 60 ans.
Fiche IA
IA signifie intelligence artificielle. C'est un ensemble de techniques qui permettent à une machine d'imiter certaines capacités humaines comme apprendre, reconnaître, analyser ou répondre.
À quoi sert l'IA ?
- Répondre à des questions
- Reconnaître des images ou des visages
- Traduire des textes
- Aider à la médecine, aux transports et à l'éducation
- Automatiser certaines tâches
Exemples d'utilisation
| Domaine | Utilisation de l'IA |
|---|---|
| École | Aide aux devoirs, exercices interactifs |
| Santé | Aide au diagnostic médical |
| Transports | Voitures autonomes, navigation |
| Internet | Chatbots, recommandations de vidéos ou produits |
Top 10 des entreprises d'IA
Ce tableau présente une vue d'ensemble simple de grandes entreprises d'intelligence artificielle, de leurs modèles principaux, de leurs points forts et de certaines limites.
| Entreprise | Pays | Modèle / assistant | Spécialité | Limites |
|---|---|---|---|---|
| OpenAI | États-Unis | ChatGPT / GPT | Polyvalence, code, outils | Peut varier selon le modèle choisi, avec des limites d'usage et des changements possibles dans ChatGPT. |
| Anthropic | États-Unis | Claude | Rédaction, analyse, raisonnement | Souvent perçu comme plus prudent ou plus restrictif sur certains sujets sensibles. |
| Google DeepMind | États-Unis / Royaume-Uni | Gemini | Multimodal, intégration Google | Les limites dépendent encore beaucoup des versions et de l'écosystème Google. |
| Meta | États-Unis | Llama / Meta AI | Modèles ouverts, diffusion large | Demande souvent plus d'intégration, de réglages et de garde-fous. |
| xAI | États-Unis | Grok | Actualité, ton direct, X | Très lié à l'écosystème X/xAI, avec un style parfois plus marqué que neutre. |
| Mistral AI | France | Mistral / Le Chat | Efficacité, ouverture, Europe | Écosystème plus petit que celui des grands groupes américains. |
| Microsoft | États-Unis | Copilot / Phi | Productivité, entreprise, petits modèles | Très fort en usage pro, mais pas toujours la puissance brute des plus gros modèles. |
| Amazon | États-Unis | Nova / Alexa+ | Cloud, entreprise, coût/performance | Très orienté AWS/Bedrock et usages entreprise. |
| Cohere | Canada | Command | IA d'entreprise, sécurité, RAG | Moins visible côté grand public. |
| DeepSeek | Chine | DeepSeek | Raisonnement, code, rapport performance/prix | Questions fréquentes sur la gouvernance, la confidentialité et le cadre réglementaire. |
Langages de programmation par domaine
Les langages de programmation classés par domaine d'utilisation, du Web aux systèmes en passant par le mobile et les jeux vidéo.
| Domaine | Langage | Rôle | Exemple |
|---|---|---|---|
| Web front-end | HTML | Structure du contenu | Titres, textes, images |
| CSS | Mise en forme visuelle | Couleurs, polices, mise en page | |
| JavaScript | Interactivité côté client | Boutons, animations, formulaires | |
| Web back-end | JavaScript (Node.js) | Back-end JS | APIs, temps réel |
| Python | Serveur, automatisation, IA | Django, Flask, FastAPI | |
| PHP | Sites dynamiques | WordPress, espaces membres | |
| Java | Applications d'entreprise | Spring, back-end bancaire | |
| Go | APIs performantes | Docker, microservices | |
| SQL | Bases de données | PostgreSQL, MySQL | |
| Mobile | Swift | Applications Apple natives | iPhone, iPad |
| Kotlin | Applications Android | Remplace Java sur Android | |
| JavaScript (React Native) | iOS + Android | Facebook, Instagram | |
| Systèmes | C | Systèmes d'exploitation | Linux, microcontrôleurs |
| C++ | Performance maximale | Moteurs de rendu | |
| Rust | Performance + sécurité mémoire | WebAssembly, embarqué | |
| Jeux vidéo | C# | Moteur Unity | Jeux indie |
| C++ | Moteur Unreal | Fortnite, Call of Duty | |
| JavaScript | Jeux navigateur | Phaser, WebGL |
Glossaire
Aucun résultat trouvé.
Les termes essentiels du développement web, regroupés par thème.
Structure de page
- nav
- Barre de navigation, généralement en haut de page, contenant les liens vers les sections.
- navbar
- Même chose, désigne spécifiquement le conteneur HTML/CSS de cette barre.
- hero
- Première section visible de la page, souvent plein écran, avec titre et CTA.
- footer
- Pied de page (informations légales, liens secondaires, copyright).
- header
- En-tête de page, contient souvent la navbar.
- main
- Zone de contenu principal, entre header et footer.
- section
- Bloc thématique de la page (fromages, contact, à propos…).
- sidebar
- Colonne latérale fixe, souvent pour navigation ou filtres.
Composants
- burger
- Icône ☰ (trois traits) qui ouvre le menu sur mobile.
- CTA
- Call To Action — bouton d'appel à l'action ("Commander", "Réserver"…).
- card
- Bloc visuel autonome présentant un élément (produit, article, fromage…).
- modal
- Fenêtre superposée au contenu, doit être fermée pour continuer.
- banner
- Bandeau horizontal, souvent en haut ou en bas (ex : bandeau RGPD).
- tooltip
- Bulle d'info apparaissant au survol d'un élément.
- breadcrumb
- Fil d'Ariane indiquant la position dans la hiérarchie de la page.
- accordion
- Bloc repliable/dépliable au clic (FAQ, détails…).
- carousel / slider
- Défilement horizontal d'éléments (photos, produits).
- dropdown
- Menu déroulant apparaissant au clic ou au survol.
Mise en page
- grid
- Disposition en grille (colonnes × lignes).
- flex / flexbox
- Disposition linéaire flexible (une direction : ligne ou colonne).
- padding
- Espace intérieur entre le contenu et le bord du bloc.
- margin
- Espace extérieur entre deux blocs.
- gap
- Espace entre les éléments d'une grille ou d'un flex.
- breakpoint
- Seuil de largeur d'écran déclenchant un changement de mise en page.
- responsive
- Site qui s'adapte à toutes les tailles d'écran.
- viewport
- Zone visible de la page dans le navigateur.
Typographie & couleurs
- eyebrow
- Petit texte en majuscules au-dessus d'un titre (ex : "La fromagerie").
- serif
- Police à empattements (Garamond, Times…).
- sans-serif
- Police sans empattements (DM Sans, Helvetica…).
- font-weight
- Graisse de la police (300 = light, 400 = normal, 700 = bold).
- CSS variable
- Valeur réutilisable dans le CSS (ex :
--blue,--cream). - opacity
- Niveau de transparence d'un élément (0 = invisible, 1 = plein).
Performance & SEO
- meta
- Balises invisibles dans le
<head>(description, titre pour Google…). - og:image
- Image affichée lors d'un partage sur les réseaux sociaux.
- canonical
- Indique à Google quelle est la version de référence d'une page.
- lazy loading
- Chargement différé des images (uniquement quand elles arrivent à l'écran).
- RGPD / cookie banner
- Bandeau de consentement aux cookies, obligatoire en Europe.
Mettre en ligne un site
Mettre un site en ligne peut sembler technique, mais avec une méthode simple, cela reste facile à comprendre.
| Étape | Explication |
|---|---|
| 1. Concevoir | Réfléchir au sujet, au contenu et à l'apparence du site. |
| 2. Créer | Coder le site avec HTML, CSS et parfois JavaScript. |
| 3. Tester | Vérifier que le site fonctionne bien sur ordinateur et téléphone. |
| 4. Héberger | Choisir un service qui met les fichiers du site sur Internet. |
| 5. Publier | Envoyer les fichiers du site sur l'hébergement pour obtenir un lien en ligne. |
| 6. Nom de domaine | Ajouter une adresse comme monsite.fr ou monsite.com si besoin. |
| Point important | Résumé |
|---|---|
| Coût | La mise en ligne peut être gratuite ou payante selon le service choisi. |
| Juridique | Il faut faire attention au contenu publié, au respect des droits et au nom choisi. |
| Projet simple | Le plus simple est de commencer par un hébergement gratuit pour tester. |
Fiche hébergement
L'hébergement permet de stocker les fichiers du site sur Internet pour qu'il soit accessible en ligne.
| Point | Explication |
|---|---|
| Gratuit ou payant | Un hébergement peut être gratuit pour tester, ou payant pour un projet plus sérieux. |
| Utilité | Il sert à publier le fichier HTML, le CSS et le JavaScript sur un serveur. |
| Avantage du gratuit | Pratique pour apprendre, tester et publier un petit site simple. |
| Vigilance | Il faut vérifier la fiabilité, les limites, la sécurité et les conditions d'utilisation. |
| Exemples | Netlify, GitHub Pages, Vercel, OVH |
Classement synthétique des hébergeurs / clouds
Ce second tableau présente quelques grands acteurs du cloud et de l'hébergement, avec des exemples d'entreprises utilisatrices et leurs secteurs dominants.
| Rang | Hébergeur / Cloud | Nombre d'utilisateurs (sur 15) | Sociétés emblématiques | Secteurs dominants |
|---|---|---|---|---|
| 1 | AWS (Amazon) | 13 | Apple, Nvidia, Amazon, L'Oréal, LVMH, Hermès, TotalEnergies, Meta, Tesla, Eli Lilly, Broadcom, Airbus, Sanofi | Tech, Luxe, Énergie, Santé, Industrie |
| 2 | Microsoft Azure | 10 | Microsoft, Apple, TotalEnergies, Schneider Electric, Meta, Tesla, Eli Lilly, Broadcom, Airbus, Safran, Air Liquide | Tech, Industrie, Santé, Aéronautique |
| 3 | Google Cloud | 5 | Alphabet, Apple, L'Oréal, Nvidia, Hermès | Tech, Luxe, Internet |
| 4 | Data centers internes | 8 | Nvidia, Microsoft, Alphabet, Amazon, Tesla, TotalEnergies, Safran, Air Liquide | Tech, Énergie, Industrie, Santé |
| 5 | OVHcloud | 3 | L'Oréal, Schneider Electric, Airbus | Luxe, Industrie (Europe) |
| 6 | Akamai / Fastly | 4 | Apple, Alphabet, Amazon, Meta | CDN, Livraison de contenu |
Fiche nom de domaine
Le nom de domaine est l'adresse du site sur Internet. C'est ce que les visiteurs tapent dans leur navigateur.
| Point | Explication |
|---|---|
| Utilité | Il permet d'avoir une adresse simple comme monsite.fr ou monsite.com. |
| Gratuit ou payant | Le nom de domaine est le plus souvent payant, avec un renouvellement régulier. |
| Extensions | .com, .fr, .net, .org, .io sont des exemples d'extensions possibles. |
| Vigilance | Il faut vérifier la disponibilité du nom, le prix, le renouvellement et le propriétaire du domaine. |
| Juridique | Il faut éviter de choisir un nom déjà utilisé par une marque ou trop proche d'un nom protégé. |
Anatomie d'un résultat Google
Cybersécurité et limites du système éducatif
La cybersécurité est l'un des rares domaines où les meilleurs professionnels ne viennent pas des meilleures écoles — parce que les meilleures écoles n'existaient pas encore quand ils ont appris.
Un domaine plus jeune que ses experts
Le Web grand public existe depuis 1991, soit un peu plus de 30 ans. La cybersécurité comme discipline professionnelle en a environ 20. Les premiers cursus universitaires sérieux en sécurité informatique n'ont émergé qu'à partir de 2005-2010 — soit après que la première génération d'experts avait déjà façonné le domaine.
Ce que les formations traditionnelles ne couvrent pas
| Ce qu'on enseigne | Ce dont le terrain a besoin |
|---|---|
| Théorie des algorithmes | Reverse engineering de malwares réels |
| Sécurité réseau classique | Attaques sur les LLMs et agents IA |
| Cryptographie académique | Exploitation de failles zero-day |
| Conformité et normes ISO | Pensée adversariale et red teaming |
| Mises à jour tous les 4 ans | Nouvelles techniques chaque semaine |
Les voies alternatives légitimes
- CTF (Capture The Flag) — compétitions internationales de hacking éthique. picoCTF, HackTheBox, Root-Me. La meilleure école pratique qui existe.
- Bug bounty — programmes officiels de Google, Apple, Microsoft qui rémunèrent ceux qui trouvent leurs failles. Certains gagnent plus de 500 000 € par an.
- Certifications professionnelles — OSCP (offensive), CEH, CISSP. Reconnues par l'industrie, accessibles sans diplôme universitaire.
- Communautés open source — OWASP, CVE, GitHub. La connaissance circule librement.
Le cadre réglementaire qui évolue
L'Union Européenne a publié en 2024 l'AI Act — le premier règlement mondial sur l'intelligence artificielle. Il classe les systèmes IA par niveau de risque et impose des obligations aux entreprises. Les experts en sécurité IA sont désormais une nécessité réglementaire, pas seulement technique.
Les domaines de la cybersécurité
La cybersécurité ne se résume pas à une seule discipline. Voici les grands domaines qui structurent le métier.
| Domaine | Description |
|---|---|
| Sécurité offensive | Tester les systèmes en simulant de vraies attaques pour identifier les failles avant qu'un attaquant réel ne les exploite. |
| Sécurité défensive | Surveiller les systèmes en temps réel pour détecter, bloquer et répondre aux incidents de sécurité. |
| Sécurité des réseaux | Protéger les flux de données et les infrastructures physiques contre les intrusions et les écoutes. |
| Cryptographie | Chiffrer les données pour qu'elles soient illisibles sans la clé, même en cas d'interception. |
| Sécurité applicative | Identifier et corriger les failles dans le code des logiciels avant leur mise en production. |
| Sécurité des IA et LLMs | Protéger les modèles d'intelligence artificielle contre les manipulations, injections et détournements. |
| Forensics et investigation | Analyser un système après une attaque pour reconstituer les événements et collecter des preuves numériques. |
| Social engineering | Comprendre et contrer la manipulation humaine, premier vecteur d'attaque dans 80 % des incidents réels. |
| Sécurité physique | Protéger l'accès aux équipements et infrastructures, car une intrusion physique peut contourner toutes les défenses logicielles. |
Codes divers
Profils autodidactes — aussi utiles que dangereux
Les plus grands experts en cybersécurité ont un point commun : ils ont appris en testant les limites bien avant que des formations existent pour leur enseigner comment faire.
Considéré comme le hacker le plus recherché de l'histoire américaine. Autodidacte pur, il a pénétré les systèmes de Nokia, Motorola, Pacific Bell dès l'adolescence. Arrêté par le FBI en 1995, condamné à 5 ans de prison. À sa sortie, il est devenu consultant en sécurité pour les gouvernements et les entreprises qu'il avait hackés. Son livre The Art of Intrusion est une référence mondiale.
Cryptographe, chercheur en sécurité et auteur. Aucune formation spécialisée en cybersécurité — elle n'existait pas quand il a commencé. Il a appris en pratiquant, en lisant, en cassant des systèmes et en documentant ses découvertes. Auteur de Applied Cryptography, il est aujourd'hui l'une des voix les plus écoutées sur la politique de sécurité mondiale.
Ancien analyste à la NSA, il a été le premier à hacker publiquement un iPhone lors de la conférence CanSecWest. Il a démontré qu'il pouvait prendre le contrôle à distance d'une Jeep Cherokee en mouvement — forçant Fiat Chrysler à rappeler 1,4 million de véhicules. Aujourd'hui consultant pour les constructeurs automobiles sur la sécurité des véhicules connectés.
L'unité de renseignement électronique de l'armée israélienne identifie les talents en cybersécurité dès le lycée — parfois via des puzzles cryptographiques publiés anonymement. Les anciens de l'Unité 8200 ont fondé des dizaines de startups de cybersécurité mondiales (CheckPoint, CyberArk, Wiz). C'est l'exemple le plus abouti d'un État qui recrute et forme ses propres autodidactes.
Plusieurs agences gouvernementales utilisent des honeypots — des systèmes délibérément vulnérables conçus pour attirer et identifier les attaquants. Quand quelqu'un réussit à pénétrer le système, au lieu de le poursuivre, on l'approche pour lui proposer un travail. La logique est simple : quelqu'un capable de contourner vos défenses comprend vos failles mieux que n'importe quel consultant.
La frontière éthique
Tous ces profils ont un point commun : ils ont opéré dans une zone grise avant que des cadres légaux existent. Aujourd'hui cette zone est mieux délimitée.
| Chercheur légitime | Attaquant illégal |
|---|---|
| Teste ses propres systèmes | Cible des systèmes tiers sans autorisation |
| Divulgation responsable des failles | Exploitation ou revente des failles |
| Participation aux bug bounty officiels | Accès non autorisé même "pour tester" |
| CTF et environnements de test | Systèmes gouvernementaux ou critiques |