C'est quoi le Kebab Case ? Quelle différence avec le Pascal Case et le Snake Case ?
Dans le monde du développement, vous avez déjà sûrement entendu parler de termes comme le Kebab Case, le Pascal Case ou bien encore le Snake Case ! 😉
Ces termes sont en fait des conventions de nommage très fréquemment utilisées dans divers langages de programmation. Chacune d'entre-elles possède ses propres particularités : on utilise une convention dans un but précis et pas dans un autre !
Le but d'une convention de nommage est simple :
- concevoir un code maintenable dans lequel on se retrouve facilement
- garder une cohérence entre plusieurs fichiers différents, surtout quand on collabore ensemble
- améliorer la lisibilité du code
Découvrons plus en détail tous les détails techniques de chacune d'entre-elles !
Sommaire
Qu'est-ce que le Kebab Case ? 🤔
Le Kebab Case est une convention de nommage où les mots sont séparés par des tirets, et chaque lettre est en minuscule. Son nom vient de la ressemblance des tirets à une brochette de kebab, avec les mots attachés comme des morceaux de viande sur la broche. 😋
Les origines du Kebab Case
À l'origine, le terme Kebab Case est une invention humoristique dans la communauté des développeurs : rien ne peut faire plus sourire qu'une convention qui porte le nom d'un des produits les plus consommés quotidiennement !
Même si ce nom peut vous faire sourire, il s'agit d'un nom officiel et reconnu.
Comment écrire en Kebab Case ?
Pour écrire en Kebab Case, il faut respecter quelques règles simples :
- tous les mots doivent être en minuscule ;
- les mots doivent aussi être séparés par des tirets (
-) ; - il ne doit y avoir ni majuscule ni caractère spécial.
Exemple
Ceci est un nom qui utilise le Kebab Case :
mon-site-internet.htmlou encorema-classe.
Exemple d'utilisation du Kebab Case
Le Kebab Case est couramment utilisé dans les noms de fichiers ou d'éléments HTML.
Au niveau des URLs
Il est souvent recommandé d'utiliser le Kebab Case pour les URLs car il est plus facile à lire pour les moteurs de recherche et compatible avec le référencement naturel (SEO).
Par exemple : https://believemy.com/course/formation-html.
À ce propos, utiliser le Kebab Case dans les URLs permet également d'éviter les problèmes d'encodage des caractères spéciaux comme les espaces. 😉
Au niveau des classes CSS
Il est assez commun d'utiliser également le Kebab Case pour nommer les classes dans les feuilles de style :
.menu-principal {
color: red;
}
C'est quoi le Pascal Case ? 🤔
Le Pascal Case (que l'on appelle aussi le Upper Camel Case) est une autre convention de nommage dans laquelle chaque mot commence par une majuscule et pour laquelle les mots sont collés les uns aux autres, sans aucun séparateur.
Les origines du Pascal Case
L'origine du Pascal Case vient du langage de programmation Pascal. En effet, dans ce langage, les types et les classes doivent respecter certaines règles : le nom Pascal Case vient donc de cette règle qui est maintenant reprise dans de nombreux autres langages de programmation comme le JavaScript.
Comment écrire en Pascal Case ?
Les règles pour écrire en Pascal Case sont les suivantes :
- chaque mot doit commencer par une majuscule, y compris le premier ;
- les mots doivent être collés sans espace ni tiret.
Exemple
Voici un exemple d'utilisation du Pascal Case :
MaClasseou encoreMonComposantReact.
Exemple d'utilisation du Pascal Case
Nous utilisons généralement le Pascal Case quand nous souhaitons nommer des classes ou encore des composants avec React ou NextJS par exemple.
Voici un petit exemple avec le JavaScript :
class Personne {
constructor(prenom) {
this.prenom = prenom;
}
}Dans cet exemple, Personne est un nom de classe en Pascal Case.
À quoi sert le Snake Case ? 🤔
Le Snake Case est une convention de nommage dans laquelle les mots sont séparés par des underscores (_) et où tout est en minuscule.
Il existe également une variante du Snake Case dans laquelle tout est en majuscule : on l'utilise généralement pour définir des constantes dans le langage de programmation Python par exemple.
Les origines du Snake Case
Le terme Snake Case provient de la forme créée par les underscores entre les mots, ce qui rappelle un serpent qui rampe.
Il s'agit de l’une des conventions de nommage les plus anciennes, utilisée dans des langages de programmation comme C, Python, et même Ruby ! 😬
Comment écrire en Snake Case ?
Les règles pour écrire en Snake Case sont simples :
- tous les mots doivent être séparés par des underscores (
_) ; - et être en minuscule.
Exemple
Voici un petit exemple d'utilisation du Snake Case :
nom_utilisateuretadresse_email.
Exemple d'utilisation du Snake Case
On utilise très souvent le Snake Case dans les vieux langages de programmation. 😗
Le Snake Case avec Python
Le Snake Case est utilisé avec Python pour les noms des variables par exemple :
prenom_utilisateur = "Nicolas"
adresse_email = "nicolas@believemy.com"Dans le cadre de la variante du Snake Case tout en majuscule, on l'utilise pour les constantes (comme vu précédemment) :
PYTHONTAUX_TVA = 20
Le Snake Case avec Ruby
Le Snake Case est également utilisé avec Ruby pour les noms de fichiers : mon_fichier.rb.
Comparaison entre Kebab Case, Pascal Case et Snake Case ❌
Différences visuelles
Voici un tableau récapitulatif sur les différences entre le Kebab Case, le Pascal Case et le Snake Case :
| Type | Exemple | Séparateur | Majuscule ? |
| Kebab Case | adresse-email | Tiret (_) | Aucune |
| Pascal Case | AdresseEmail | Aucun | Sur chaque mot |
| Snake Case | adresse_email | Underscore (_) | Aucune sauf sur la variante du Snake Case |
Récapitulatif des usages
Si l'on récapitule bien, voici comment sont utilisées généralement les conventions de nommages :
- Pour le Kebab Case : on l'utilise généralement pour les noms de fichiers, les URLs et les classes CSS ;
- Pour le Pascal Case : on l'utilise plutôt pour les classes ou encore les composants avec React ;
- Pour le Snake Case : ce dernier est plutôt utilisé pour le Python ou le Ruby, tandis que sa variante est utilisée pour définir les constantes avec Python.
Pourquoi utiliser des conventions de nommage ?
Utiliser une convention de nommage peut sembler un peu rigide : on peut se sentir obligés d'utiliser des règles sans trop savoir pourquoi nous les utilisons.
Comme tout bon développeur doit connaître pourquoi il utilise quelque chose plutôt que de savoir comment l'utiliser, faisons un point sur la nécessité d'utiliser les conventions de nommage ! 😉
Pour améliorer la lisibilité et faciliter la collaboration
Utiliser une convention de nommage c'est avoir une règle qui définira l'ensemble de nos fichiers, de nos projets et des codes que nous verrons sur internet : en d'autres termes, si aujourd'hui tout le monde utilise la même façon de parler pour se faire comprendre, il est en exactement identique pour la programmation.
Utiliser une convention de nommage (ou même plus globalement une convention tout simplement !) permet donc de suivre des règles que tous les développeurs utilisent.
Une autre façon de voir les conventions de nommage est de penser au code de la route : on suit tous les mêmes règles sur la route pour ne pas avoir un accident au premier feu rouge que nous croisons sur le chemin, il en est de même ici.
Pour la maintenabilité du code
Un code bien nommé est plus facile à maintenir sur le long terme. Les conventions permettent de rester cohérent dans un projet même pendant les grosses modifications ou les gros ajouts de fonctionnalités.
Conclusion
Les conventions de nommage comme le Kebab Case, le Pascal Case, et le Snake Case ne sont pas seulement des formalités. 😗
Elles jouent un rôle crucial dans la lisibilité, la cohérence et la maintenabilité du code. Chaque convention a son contexte d'utilisation, et savoir laquelle utiliser est un signe de professionnalisme dans le développement.
Que vous développiez des sites web, des applications mobiles ou des programmes plus complexes, choisir la bonne convention de nommage vous aidera à créer du code plus propre et plus facile à comprendre pour vous et vos collègues.
FAQ sur les conventions de nommage 👀
Voici un petit récapitulatif de quelques questions intéressantes que nos apprenants nous posent souvent :
Quelle convention de nommage est la meilleure ?
Aucune. Tout dépend de votre besoin. Chacune des conventions que nous avons mentionné ici est utilisé selon le langage de programmation avec lequel vous développez.
Peut-on mélanger plusieurs conventions de nommage dans le même projet ?
Oui. Vous pouvez utiliser plusieurs conventions de nommage dans le même projet tant que vous respecter leurs règles. Par exemple, utiliser le Pascal Case pour des composants et le Kebab Case pour des classes dans votre feuille de style CSS reste tout à fait envisageable.
Pourquoi le Kebab Case est-il recommandé pour les URLs ?
Le Kebab Case est recommandé pour les URLs car il est SEO-friendly et améliore la lisibilité des liens par les utilisateurs et les moteurs de recherche.
Sommes-nous obligés d'utiliser les conventions de nommage ?
Non. Le code fonctionnera même si vous n'utilisez pas les conventions de nommage (heureusement !) mais vous y perdrez sur le long-terme quand vous souhaiterez progresser.
