Développer des extensions Google Chrome avec JS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Développer des extensions Google Chrome avec JS

Anthony Cardinale
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Introduction, découverte et préparation de notre environnement de travail
09m32s
Leçon 2Le fichier manifest.json et sa structure
07m08s
Leçon 3Ajouter votre icône à l'extension et créer votre première popup
09m45s
Leçon 4Mettre en place du CSS dans votre extension chrome
09m47s
Leçon 5Paramétrer un raccourci clavier pour déclencher votre extension
05m26s
Leçon 6Utiliser du javascript pour développer des fonctionnalités plus poussées
07m17s
Leçon 7Afficher et configurer un badge pour votre module chrome
06m55s
Leçon 8Sauvegarder et charger des données sur le disque (storage) et persistance
07m10s
Leçon 9Injecter du code sur une page et utiliser Google Analytics
10m
Leçon 10Créer un menu contextuel pour votre extension
13m10s
Leçon 11Créer une extension de capture d'écran
23m
Leçon 12Créer une extension météo : Préparation des fichiers
06m52s
Leçon 13Créer une extension météo : Design du module et récupération du JSON via API web
18m49s
Leçon 14Utiliser les données du JSON pour injecter le contenu réel sur la vue
17m25s

Aperçus

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.

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données