Développer des extensions Google Chrome avec JS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
2h32
de formation
14
leçons vidéo
1
chapitre
Débutant
niveau requis
Anthony Cardinale
Anthony Cardinale
Formateur

Développer des extensions Google Chrome avec JS

Promo -50%
4.8/5 Trustpilot (1388 avis) Satisfait ou remboursé
2h32
de formation
14
leçons vidéo
1
chapitre

Vous souhaitez vous lancer dans le développement d'extensions pour navigateurs ? Parfait, vous êtes au bon endroit !
J'ai créé ce cours en ligne qui vous permettra d'être rapidement opérationnel dans la création d'extensions pour Google Chrome (et pour les autres navigateurs basés sur Chromium comme par exemple Brave Browser).

Pour suivre ce tuto, il vous faudra des connaissances de base en développement avec HTML et Javascript. 
Le but de ce cours est simple : vous apprendre à créer vos extensions pour Google Chrome.

Dans ce tuto Développer des extensions Google Chrome avec JS

En quelques lignes, voici ce que nous allons découvrir :

  • Les notions fondamentales du développement d'extensions pour Chrome,
  • La structure de base d'une extension,
  • Utiliser l'API de Chrome pour intégrer de nombreuses fonctionnalités,
  • Apprendre par la pratique,
  • Développer des exemples concrets,
  • Utiliser HTML, CSS et Javascript au mieux pour coder nos extensions
  • ...

En quelques heures, vous serez parfaitement à l'aise dans la création d'extensions pour navigateurs.
Après avoir suivi cette formation, vous aurez créé vos premières extensions et vous aurez les connaissances qui vous permettront de vous lancer sur n'importe quel type d'extension.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Rejoignez mon cours et lancez vous dans la création d'extensions dès aujourd'hui !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Introduction, découverte et préparation de notre environnement de travail
Leçon 2
Le fichier manifest.json et sa structure
Leçon 3
Ajouter votre icône à l'extension et créer votre première popup
Leçon 4
Mettre en place du CSS dans votre extension chrome
Leçon 5
Paramétrer un raccourci clavier pour déclencher votre extension
Leçon 6
Utiliser du javascript pour développer des fonctionnalités plus poussées
Leçon 7
Afficher et configurer un badge pour votre module chrome

Table des matières

Leçon 1

Introduction, découverte et préparation de notre environnement de travail

09m32
Leçon 2

Le fichier manifest.json et sa structure

07m08
Leçon 3

Ajouter votre icône à l'extension et créer votre première popup

09m45
Leçon 4

Mettre en place du CSS dans votre extension chrome

09m47
Leçon 5

Paramétrer un raccourci clavier pour déclencher votre extension

05m26
Leçon 6

Utiliser du javascript pour développer des fonctionnalités plus poussées

07m17
Leçon 7

Afficher et configurer un badge pour votre module chrome

06m55
Leçon 8

Sauvegarder et charger des données sur le disque (storage) et persistance

07m10
Leçon 9

Injecter du code sur une page et utiliser Google Analytics

10m
Leçon 10

Créer un menu contextuel pour votre extension

13m10
Leçon 11

Créer une extension de capture d'écran

23m
Leçon 12

Créer une extension météo : Préparation des fichiers

06m52
Leçon 13

Créer une extension météo : Design du module et récupération du JSON via API web

18m49
Leçon 14

Utiliser les données du JSON pour injecter le contenu réel sur la vue

17m25

Aperçus

Avis des apprenants

Détail des avis
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Christophe
Christophe
Publié le 27/04/2024
Le tuto est bien construit et m'a permis d'acquérir les bases pour développer une extension Chrome. Les explications sont claires, il faut toutefois avoir les bases en html, css et javascript pour suivre le cours sereinement. Merci !

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le fichier source contient le code source de toutes les extensions développées dans le tutoriel.

Les extensions développées sont elles compatibles avec les autres navigateurs ?

Oui, les extensions créées sont compatibles avec tous les navigateurs basés sur Chromium et qui acceptent les extensions.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€ 4,50€
Promo -50%
Paiement unique, sans abonnement
Accès à vie à cette formation
2h32 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 767 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données