Bonjour,

Donc voila, je me lance dans la création d'un big-tuto sur la création d'extension Firefox

Ce tutoriel s'appuiera sur les bases Javascript (donc requises), et un minimum en HTML (c'est du XUL, un adaptation de XML, donc le HTML aide) et CSS (si on veux mettre du style dans son extension ).

Avec ce (futur) tuto, vous pourrez (ou en tout cas devrez pourvoir) créer votre propre extension, modifier un peu le positionnement des boutons (peut-être que je ferai une partie sur la création de thème, je verrai )...
Oui, je sais, ces deux paragraphes sont juste copiés-collés de mon ancien post, mais bon )

La beta-on du tuto se trouve ici.
Donc, voici mon plan de tuto (enfin, là, c'est que le début ) :

Mon Plan :

PARTIE 1: LES BASES

(Chapitre 1 : ) Une extension Firefox, pourquoi ? (et prérequis) (fait)

• (sous-partie 1 : ) Une extension Firefox, pourquoi ? (fait)
• Le XUL, un langage de description (fait)
• Et du javascript (fait)
• Et la doc ? (fait)

Préparer l'environnement, et installer son module (fait)

• Préparer arborescence des dossier (fait)
• Les fichiers nécessaires (fait)
• Insérer à Firefox (Fait )

Faire son module (fait)

(le plan de ce chapitre a été modifié)

• Installer un bouton (fait)
• Ajouter un peu de JavaScript (fait)
• Et tester notre extension (fait)
• Quelques améliorations en plus ? (fait)

Des éléments en xul (en cours)

• Interagir avec l’utilisateur (fait)
• Éléments graphiques (en cours)
• ...

Fichiers complémentaires au XUL

• Local : vous voulez en quelle langue ?
• prefs.js ou comment enregistrer des préférences

Des outils pratiques

• Le DOM Inspector
• Euh... je verrai plus tard
• idem

ANALYSE d'une extension

???

• Liste de liens vers des références et documentations

ANNEXES

Les propriétés du manifest d'installation

• je verrai plus tard

???

• Liste de liens vers des références et documentations

(en secret ci-dessous, c'est le 1er message auquel les 1eres réponses répondent )


J'accepte les commentaires (normal ), vos avis, si vous avez des conseils, etc.

Super idée, je le lirai c'est promis !

Ok, merci,
bon, je me lance dans sa construction .

Là, j'ai déjà écrit l'introduction .
J’espère qu'il va être à la hauteur de ce que vous pouvez attendre... (et que j'aurai le courage de l'écrire entier ).

PS : merci, ça fait toujours plaisir et ça motive de savoir que quelqu'un est intéressé .

Je serais également <math>\(\mathrm{tr\grave{e}s}^{+\infty}\)</math> intéressé par ce tuto !

Je up (j'ai édité mon 1er message et j'ai commencé le tuto )

Edit : je l'ai passé en bêta-test (il n'y a que le 1er chapitre, pour l'instant) : c'est ici .

Très très bonne idée ! J'allais m'y mettre. Si tu as besoin d'aide, n'hésite pas !

Ok, merci

Pour ton chapitre outils, parle de ça !
Sinon, je te conseille de ne pas faire trop complexe au début, parle plutôt de l'assistant en ligne, et commence directement avec ça.

J'attends avec impatience la suite !!!
Depuis le temps que je cherche à faire cela...
Continue et n'abandonne pas !

Ouep, intéressant!

C'est souvent qu'on se dit "tiens j'aimerais une extension qui fasse ceci ou cela", et parfois même on se dit qu'il faudrait l'écrire soi-même.

Donc oui, ça peut valoir le coup d'apprendre.

Bon projet de tutoriel. Je pense que beaucoup aimerais savoir réaliser une extension pour Firefox.
Je te souhaite bonne chance

excellente idée de tuto

au passage, peut-être faudrait-il aussi parler de jetpack, qui peut faciliter la tâche pour les petites extensions
https://jetpack.mozillalabs.com/

Citation : gorgonite

excellente idée de tuto

au passage, peut-être faudrait-il aussi parler de jetpack, qui peut faciliter la tâche pour les petites extensions
https://jetpack.mozillalabs.com/

Intéressant! Tu l'as essayé?

Citation : cstef

Citation : gorgonite

excellente idée de tuto

au passage, peut-être faudrait-il aussi parler de jetpack, qui peut faciliter la tâche pour les petites extensions
https://jetpack.mozillalabs.com/

Intéressant! Tu l'as essayé?

lors de sa sortie beta oui, tout comme les différentes façons de concevoir et empaqueter les extensions firefox depuis la version 0.9 à la 3.0, j'ai un peu lâché tout cela... trop de petits changements assez chiants



Au passage, à une époque on avait commencé une FAQ à ce sujet sous licence CC
http://xml.developpez.com/xul/faq/?filtre=OOOO

si jamais tu t'orientes aussi sur cette licence, tu auras peut-être certains éléments à y piocher

Ok, merci pour le lien.

Pour la FAQ, aussi sa va surement être pratique et pour jetpack, il fait quoi ?
Si c'est juste pour compiler, au début, on fera sans car pour le début du tuto, nous n'aurons pas besoin de compiler l'extension, elle pourra être testée sans compilation

PS : là, sa avance pas trop car je suis assez occupé, mais le tuto ne tombe pas à l'eau

à l'époque JetPack était fourni sous la forme d'une extension apportait des facilités de développement (JQuery entre autres) et une façon de créer des extensions sans passer par XUL et son obligation de redémarrer le naviagateur... mais en contrepartie les extensions étaient plus rudimentaires

D'accord, d'accord je vois...

Je sais ça fais longtemps que j'ai pas donner de nouvelles, et bah j'en donne : donc là sa a pas trop avancé, par manque de temps (avec le brevet et tout, c'est assez chaud ). Donc normalement, j'avancerai bien pendant les grandes vacances, donc voilà, je vous rassure, le tuto n'est pas tombé à l'eau .

Pour tous ce qui est outils, je sais pas trop si je les présenterai dès le début, car je ne les utilise pas vraiment, donc je ne les connais pas (bah oui, je fait sans ) (sauf pour le DOM inspector...)
Je parle des outils comme JetPack (conseillé par gorgonite) et de l'Extension Developer's Extension (conseillé par dkey), ce sont sûrement des outils très intéressants, donc pour chacune des personnes qui m'ont conseillé un outil, je veux bien un petit truc si "à quoi il sert" et "comment l'utiliser" (bien sûr, si vous ne voulez pas, je devrai pouvoir faire sans ).


Et aussi à votre avis, pour le 1er TP la 1ere extension, je met un truc comme un bouton qui, au clic, affiche "Salut tout le monde !" (ou un truc comme ça, ou je fais un truc un peu plus évolué ?

Un seul bouton ? Je verrais plutôt ça dans les premiers chapitres, ou bien en mini-TP, mais un TP complet pour faire un bouton serait bien frustrant... Tu devrais commencer par donner quelques bases (mais pas trop basiques ) avant de mettre en pratique...

Oui, non, effectivement, le terme de TP n'est pas trop approprié à ce que je voulais dire , c'est effectivement dans les premiers chapitres (chapitre 3) qui servira surtout à montrer sur quel principe fonctionne une extension.
Cette mini-extension sera la première réalisée dans le tuto (donc pas trop compliquée ), mais elle servira plutôt à assimiler la fonction de chaque fichier dans l'extension.

Donc voilà
j’espère que je me suis exprimé assez clairement

Très bonne initiative ce tuto, ça me sera très utile !
Bonne chance !! Et surtout bon courage

Si tu le termines, tu auras un lecteur de plus, promis !

Ca serait super intéressant, oui, je cherche un tuto depuis longtemps, ils sont tous en anglais et le fait de ne pas comprendre un morceau de phrase casse tout

continue comme ça

Je suis également très intéressé par un tel tuto !

Petite avancée du tuto
Cela va maintenant jusqu'à l'affichage du premier bouton dans Firefox (bouton, pour l'instant inactif ^^) et sa mise en fonctionnement.

Rappel : vous pouvez voir (enfin, il me semble) le tuto ici.

Up

Les trois premiers chapitres sont désormais finis ;p

(des avis ?)

Salut,

Je viens de me mettre à la lecture de ton tutoriel qui me paraît très bien (en même temps je n’ai encore lu que le chapitre théorique )… Tu demandes la manipulation pour afficher les extensions des fichiers sous divers OS dont Windows XP. Étant actuellement sur cet OS, je peux te la fournir :

Menu Démarrer
> Panneau de configuration
> Options des dossiers
> Affichage (onglet)
> Décocher : Masquer les extensions des fichiers dont le type est connu

Remarques :

• Si le Panneau de configuration est affiché en catégories, « Options des dossiers » se trouve dans la catégorie « Apparence et thèmes ».
• « Options des dossiers » est également accessible depuis l’explorateur de fichiers, dans le menu Outils.

Voilà voilà !

Édition — Dans le premier chapitre, tu présentes un code XUL en mettant <cobe type="html">, mais dans la suite, tu utilises <cobe type="xml">, qui est effectivement plus adapté… D’ailleurs, tu peux aussi donner un titre à ton code : <cobe type="xml" titre="XUL"><button label="Menu"/></cobe>.

<button label="Menu"/>

(J’ai mis « <cobe> » volontairement pour éviter des erreurs de zCobe zCode. )

Si tu ne sais pas quoi mettre dans la partie 2, alors c'est probablement qu'il n'y a rien à y mettre. Inutile de remplir juste pour le plaisir d'avoir un joli menu de chapitres. Il faut du contenu pas du contenant et les zéros n'ont pas envie de passer leur vie à lire mais d'apprendre. Je te suggères de faire une partie 1 en laissant tomber les "...", les "je verrai plus tard" et les "idem", quitte à faire un chapitre de moins et en partie 2, 1 ou 2 exemples pour ceux qui le veulent et basta.
La concision mène à la clarté.

+1 pour Kyle Katarn

Je plussoie également.

au fait, pourquoi ne pas dire un petit mot (un gros paragraphe) sur XBF qui permet d'étendre les balises disponibles avec XUL