Talking to Machines
FR
8

Chapitre huit

Parler
le langage

Le vocabulaire de la construction —
pas du code, juste les noms et les verbes.

Tu es sur le point de t'asseoir avec un agent de code et de construire quelque chose. Il va utiliser des mots comme « deploy », « endpoint », « component » et « schema ». Si ces mots sont opaques, tu vas te sentir perdu — pas parce que tu ne peux pas construire, mais parce que tu ne peux pas diriger. Ce chapitre te donne l'anneau décodeur. Pas comment coder. Comment parler le langage de la construction.

Pense à la conduite automobile. Tu n'as pas besoin de comprendre les moteurs à combustion, les rapports de transmission ou la pression du liquide de frein. Tu as besoin de connaître : l'accélérateur, le frein, le volant, les rétroviseurs. Le vocabulaire de la direction, pas de l'implémentation.

Le Stack : un anneau décodeur

Chaque appli — d'Instagram à une simple liste de tâches — est construite à partir de quatre couches. Les développeurs appellent ça « le stack ». Voici le tout, démystifié :

Frontend

Ce que les gens voient et touchent. Boutons, texte, images, animations. La salle à manger du restaurant.

Backend

La logique dans les coulisses. Traite les requêtes, vérifie les mots de passe, envoie les e-mails. La cuisine.

Base de données

Là où ton appli se souvient des choses. Comptes utilisateurs, publications, paramètres. Le garde-manger et le livre de recettes.

Déploiement

Comment ça arrive sur internet. Hébergement, noms de domaine, mise en ligne. Ouvrir les portes du restaurant.

C'est tout. Chaque appli que tu as utilisée est une combinaison de ces quatre couches. Quand ton agent de code dit « je vais configurer le backend », ça veut dire « je vais écrire la logique dans les coulisses ». Quand il dit « on déploie », ça veut dire « on met ça sur internet ». Tu n'as pas besoin de savoir comment ces couches fonctionnent. Tu as besoin de savoir qu'elles existent et à quoi elles servent.

L'agent comme tuteur

Voici ce que personne ne te dit : l'agent de code est aussi ton prof. Tu ne sais pas ce que « npm » veut dire ? Demande. Un message d'erreur te laisse perplexe ? Colle-le et dis « explique-moi ça comme si je n'étais pas développeur ». Tu veux savoir pourquoi l'agent a choisi React plutôt qu'autre chose ? Demande. Il t'expliquera son raisonnement en français clair, étape par étape, autant de fois que nécessaire.

Tes cinq premières minutes

Ouvre ton outil de code. Décris ton projet en français courant : « Je veux créer un suivi d'entraînement où je note mes exercices et vois ma progression. » L'agent posera des questions de clarification, suggérera un stack et commencera à construire. Ton premier boulot, c'est de répondre à ses questions et de regarder ce qu'il crée.

Explore les quatre couches d'une appli web. Clique pour apprendre le vocabulaire — puis teste-toi.

The Stack Decoder

Click a layer to explore its vocabulary

The frontend is everything a user interacts with — buttons, text, images, forms, animations. It runs in the browser on the user's device.

Think of a restaurant. The frontend is the dining room — the menu, the tables, the decor. It's what customers experience.

Nouns (the things)
Component

A reusable piece of the interface, like a button or a card.

ReactVueSvelte
Page

A single screen or view in your app.

Home pageSettings pageProfile page
Style

How things look — colors, fonts, spacing, layout.

CSSTailwindSass
State

Data that can change — like whether a menu is open or a form field is filled.

Dark mode on/offItem count in cartCurrent tab
Verbs (the actions)
RenderDisplay something on screen. When a page renders, it becomes visible.
NavigateMove from one page to another.
Handle eventsReact to user actions like clicks, typing, or scrolling.

The backend is the server-side code that processes requests, applies business logic, and communicates with the database. Users never see it directly.

The backend is the kitchen. Orders come in, the kitchen prepares them, and sends out the finished dish. Customers don't see the kitchen, but nothing works without it.

Nouns (the things)
Server

A computer that listens for requests and sends back responses.

Node.jsPython/FlaskGo
API

A set of rules for how the frontend talks to the backend. Like a waiter taking orders.

REST APIGraphQLtRPC
Endpoint

A specific URL the frontend can call to get or send data.

/api/users/api/login/api/posts
Authentication

Verifying who a user is — login systems, passwords, sessions.

JWT tokensOAuthCookies
Verbs (the actions)
FetchRequest data from the backend. "The app fetches your profile from the server."
ProcessApply logic to data — calculate, validate, transform.
AuthorizeCheck if a user has permission to do something.

The database stores all the persistent data — user accounts, posts, settings, anything that needs to survive a page refresh or server restart.

The database is the pantry and the recipe book. It stores all the ingredients (data) and keeps them organized so the kitchen (backend) can find them fast.

Nouns (the things)
Table

A structured collection of data, like a spreadsheet. Each row is a record.

Users tablePosts tableOrders table
Schema

The blueprint for your data — what fields exist and what type of data each holds.

name: textage: numbercreated_at: date
Query

A request to find, add, update, or delete data in the database.

SELECT * FROM usersINSERT INTO postsDELETE FROM comments
Migration

A change to your database structure — like adding a new column to a table.

Add email fieldCreate orders tableRemove old column
Verbs (the actions)
StoreSave data so it persists. "Store the user's preferences in the database."
QueryAsk the database for specific data. "Query all users who signed up today."
MigrateUpdate the database structure without losing existing data.

Deployment is the process of taking your app from your computer and putting it on the internet where anyone can use it. It includes hosting, domains, and keeping things running.

Deployment is opening the restaurant. You've built the dining room, hired the kitchen staff, stocked the pantry — now you unlock the front door and put up a sign.

Nouns (the things)
Hosting

A service that runs your app on the internet 24/7.

VercelNetlifyRailwayFly.io
Domain

Your app's address on the internet — the URL people type to find you.

myapp.comcool-project.vercel.app
Environment Variables

Secret settings (like API keys) stored outside your code so they stay private.

API_KEY=abc123DATABASE_URL=...
Build

The process of converting your source code into optimized files ready to serve.

npm run buildProduction buildStatic export
Verbs (the actions)
DeployPush your app to the internet. "Deploy to Vercel" means put it live.
BuildPrepare your code for production — optimize, bundle, compress.
MonitorWatch your app for errors, slowdowns, or crashes after it's live.
Share this course
Tu n'as pas besoin de comprendre le moteur. Tu as besoin de savoir conduire.

Tu connais les mots. Tu as l'idée. Maintenant, il est temps de t'asseoir avec ton agent de code et de construire pour de vrai. La suite : l'art de la boucle de construction — itération, évaluation, et quoi faire quand ça casse.

Complexity Score

New tool unlocked!