Skip to main content

Naming Convention Explained – Camel vs Pascal vs Kebab vs Snake Case

A naming convention is a pattern generally accepted as a suitable format for naming coding entities like variables, functions, and properties.

Why the Need for a Naming Convention?

Most computing languages do not allow using spaces to separate words when naming your code.

For instance, the snippet below will throw an error because it uses space to separate the variable's name.

let number of oranges = 235;

Try Editing It

The four popular naming conventions developers use instead of the space-separated entity naming style are:

  • camelCase
  • PascalCase
  • kebab-case
  • snake_case

Let's discuss the four.

What Is camelCase?

Camel case (also called medial capitals) has the following naming convention:

  • Use lowercase for the first letter.
  • Capitalize the initial letter of each word.

Some examples are:

  • iPhone
  • eBay
  • freeCodeCamp

What Is PascalCase?

Pascal case (also called upper camel case) has the following naming style:

  • Use uppercase for the first letter.
  • Capitalize the initial letter of each word.

Some examples are:

  • CodeSweetly
  • JavaScript
  • GitHub

What Is kebab-case?

Kebab case uses a dash (hyphen) character between words.

Some examples are:

  • margin-top
  • border-radius
  • grid-template-columns

What Is snake_case?

Snake case uses underscores (_) between words.

Some examples are:

  • favorite_countries
  • color_of_the_snow
Screaming snake case vs snake case

Screaming Snake Case and Snake Case use underscores to separate words, but they are not equivalent. Screaming capitalizes all its letters, whereas snake case uses all-lowercase letterings.

So, while color_blue is a snake case, COLOR_BLUE is a screaming snake case.

Overview

This article used examples to discuss the differences between camel, pascal, kebab, and snake naming conventions.

Buy me a coffee