Javascript : coder une extension web
3.6 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
30 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Javascript : coder une extension web to your Wishlist.

Add to Wishlist

Javascript : coder une extension web

Créer et publier un module pour Chrome, Firefox... ça vous dit ?
3.6 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
30 students enrolled
Last updated 3/2017
French
Price: $30
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 2 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Créer une extension pour le web solide et structurée.
  • L'intégrer dans n'importe quel navigateur.
  • La rendre accessible au monde entier.
View Curriculum
Requirements
  • Dans l'idéal, une connaissance minimale du langage Javascript est bienvenue.
  • Un débutant n'aura pas de mal à suivre ce tutoriel car le moindre code est expliqué.
Description

Vous connaissez Adblock Plus, le bloqueur de publicités ? Maiveloppe, ça vous dit quelque chose ? C'est une extension web qui permet de crypter les emails. Vous avez encore RESTClient qui sert à tester les api REST et je pourrais vous faire une liste de milliers d'autres exemples d'utilités toutes aussi diverses !

Vous savez : ces "petites bêtes" qu'on ajoute ou désinstalle à volonté pour étendre les possibilités de notre navigateur.

Hé bien, dans ce tutoriel je vous propose de coder une extension à partir de zéro. Au terme de cette formation, vous serez capable de concevoir votre propre module de qualité professionnelle. Vous pourrez ainsi inviter vos amis, votre famille et pourquoi pas le reste du monde, via le play store, à l'intégrer dans leur navigateur.

Nous verrons ici :

  • Comment est structuré un projet d'extension,
  • L'importance du manifeste et comment l'écrire,
  • La création d'un premier projet pour s'immerger dans la conception d'une extension basique,
  • Comment tester notre projet en l'intégrant dans le navigateur avant de décider sa publication,
  • Comment packager et publier une extension pour la rendre accessible à tous

Et pour aller plus loin encore, je vous propose un exercice supplémentaire commenté pas à pas. Ce TP sera l'occasion de consolider les connaissances acquises par notre premier projet, de comprendre davantage la mécanique d'une extension et de structurer son projet de façon efficace.

Vous êtes motivé ? Alors, je vous attends !

Who is the target audience?
  • Débutants en programmation / développement web.
  • Développeurs désireux d'ajouter une corde à leur arc.
  • Tous ceux qui souhaitent ajouter un outil personnalisé à leur navigateur.
Compare to Other JavaScript Courses
Curriculum For This Course
23 Lectures
01:38:52
+
Préliminaires
4 Lectures 06:34

Initialisation du projet
01:26

Aparté 1 : extension de fichier
02:51

Aparté 2 : JSON
01:04

Quiz 1
5 questions
+
Entrons dans le vif du sujet !
4 Lectures 13:47
Le manifeste
06:29

Aparté 3 : version
01:58

Finalisation de l'arborescence et rôle du manifest
03:13

Le javascript au cœur du projet
02:07

Manifestez !
1 question

Exercice pratique JavaScript
1 question
+
C'est l'heure des tests !
3 Lectures 11:47
Premier test et débuggage
02:49

Bonus : animation d'un élément de la page cible
07:07

Test sur Chrome
01:51
+
Publication
1 Lecture 02:35
+
TP : Création d'un projet complexe
10 Lectures 01:03:25


Le "background code"
01:29

Création de la popup
13:51

Les 3 types de code JS d'une extension web
02:50

Bonus : Intégrer un raccourci clavier
03:53

Gestion de la persistance d'états du bouton
07:11

Objectif de l'extension : code brut
04:02

L'API Chrome Platform
05:53

Gestion du "broadcast"
11:27
+
Conclusion
1 Lecture 00:44
Conclusion
00:44
About the Instructor
DWAPS Formation Michael Cornillon
3.7 Average rating
34 Reviews
432 Students
3 Courses
Développeur / Formateur web et mobile

Bonjour à tous !

Je m'appelle Michael, j'habite à Tornac dans le Gard avec ma femme et mes deux filles. Je suis freelance pour DWAPS Formation à Anduze (une entreprise que j'ai lancé il y a plus d'un an à la suite de ma certification comme développeur d'applications pour mobiles).

Je suis passionné par les nouvelles technologies du web et me régale à les enseigner.

Si vous aussi vous aimez apprendre et aller toujours plus loin, rejoignez-moi !

Michael