0Pricing
Browser Extensions Development (Chrome & Edge) icon

Browser Extensions Development (Chrome & Edge)

JAVASCRIPTWebFrontendScriptingBeginner

Maîtrisez l'art de créer des extensions de navigateur puissantes et interactives pour Chrome et Edge, des concepts fondamentaux aux stratégies avancées de distribution.

🤖 Alimenté par l'IA📚 12 cours👥 100 000+ apprenants⭐ Note 4,9
Présentation du Cours

Construisez de véritables extensions de navigateur pour Chrome et Edge

Les extensions de navigateur vous permettent de modifier des pages web, d'automatiser le comportement du navigateur, d'intercepter les requêtes réseau et de distribuer des outils personnalisés directement aux utilisateurs via le Chrome Web Store et la marketplace Edge Add-ons. Cette formation vous enseigne Manifest V3 — le format d'extension actuel et obligatoire — de votre premier manifest.json à la distribution cross-navigateur et la sécurité en production. Chaque concept s'appuie sur les APIs que Chrome et Edge exposent réellement aujourd'hui.

Ce que vous apprendrez

Vous apprendrez comment Manifest V3 structure les permissions, les service workers et les cycles de vie des composants. À partir de là, vous construisez une véritable interface utilisateur avec des popups et des pages d'options, vous injectez des content scripts qui lisent et réécrivent le DOM de la page, et vous vous intégrez aux surfaces de l'interface du navigateur comme les menus contextuels et l'omnibox. Sur le plan des données, vous maîtrisez la messagerie entre extensions, les APIs de stockage et declarativeNetRequest pour modifier les requêtes web sans permissions d'hôte larges. Vous couvrez également le contrôle programmatique du navigateur, le débogage et le profilage des performances, ainsi que les modèles de permissions avancés en mettant l'accent sur la sécurité. La formation se termine par des techniques de compatibilité cross-navigateur et l'intégration de frameworks JavaScript modernes dans votre pipeline de compilation d'extensions.

Le parcours d'apprentissage

Douze cours couvrent les niveaux A1 à C1. Le premier cours est gratuit et présente les fondamentaux de Manifest V3. Les cours A1–A2 établissent la structure du manifest et le modèle de permissions fondamental. Les cours B1 développent des compétences pratiques : construction d'interface utilisateur, injection de content scripts, intégration à l'interface du navigateur et publication sur le Chrome Web Store et la marketplace Edge. Les quatre cours B2 vont plus loin — messagerie et persistance des données, modification déclarative des requêtes réseau, automatisation du navigateur et débogage avec optimisation des performances. Les deux derniers cours C1 couvrent les permissions avancées, le durcissement de la sécurité et l'obtention d'une véritable compatibilité cross-navigateur aux côtés de l'utilisation de frameworks modernes.

Comment ça marche

Chaque cours est divisé en leçons courtes et pratiques que vous complétez dans l'éditeur intégré avec des retours en temps réel et un tuteur IA disponible quand vous êtes bloqué. Vous écrivez du véritable code d'extension — fichiers manifest, service workers d'arrière-plan, content scripts et pages d'options — donc chaque leçon produit quelque chose que vous pouvez charger directement dans Chrome ou Edge comme une extension fonctionnelle.

Commencer →

Comment Tu Vas Apprendre

🎯
Leçons Interactives
Exercices de codage pratiques avec retours en temps réel
🤖
Tuteur IA
Obtiens une aide instantanée de notre IA quand tu es bloqué
💻
Éditeur Intégré
Écris et exécute du code directement dans ton navigateur
🏆
Certificat
Obtiens un certificat en complétant le cours
Programme

12 Cours

Tous les cours du parcours d'apprentissage Browser Extensions Development (Chrome & Edge).

01

Introduction aux extensions de navigateur (bases de Manifest V3)

A14 leçons

Apprenez les fondamentaux des extensions de navigateur, leur architecture et leur interaction avec les pages web. Ce cours couvre les conce…

02

Manifest V3 : composants essentiels et autorisations

A24 leçonsPRO

Plongez dans Manifest V3, la dernière norme pour les extensions Chrome et Edge. Comprenez sa structure, ses autorisations et ses composants…

03

Créer des interfaces utilisateur : fenêtres contextuelles et pages d’options

B14 leçonsPRO

Concevez et implémentez des interfaces utilisateur pour vos extensions à l’aide de fenêtres contextuelles et de pages d’options. Apprenez à…

04

Scripts de contenu et interaction avec les pages web

B14 leçonsPRO

Découvrez les scripts de contenu pour interagir avec le contenu des pages web et le modifier. Maîtrisez les techniques de manipulation du D…

05

Intégration à l’interface du navigateur : menus contextuels et omnibox

B14 leçonsPRO

Améliorez l’expérience utilisateur en intégrant votre extension aux menus contextuels du navigateur et à l’omnibox (barre d’adresse). Appre…

06

Stratégies de publication et de distribution

B14 leçonsPRO

Préparez votre extension à sa publication sur Chrome Web Store et Edge Add-ons. Comprenez le processus de soumission, les règles d’évaluati…

07

Stratégies de messagerie et de persistance des données

B24 leçonsPRO

Apprenez à établir des canaux de communication robustes entre les différentes parties de votre extension et à conserver les données localem…

08

Modification des requêtes web avec `declarativeNetRequest`

B24 leçonsPRO

Maîtrisez l’API `chrome.declarativeNetRequest` pour bloquer, modifier ou rediriger efficacement et en toute sécurité les requêtes réseau. D…

09

Automatisation et contrôle programmatique du navigateur

B24 leçonsPRO

Développez des extensions qui automatisent les tâches du navigateur et interagissent de manière programmatique avec les pages web. Ce cours…

10

Débogage, tests et optimisation des performances

B24 leçonsPRO

Acquérez les compétences essentielles pour déboguer, tester et optimiser les performances de vos extensions de navigateur. Apprenez à utili…

11

Autorisations avancées et bonnes pratiques de sécurité

C14 leçonsPRO

Approfondissez les modèles avancés d’autorisations et les meilleures pratiques de sécurité pour le développement d’extensions de navigateur…

12

Compatibilité multiplateforme et frameworks avancés

C14 leçonsPRO

Apprenez à développer des extensions qui fonctionnent de manière transparente sur Chrome et Edge, et découvrez des frameworks populaires qu…

FAQ

Questions Fréquemment Posées

Le cours Browser Extensions Development (Chrome & Edge) est-il gratuit ?

Oui. Tu peux commencer le cours Browser Extensions Development (Chrome & Edge) gratuitement et compléter ses leçons interactives sans frais. Un abonnement PRO optionnel déverrouille des outils IA avancés et un certificat partageable.

Ai-je besoin d'expérience préalable pour apprendre JAVASCRIPT ?

Non. Le cours commence par les fondamentaux et progresse graduellement vers des sujets plus avancés, tu peux donc commencer même sans expérience préalable en JAVASCRIPT.

Comment vais-je apprendre JAVASCRIPT sur CoddyKit ?

Tu apprends en faisant. Des leçons interactives courtes associent une explication claire avec un exercice de codage pratique qui s'exécute en temps réel, et un tuteur IA disponible 24h/24 offre une aide personnalisée dès que tu es bloqué.

Puis-je obtenir un certificat en complétant Browser Extensions Development (Chrome & Edge) ?

Oui. Les apprenants PRO peuvent passer un examen et obtenir un certificat de réussite partageable avec un code vérifiable pour le cours Browser Extensions Development (Chrome & Edge).

Puis-je apprendre JAVASCRIPT sur mon téléphone ?

Oui. CoddyKit est disponible sur le web et sous forme d'applications iOS et Android natives, tu peux donc apprendre JAVASCRIPT sur n'importe quel appareil et ta progression se synchronise entre eux.

Commencez Browser Extensions Development (Chrome & Edge) Maintenant

Rejoignez des milliers d'apprenants maîtrisant la programmation avec des cours alimentés par l'IA.

Commencer Gratuitement →Parcourir Tous les Cours