memissa 101 201 WTF
01 / 14
↓ défiler pour continuer ↓
Glossaire officiel de survie
WTF?!

Tous les mots que les devs utilisent pour avoir l'air smart — traduits en humain.


Les bases
⌨️
Terminal
Finder mais en texte
📈
Git
Google Docs du code
📁
Repo
Le dossier cloud du projet
Workflow dev
🌳
Branch
Papier calque
💾
Commit
Ctrl+S pro
💬
PR
Review SVP
🤝
Merge
Le mariage
🚀
Deploy
Le bouton Publish
Infrastructure
🍽
Front / Back
Salle vs cuisine
👥
API
Le serveur du resto
🗃
Base de données
Le classeur géant
🎬
Environnements
Brouillon → show

Clique sur un terme pour aller à sa définition ↓

Les bases · 01
Terminal

Tu connais Finder ? Avec ses belles icônes et ses dossiers colorés ?

Le terminal, c'est la même chose, mais pour les gens qui trouvent que les icônes c'est trop fancy.


Terminal — zsh
➜ ~ ls
Documents Downloads Desktop Projects
➜ ~ cd Projects
➜ Projects |

Quand Finder c'est trop fancy 💅

C'est une fenêtre où tu tapes des commandes texte pour parler directement à ton ordi — sans cliquer sur quoi que ce soit.

Les bases · 02
Git

Imagine Google Docs, mais pour du code. Tout le monde travaille sur le même projet, et Git s'assure que personne écrase le travail des autres.


📄
Sans Git

design-FINAL.psd
design-FINAL-v2.psd
design-FINAL-FINAL.psd
design-VRAIEMENT-FINAL.psd

✔️
Avec Git

Un seul fichier.
Historique complet.
Tout le monde synchronisé.
Zéro confusion.

Ctrl+Z mais en équipe ⚙️

Git garde un historique de tous les changements. Tu peux revenir en arrière à n'importe quel moment. C'est le filet de sécurité ultime.

Les bases · 03
Repo

C'est le dossier cloud de ton projet. Pense à Google Drive, mais pour du code. C'est là que tous les fichiers du projet vivent.


GitHub
📁 mon-projet/
📄 index.html
📄 styles.css
📁 components/
📄 README.md
← tout est là, en sécurité, sur le cloud

Un dossier. Sur le cloud. C'est tout. 😶

Repo = raccourci de repository. Quand quelqu'un dit « le repo », il parle du dossier principal du projet sur GitHub.

Workflow · 04
Branch

Imagine un papier calque. Tu dessines dessus pour tester des idées, et si c'est bon, tu traces sur le vrai dessin. Si c'est nul, tu jettes le calque.


📑
Main

La version « officielle » du projet. Le vrai dessin. On y touche pas n'importe comment.

✏️
Ta branch

Ta copie personnelle. Tu expérimentes là-dessus. Si tes changements sont bons, on les « merge ».

Terminal — zsh
➜ mon-projet git checkout -b ma-feature
Switched to a new branch 'ma-feature'
# Tu travailles ici en toute sécurité 😎

Copier-coller mais professionnel 🧐
Workflow · 05
Commit

C'est Ctrl+S + un post-it de ce que t'as changé. Tu sauvegardes ton travail ET tu écris une petite note qui explique pourquoi.


Terminal — zsh
➜ mon-projet git add . ← prépare tes changements
➜ mon-projet git commit -m "Ajout du bouton login"
[ma-feature abc1234] Ajout du bouton login
2 files changed, 45 insertions(+)

💾
Save

Sauvegarde tes fichiers modifiés

📝
Note

Le message qui dit ce que t'as fait

📍
Point de repère

Tu pourras revenir ici si ça foire

Save + note = commit. La base. 👌
Workflow · 06
PR

(Pull Request)

C'est comme envoyer ton Figma pour review avant de l'officialiser. Tu dis à l'équipe : « J'ai fait des changements, checkez svp ».


🚀
1. Tu push

Tu envoies ton travail sur le cloud (GitHub)

💬
2. Tu crées la PR

Tu demandes une review à l'équipe

3. Approbation

L'équipe valide (ou demande des changements)


Review SVP — avec amour si possible 🙌

C'est un filet de sécurité : quelqu'un d'autre regarde ton code avant qu'il aille dans le « vrai » projet. Comme un deuxième regard sur un contrat.

Workflow · 07
Merge

Ton brouillon a été approuvé ? On le colle sur le vrai projet. Ta branch rejoint la branch principale. Mariage officiel.


✏️ 📑 → 🤝 → 🎉

Ta branch + Main = le projet mis à jour


GitHub
✔ Pull request #42 merged!
Branch 'ma-feature' merged into 'main'
# Tes changements sont maintenant dans le vrai projet 🎉

Le mariage de deux branches 💍
Workflow · 08
Deploy

C'est le bouton Publish, mais pour du code. Ton travail passe du brouillon au monde réel. Les vrais utilisateurs voient tes changements.


💻 → ☁️ → 🌎
💻
Ton ordi

Là où tu codes

☁️
Le serveur

Un ordi dans le cloud qui fait tourner ton app

🌎
Le monde

Les vrais utilisateurs voient le résultat

Du brouillon au monde réel 🚀
Infrastructure · 09
Frontend vs Backend

Pense à un restaurant. La salle à manger c'est le frontend. La cuisine c'est le backend.


🍽
Frontend

Ce que le client voit : la déco, les assiettes, le menu. En dev : les boutons, les couleurs, les animations, le design.

VS
🥣
Backend

Ce qui se passe en coulisses : la cuisine, les commandes, le frigo. En dev : la base de données, les calculs, la sécurité.

Ce que tu vois vs ce qui brûle en arrière 🔥
Infrastructure · 10
API

Le serveur du restaurant. Il prend ta commande (frontend), l'amène en cuisine (backend), et revient avec ton plat.


📱 → 🧑‍🍲 → 🥣 → 🧑‍🍲 → 📱
📱
Frontend

« Je veux les données du profil utilisateur »

🧑‍🍲
API

Prend la demande, va chercher l'info, revient avec la réponse

🥣
Backend

Prépare les données demandées

Le messager entre les deux mondes 💌

API = Application Programming Interface. C'est juste un système de communication entre deux parties d'une app. Le frontend demande, l'API livre.

Infrastructure · 11
Base de données

Le classeur géant où toutes les infos sont rangées. Noms d'utilisateurs, commandes, historique — tout est là.


Base de données — Users
| id | nom | email | rôle |
|-----|------------- |--------------------|---------|
| 1 | Mel | mel@vooban.com | admin |
| 2 | Kevin | kevin@vooban.com | viewer |
| 3 | Claude | claude@ai.com | bot |

Excel mais en beaucoup plus sérieux 💼

Chaque app a une base de données. Quand tu te connectes, quand tu fais une recherche, quand tu passes une commande — l'info vient de là. C'est la mémoire de l'app.

Infrastructure · 12
Environnements

Les 3 versions de ton projet. Comme au théâtre : brouillon, répétition, et le vrai show.


📝
Dev

Le brouillon.
Ton ordi local. Tu expérimentes. Rien de visible publiquement. Tu peux tout casser, personne voit.

🎭
Staging

La répétition.
Une copie quasi-identique au vrai site. L'équipe teste là avant de publier pour de vrai.

🎞
Prod

Le vrai show.
Le site que les vrais utilisateurs voient. On ne touche à ça qu'après avoir testé en staging.


📝 → 🎭 → 🎞
Brouillon → dress rehearsal → showtime 🌟
Tu parles dev maintenant 🏆
GG.
T'as officiellement le vocabulaire de base.


Le cheat sheet officiel :


Terminal — Finder en texte Git — Ctrl+Z en équipe Repo — Dossier cloud Branch — Papier calque Commit — Save + note PR — Demande de review Merge — Coller sur le vrai Deploy — Publish Frontend — Salle à manger Backend — Cuisine API — Le serveur DB — Le classeur Dev/Staging/Prod — Brouillon/Répétition/Show
La prochaine fois qu'un dev dit un mot weird, reviens ici. On t'attend. 🙌

Made with 🫶 (et un peu de trauma)