PROJET IONIC 3 : description rapide des éléments

Le dossier d’une application ionic 3 se décompose ainsi :

Dossier hooks/

Pour ajouter des scripts de compilation en utilisant Cordova

Niveau avancé de développement. Il est très probable que tu n’ais jamais à utiliser ça.

Dossier node_modules/

Toutes les dépendances du projet

Dès qu’on utilise la commande « npm install », ça installe dans ce dossier

Dossier platforms/

Contient les plateformes de compilation possible.

Quand on installe une plateforme avec la commande « ionic platform add android », ça installe la plateforme dans ce dossier.

Dossier plugins/

Contient les différents plugins qu’on peut installer dans l’application.

La commande d’installation est :

ionic plugin add _____

Dossier resources/

Contient les icones et le spashscreen de l’application

Dossier src

Tous les codes sources de l’application

app/

Tous les modules principaux

pages/

Toutes les pages, par exemple home

themes/

Le CSS

assets/

Les icones

Dossier www/

Contient l’application compilée.

Notamment main.js qui sera exécuté en premier.

Tous langages : hiérarchiser ses commentaires

Quand je commence à avoir beaucoup de lignes de codes, j’ai besoin de hierarchiser un minimum mon fichier code. Un peu comme un article de blog a besoin d’un titre, de sous-titres et de paragraphes, ou comme un article de journal a besoin d’une structure.

Pour cela, aucun code ne propose de solutions.
Ma solution, c’est d’utiliser des titres dans les commentaires. Par exemples « METHODES PUBLIQUES » puis « METHODES PRIVEES ».

Pour cela, j’utilise ce site : http://patorjk.com/software/taag/

Qui me permet de générer des mots utilisant les caractères ASCII, dans une taille supérieure.

Exemple :

  ____  ____  _____     ___  _____ _____ 
 |  _ \|  _ \|_ _\ \   / / \|_   _| ____|
 | |_) | |_) || | \ \ / / _ \ | | |  _|  
 |  __/|  _ < | |  \ V / ___ \| | | |___ 
 |_|   |_| \_\___|  \_/_/   \_\_| |_____|

(ça rend mieux dans Eclipse ou tout éditeur standard)

Ainsi lors que je parcours rapidement un fichier, je peux en 2 secondes me faire une idée de la structure et où chercher mon info.

Je te recommande des polices simples à la lecture.

Polices recommandées :

  • Standard
  • Varsity
  • ANSI Shadow => plus contrastée

BONUS : Si tu vas dans « More options », tu peux ajouter à l’avance les // ou /* */

As-tu d’autres trucs pour t’y retrouver dans les pages de codes ? Si oui, partage-le en commentaires !