camelCase : définition, types (lower vs upper) et exemples par langage

Le camelCase est une convention de nommage en programmation qui consiste à écrire plusieurs mots accolés sans espace, en mettant une majuscule à la première lettre de chaque mot — comme les bosses d’un chameau. Le terme vient de l’anglais « camel » (chameau), en référence à l’aspect visuel des majuscules intercalées qui rappellent les bosses de l’animal.

Exemple immédiat : l’expression “nom de variable” s’écrit nomDeVariable ou NomDeVariable en camelCase selon la variante utilisée.

Les 2 types de camelCase

Le terme camelCase regroupe deux variantes distinctes selon la casse du premier mot :

La différence tient à un seul caractère — la casse de la toute première lettre — mais elle est sémantiquement cruciale dans les langages sensibles à la casse comme Java, JavaScript ou C# : nomDeVariable et NomDeVariable sont deux identifiants distincts.

Exemples de camelCase par langage et contexte

JavaScript — lowerCamelCase pour les variables et fonctions

// lowerCamelCase — convention officielle JavaScript
let nomUtilisateur = "Marie";
let prixTotalHT = 149.90;
let estConnecte = true;

function calculerPrixTotal(prixHT, tauxTVA) {
  return prixHT * (1 + tauxTVA);
}

// Propriétés d'objet JSON — lowerCamelCase standard
const commandeClient = {
  nomUtilisateur: "Marie Dupont",
  montantTotal: 149.90,
  estPayee: false
};

JavaScript/TypeScript — UpperCamelCase pour les classes et composants React

// UpperCamelCase (PascalCase) — classes JavaScript
class PanierEcommerce {
  constructor() {
    this.articles = [];
  }
}

// UpperCamelCase obligatoire pour les composants React
function ProductCard({ product }) {
  return <div className="product-card">{product.name}</div>;
}

// ❌ ERREUR React — composant en lowerCamelCase
function productCard() { } // Traité comme balise HTML, pas comme composant

Java — les deux variantes selon le contexte

// lowerCamelCase — variables, méthodes, paramètres
public class CommandeService {
  private double prixTotal;

  public double calculerPrixTotal(double prixHT, double tauxTVA) {
    return prixHT * (1 + tauxTVA);
  }
}

// UpperCamelCase (PascalCase) — noms de classes
public class CommandeService { }  // UpperCamelCase
public class ArticlePanier { }    // UpperCamelCase

C# — UpperCamelCase pour tout ce qui est public (conventions Microsoft)

// C# — UpperCamelCase pour classes, propriétés publiques, méthodes
public class ProfilUtilisateur
{
    public string NomUtilisateur { get; set; }   // UpperCamelCase
    public decimal PrixTotal { get; set; }        // UpperCamelCase

    public string ObtenirNomComplet()             // UpperCamelCase
    {
        return NomUtilisateur;
    }

    private string _motDePasse;  // lowerCamelCase pour membres privés
}

Comparatif des 5 conventions de nommage

camelCase en développement web et e-commerce

Le camelCase est omniprésent dans le développement e-commerce moderne. Quelques contextes spécifiques :

Hooks WooCommerce (PHP)

Les hooks WooCommerce utilisent le snake_case pour les noms d’actions/filtres PHP, mais les variables et méthodes JavaScript des scripts associés utilisent le lowerCamelCase :

// JavaScript e-commerce — lowerCamelCase systématique
const prixProduit = parseFloat(productPrice);
const quantiteSelectionnee = parseInt(selectedQuantity);
const totalPanier = calculerTotalPanier(prixProduit, quantiteSelectionnee);

// Object JS e-commerce — lowerCamelCase pour les propriétés
const articlePanier = {
  productId: 42,
  nomProduit: "Gourde isotherme 500ml",
  prixUnitaire: 24.90,
  quantite: 2,
  estEnStock: true
};

APIs REST et JSON

Les réponses des APIs REST utilisent systématiquement le lowerCamelCase pour les attributs JSON — c’est une convention universelle pour la sérialisation des données entre frontend et backend :

// Réponse API e-commerce — lowerCamelCase standard
{
  "orderId": "ORD-2026-001",
  "customerName": "Marie Dupont",
  "totalAmount": 149.90,
  "shippingAddress": "Rue de la Loi 16, 1000 Bruxelles",
  "isPaid": true,
  "createdAt": "2026-04-01T09:30:00Z"
}

Pourquoi utilise-t-on le camelCase ?

• Interdiction des espaces — dans la plupart des langages de programmation, les noms de variables et de fonctions ne peuvent pas contenir d’espaces. Le camelCase est la solution naturelle pour séparer visuellement les mots sans séparateur
• Lisibilité — nomUtilisateur est bien plus lisible que nomutilisateur. La majuscule marque clairement le début de chaque mot
• Convention universelle — le camelCase est adopté dans les guidelines officielles de JavaScript (MDN), Java (Oracle), TypeScript, Kotlin et Swift. Le respecter facilite la collaboration entre développeurs
• Compatibilité JSON — le lowerCamelCase est la convention de facto pour les attributs JSON, ce qui crée une cohérence naturelle entre les APIs REST et le JavaScript qui les consomme

FAQ — camelCase

Pour aller plus loin

• lowerCamelCase — la variante basse, convention JavaScript pour variables et fonctions
• UpperCamelCase — la variante haute, synonyme de PascalCase, pour classes et composants
• PascalCase — terme générique pour UpperCamelCase, utilisé en C#, TypeScript, React
• kebab-case — convention CSS et URLs, incompatible avec JavaScript
• SEO technique — les conventions de nommage impactent les URLs et le code front-end
• Notre expertise e-commerce — développement WordPress et WooCommerce avec des bases de code maintenables