Valeur de cette activité : 5 points
Compétence :
Utilisation et création des snippets de Geany

A-Module 20 : LES INCLASSABLES : 5 points - difficulté : 2

Utilisation et création des snippets de Geany

Description

Geany est un éditeur de texte ayant des fonctions de base d'un environnement de développement intégré.
Il permet de programmer en html, css, java, javascript, php , etc.

Cette activité vous permettra de découvrir une fonctions de geany (les snippets) qui permet d'insérer du code dans votre page en utilisant un mot-clé.

Personnellement, j'utilise l'éditeur geany comme principal outil de travail, ce qui me permet de gagner beaucoup de temps lors de mes travaux de programmation.

Voici une illustration de quelques snippets que j'utilise :


  1. Installez le logiciel geany (sudo apt-get install geany).

  2. Utilisez le menu Outils+Fichiers de Configuration+snippets.conf

  3. Observer la liste des snippets disponibles et les catégories (DEFAULT - HTML - PHP -...)

  4. Créez ensuite un nouveau document nommé snippet.html

  5. Tapez table + tabulation

  6. Vous noterez que les balises de tableau ont été insérées dans votre document

  7. Insérez dans la cellule du tableau le mot SNIPPET

  8. Dans votre fichier snippets.conf, ajoutez dans la section DEFAULT (ce snippet sera alors disponible dans tout type de document) un snippet afin d'insérer la balise HTML de LIEN en utilisant le mot clé lien.

    Voici le code à insérer

    lien=<a href=%cursor%>%cursor%></a>

    Notez que l'argument %cursor% a été utilisé afin de positionner automatiquement le curseur à cet endroit après l'insertion du code.

  9. Insérez dans votre fichier snippet.html, en utilisant votre mot-clé un "lien" vers le site du cours http://www2.cstrois-lacs.qc.ca/chenebleu/info/

  10. Téléchargez vos /home/cb/snippet.html dans votre espace de téléchargement.

  11. Téléchargez vos /home/cb/.config/geany/snippets.conf dans votre espace de téléchargement.

    Utilisez au besoin dans votre navigateur de fichiers, les touches CTRL + H afin d'afficher le répertoire caché .config

  12. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 88492

  13. Inscrivez dans le champ titre : Utilisation et création des snippets de Geany

  14. Sélectionnez la section : MODULE Les inclassables

  15. Sélectionnez la matière : informatique

  16. Inscrivez dans le champ no de la directive : 88492

  17. Inscrivez dans votre page le titre de niveau 1 : Utilisation et création des snippets de Geany

  18. Ajoutez un LIEN de téléchargement de votre fichier snippets.conf

  19. Ajoutez un LIEN vers votre fichier snippet.html

  20. Visualisez votre page et apportez des modifications au besoin.