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 !
Table des matières de cette formation JavaScript, HTML (durée : 2h32m)
-
- Introduction, découverte et préparation de notre environnement de travail 00:09:32
- Le fichier manifest.json et sa structure 00:07:08
- Ajouter votre icône à l'extension et créer votre première popup 00:09:45
- Mettre en place du CSS dans votre extension chrome 00:09:47
- Paramétrer un raccourci clavier pour déclencher votre extension 00:05:26
- Utiliser du javascript pour développer des fonctionnalités plus poussées 00:07:17
- Afficher et configurer un badge pour votre module chrome 00:06:55
- Sauvegarder et charger des données sur le disque (storage) et persistance 00:07:10
- Injecter du code sur une page et utiliser Google Analytics 00:10:00
- Créer un menu contextuel pour votre extension 00:13:10
- Créer une extension de capture d'écran 00:23:00
- Créer une extension météo : Préparation des fichiers 00:06:52
- Créer une extension météo : Design du module et récupération du JSON via API web 00:18:49
- Utiliser les données du JSON pour injecter le contenu réel sur la vue 00:17:25
- Fichiers sourcestélécharger
- Certificat
Formateur : Anthony Cardinale
-
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.
