Nom de code: VH

Script de visualisation d'une structure hiérarchique gérée par le principe de la représentation intervallaire

• No Javascript - Pure CSS pour la représentation graphique
• No Librairie - No SQL - PHP POO pour le traitement des données

• Captures d'écran (Screenshots)
  • VH
  • En action !
  • Sass
• Contenu :
• Installation
  • Récupération du projet, installation et lancement
• Utilisation
• Developpement
• Références & Sources

Retour sommaire

• Documentation en français fournie (Nombreux commentaires dans le code)

• Usage du préprocesseur Css SASS (Sera purifié, nettoyé, fusionné avec vos autres éventuels fichiers de style, puis minifisé automatiquement avec l'exécuteur de tâches GULP)

• Gestion de l'arborescence selon le principe de la Représentation Intervallaire (Borne gauche, borne droite, profondeur,...)

• Rafraichissement automatique de votre navigateur (gulp-browser-sync) et optimisation des images (gulp-imagemin) Couplé avec la fonction 'autosave' de votre éditeur ou IDE préféré:

  1 seule touche => Changement en live de votre page Web

Retour sommaire

Prérecquis: NodeJS

Vérifiez votre version avec

node -v

En console, dans le dossier de votre choix :

[ NB: Si vous souhaitez contribuer à ce projet, forkez d'abord ! ]
# Voir ci-dessous "Développement"

git clone https://github.com/grcote7/vh

npm install

gulp

Retour sommaire

Pour 'dessiner' votre structure:

• Éditer le fichier app/vhri.php et modifier le code à volonté.
• Adapter votre style en modifiant app/style.scss
• Poser vos images dans app/img (Afin qu'elles soient optimisées automatiquement)

Retour sommaire

1. Fork le projet
2. Clôner VOTRE copie du projet

git clone URL_de_votre_dépôt_GitHub_de_VH

3. Réaliser toutes modifications, corrections, améliorations, etc... souhaitées

4. Demander une fusion (= Effectuer un Merge Request)

NB: Outils conseillés: ungit (Intégré facilement dans les éditeurs Brackets ou Visual Studio Code grâce à leurs plugins respectifs) et GitKraken

Penser à y ajouter ce dépôt, VH pour synchroniser facilement votre dépôt (Add Remote et l'URL de ce dépôt)

Retour sommaire

• Représentation Intervallaire (avec MySQL)

  Comprend d'excellentes illustrations aidant à une bonne compréhension du principe

• Gestion d'arbres par représentation intervallaire

  Très bien expliqué et illustré, en permettant de mettre en place aisément quelques procédures stockées MySQL...

• La Représentation Intervallaire

  Cours d'initiation rapide OpenClassRooms

• L'excellentissime article de BestMomo

  Appliqué ici dans le cadre de la gestion des commentaires et éventuelles réponses en bas des posts d'un blog (Cas pratique dans une app réelle basée sur le framework LARAVEL)

Retour sommaire