30 tutoriels gratuits

Apprends à coder
à partir de zéro

HTML, CSS, JavaScript, PHP, Symfony, Vue.js, Docker, Git... Tout ce qu'il faut pour devenir dev. Sans bullshit.

30
Tutoriels
25h
De contenu
0€
Gratuit
∞
Passion

Bescherelle ta mère

Un bon dev écrit aussi du bon français. Un mail pro, un commit message propre = crédibilité assurée.

Sa fonctionne pas
↓
Ça fonctionne pas
ça = cela / sa = possession féminine
J'ai manger du code
↓
J'ai mangé du code
Après avoir/être → participe passé (-é, -i, -u)
C'est des bonnes pratiques
↓
Ce sont de bonnes pratiques
Pluriel = ce sont / Singulier = c'est
Comme même
↓
Quand même
Expression figée = quand même
Au jour d'aujourd'hui
↓
Aujourd'hui
Pléonasme ! Aujourd'hui suffit
Autant pour moi
↓
Au temps pour moi
Origine militaire (reprendre la cadence)
Je l'ai envoyer
↓
Je l'ai envoyé
Astuce : remplace par vendu → si ça marche = -é
Je vais sur Paris
↓
Je vais à Paris
Villes = à / Surfaces = sur

RTFM

Read The F***ing Manual — La première règle du dev

🤔
"Ça marche pas, j'ai tout essayé pendant 3h"
🧙‍♂️
"T'as lu la doc ?"
🤔
"..."
😅
"Ah ouais c'était écrit en fait"
1
La doc officielle, tu liras

MDN, PHP.net, docs.symfony.com... Les réponses sont là, souvent mieux expliquées que sur Stack Overflow.

2
Le message d'erreur, tu liras (en entier)

TypeError: Cannot read property 'map' of undefined te dit EXACTEMENT ce qui ne va pas.

3
--help, tu taperas

git --help, docker --help, npm --help... Avant de Google, essaie ça.

4
Le README, tu consulteras

Chaque repo a un README. Il contient l'install, les commandes, les pièges. LIS-LE.

5
AVANT de demander, tu chercheras

5 min de recherche avant de poser une question = respect pour le temps des autres.

📖 Les docs qui sauvent la vie

Les Joies du Code

Parce que le dev c'est 50% de code et 50% de "mais pourquoi ça marche pas"

"On est pas le meilleur quand on le croit, mais quand on le sait"

#TaLaRef
GIF
Quand tu fix un bug en prod à 23h59
GIF
Quand le code marche du premier coup
GIF
Quand tu lis ton code de y'a 6 mois

📜 Les citations légendaires

"Ça marche sur ma machine"

— Tout dev, depuis 1970

"C'est pas un bug, c'est une feature"

— Le Product Owner

"Je vais juste refacto un petit truc"

— 3 semaines plus tard...

"Qui a écrit cette merde ? ... Ah c'est moi"

— git blame

"On le mettra en prod vendredi soir"

— Célèbres derniers mots

"La doc ? Quelle doc ?"

— Le dev legacy

🎮 Les niveaux du dev

🥒 Noob "C'est quoi un terminal ?"
→
🌱 Padawan "J'ai fait un Hello World !"
→
⚔️ Dev "Stack Overflow est mon ami"
→
🧙‍♂️ Senior "RTFM."
→
🐐 Mass "Je sais que je ne sais rien"
🚨

ALERTE AUX GOGOLS

Ce qu'il ne faut JAMAIS faire (mais que tout le monde fait quand même)

🔥

Le "ça marche, touche pas"

600 lignes dans un seul fichier, aucun commentaire, variable nommée truc2. Mais ça marche. Enfin... des fois.

Niveau gogol : ⭐⭐⭐⭐⭐
🎰

Le copy-paste Stack Overflow

Copier du code sans comprendre ce qu'il fait. "Ça compile ? Ship it!" Spoiler : ça va péter en prod.

Niveau gogol : ⭐⭐⭐⭐
🙈

Le "catch (Exception e) {}"

Ignorer TOUTES les erreurs. Le code plante silencieusement. Debugging level: impossible.

Niveau gogol : ⭐⭐⭐⭐⭐
🔐

Le mot de passe en dur

$password = "admin123"; committé sur GitHub public. Bravo champion.

Niveau gogol : ⭐⭐⭐⭐⭐⭐
📅

Le deploy vendredi 17h

"Allez c'est bon, on pousse en prod et on rentre chez nous !" RIP ton week-end.

Niveau gogol : ⭐⭐⭐⭐
💬

Le commit "fix"

Historique Git : fix, fix2, fix3, test, WIP, asdfgh, plz work. Archéologie impossible.

Niveau gogol : ⭐⭐⭐
🗑️

Le code commenté "au cas où"

500 lignes de code mort commenté depuis 2019. "On sait jamais." Non. Ça servira jamais.

Niveau gogol : ⭐⭐⭐
🤖

Le "ChatGPT a dit"

Copier du code IA sans le comprendre ni le tester. "L'IA peut pas se tromper non ?" SI.

Niveau gogol : ⭐⭐⭐⭐

🏆 Hall of Shame — Les pires du pire

if (condition == true) { return true; } else { return false; } // Bruh... return condition;
// TODO: fix this later // Commit date: 2019
$i = $i + 1; // On incrémente i de 1 // Merci Captain Obvious
function doStuff() { /* 847 lines */ } // Single Responsibility ? Connais pas
git push --force origin main // Et l'historique a disparu...

Bonnes Pratiques Sécurité

Parce qu'un site hacké, c'est pas drôle du tout

🔑

Mots de passe

❌ JAMAIS $password = "admin123"; md5($password)
✅ TOUJOURS password_hash($pwd, PASSWORD_DEFAULT) password_verify($pwd, $hash)
💉

Injection SQL

❌ JAMAIS "SELECT * FROM users WHERE id=" . $_GET['id']
✅ TOUJOURS $stmt = $pdo->prepare("SELECT * FROM users WHERE id = ?"); $stmt->execute([$id]);
🎭

XSS

❌ JAMAIS echo $_GET['name'];
✅ TOUJOURS echo htmlspecialchars($name, ENT_QUOTES, 'UTF-8');
🎫

CSRF Token

❌ JAMAIS <form action="/delete"> sans token
✅ TOUJOURS <input type="hidden" name="_token" value="...">

✅ Checklist avant mise en prod

🔧 Outils pour tester

En hommage au Site du Zéro

Là où tout a commencé pour des milliers de devs francophones.

Le Site du Zéro - 2009

Merci Mathieu Nebra

En 2005, un ado de 13 ans crée le Site du Zéro depuis sa chambre. Son objectif : expliquer l'informatique "à partir de zéro" pour les vrais débutants.

Des millions de visiteurs plus tard, une communauté légendaire, et Zozor le pingouin comme mascotte. Une page de l'histoire du web français.

"Si j'ai vu plus loin, c'est en montant sur les épaules de Zozor."
— Toute une génération de devs

Prêt à apprendre ?

30 tutoriels gratuits t'attendent. De zéro jusqu'à mass.

🚀 C'est parti !