Les bases de l'informatique

Cours gratuit destiné à celles et ceux qui ont commencé à créer des programmes et des applications et qui butent sur des termes comme serveur, API, déploiement ou variable d'environnement. Plutôt que d'écrire du code, tu vérifies le rôle et le fonctionnement de chaque élément à l'aide de schémas, jusqu'à pouvoir reformuler avec tes propres mots les étapes et les explications des livres et des cours. Aucun environnement d'exécution n'est utilisé.

0/23テキスト終了（0%）

Les bases de l'informatique

Qu'est-ce qu'un programme — ses liens avec le CPU, la mémoire et le stockage
Enregistrer et exécuter sont deux événements distincts. À partir du fait qu'un programme est une suite d'instructions et de la répartition des rôles entre le CPU, la mémoire et le stockage, cet article explique pourquoi enregistrer un fichier ne suffit pas à le faire tourner.
Où s'exécute ton code — navigateur, serveur et applications mobiles
Quand tu veux qu'une application fonctionne aussi sur téléphone, il faut choisir entre une application web et une application native. Cet article éclaire cette différence à partir des trois endroits où le code s'exécute (le navigateur, le serveur et l'OS du téléphone) et de la différence entre une application qui tourne sur ton ordinateur et une application publiée.
Les composants d'un système — ce que tu développes et ce que tu confies à des services externes
Cet article détaille les quatre composants d'une application web, la raison pour laquelle les services externes sont le seul composant que tu utilises via une API au lieu de le développer, et le fait que chaque composant réussit ou échoue indépendamment des autres.
Les différences entre langages de programmation, et les frameworks et bibliothèques
Quand tu hésites entre apprendre Python ou JavaScript, ou que tu te demandes si Next.js est un langage, tu as besoin de savoir en quoi les langages de programmation diffèrent et comment les bibliothèques et les frameworks s'articulent avec ton propre code. Cet article traite les deux points.
Qu'est-ce qu'un environnement de développement — éditeur, terminal et environnement d'exécution
Pour que le « ouvre un terminal » d'une procédure ne te bloque plus, cet article traite du rôle de l'éditeur, du terminal et de l'environnement d'exécution, ainsi que de ce qui se passe entre la saisie d'une ligne et son exécution, en vérifiant chaque étape pendant que tu tapes toi-même les commandes.
La gestion de paquets — ce que npm install installe, et où
Pour que le « exécute npm install » d'une procédure ne te bloque plus, cet article traite de ce qu'est un paquet et de ce qui apparaît dans my-app une fois la commande lancée, en suivant l'évolution du contenu du dossier.
Qu'est-ce que Git — enregistrer les modifications pour pouvoir revenir en arrière
Pour pouvoir revenir à un état antérieur quand une modification empêche ton code de tourner, cet article détaille la différence entre écraser un fichier en l'enregistrant et faire un commit, les deux étapes du choix des modifications à enregistrer, et le rapport entre un dépôt et un dépôt distant.
Comment fonctionne un réseau — comment les données arrivent au bon destinataire
Ce que fait un réseau, c'est acheminer les données vers le bon destinataire. À l'aide d'un schéma de réseau, cet article détaille l'imbrication du LAN et d'Internet, la façon dont l'adresse IP de destination décide du chemin emprunté, ainsi que le routeur et la passerelle par défaut qui se tiennent à la frontière.
Ce qui se passe quand tu entres une URL — DNS, HTTP et HTTPS
Cet article explique ce que désigne le http://localhost:3000 des procédures, à partir des quatre parties d'une URL et de l'enchaînement DNS, HTTP et HTTPS qui va de la saisie de l'URL à l'affichage de la page.
Le modèle Web à trois couches — la répartition entre Web, application et base de données
Pour que l'explication « séparer le frontend et le backend » ne te bloque plus, cet article détaille pourquoi une application web est découpée en trois couches — web, application et base de données — et comment les données circulent d'une couche à l'autre.
Les différences entre HTML, CSS et JavaScript — ce que dessine la couche serveur Web
Cet article détaille ce que déterminent respectivement HTML, CSS et JavaScript dans l'écran, comment les trois fichiers se relient par class et id, et comment le navigateur construit le DOM à partir du HTML puis l'affiche.
Serveur, serverless et conteneur — la couche serveur d'application
Cet article compare un serveur allumé en permanence et le serverless selon la durée pendant laquelle le programme de traitement tourne, selon la façon d'augmenter la capacité quand les requêtes augmentent et selon ce que tu dois fournir toi-même, puis situe les conteneurs.
Ce qu'est une base de données — différences avec un fichier, tables et SQL
Cet article détaille pourquoi les réservations sont enregistrées dans une base de données plutôt que dans un fichier, à partir de la forme d'une table faite de lignes et de colonnes, de la place de SQL comme moyen de demander la lecture et l'écriture, et des trois étapes des procédures des livres d'introduction.
Qu'est-ce qu'une API — les règles convenues pour l'échange entre programmes, et JSON
Cet article explique pourquoi l'affichage de la météo est décrit comme « appeler une API météo », à partir des trois éléments d'un appel d'API — URL, méthode et réponse — et de la façon de lire les clés et les valeurs du JSON renvoyé.
Clés API et services externes — ce que protège une clé, et les webhooks
Cet article détaille ce que signifie « récupère une clé API et mets-la dans .env », en montrant qu'une clé est une chaîne de caractères qui indique à qui appartient l'appel, et en suivant le flux du webhook par lequel le service externe appelle ton propre serveur.
La différence entre le cloud et le sur site — hébergement mutualisé et périmètre de responsabilité
Cet article compare le sur site, l'hébergement mutualisé et le cloud selon l'endroit où se trouve le matériel serveur et selon les couches que tu gères toi-même, et montre qu'AWS, Google Cloud et Azure proposent les mêmes catégories de services sous des noms différents.
Déploiement et variables d'environnement — de ce qui marche chez toi à la mise en ligne
Cet article explique pourquoi une application qui tournait sur ton ordinateur ne fonctionne plus une fois publiée, à partir des trois étapes du déploiement — construire, placer, publier — et du mécanisme des variables d'environnement qui bascule les valeurs différentes entre le développement et la production.
Domaine personnalisé et certificat — mettre ton propre nom sur une URL publiée
Cet article détaille comment remplacer par ton propre domaine la longue URL attribuée automatiquement et comment l'ouvrir en https, en trois parties : l'enregistrement du domaine, les enregistrements DNS et le certificat serveur.
Tu as corrigé, mais l'écran ne change pas — le fonctionnement du cache
Cet article détaille pourquoi le navigateur affiche encore l'ancienne page après une correction, à partir des trois endroits où sont conservées les anciennes copies, de la façon de déterminer si le problème te concerne seul ou concerne tout le monde, et de la méthode qui s'appuie sur le nom de fichier pour que la nouvelle version arrive à coup sûr.
Les points à surveiller en sécurité — ne pas faire confiance aux entrées, protéger les secrets
Cet article examine le principe qui consiste à ne pas faire confiance aux entrées de l'utilisateur à travers la validation côté serveur, l'injection SQL et le XSS, puis détaille où tu peux et où tu ne peux pas placer des informations secrètes comme les clés API et les mots de passe, sous la forme des variables d'environnement et du fichier .env.
Le fonctionnement de la connexion — authentification, session et Cookie
Cet article détaille la différence entre authentification et autorisation qui apparaît dans les explications sur la connexion, la raison pour laquelle les mots de passe sont enregistrés sous forme de hachage, le mécanisme des sessions et des Cookies qui permet au serveur de savoir qu'il s'agit de la même personne après la connexion, et la différence entre l'approche par session et le JWT.
Comment fonctionne la facturation — ce que Stripe prend en charge, et l'attribution des droits par webhook
Cet article détaille le prestataire de paiement et les webhooks qui apparaissent quand tu ajoutes une offre payante, à partir du mécanisme qui évite que les données de carte passent par ton propre serveur et du flux qui va de la réception du paiement à l'attribution des droits à l'utilisateur.
Lire les erreurs et les logs — où regarder et quoi transmettre pour corriger
Cet article détaille où regarder quand tu ne peux dire que « j'ai une erreur », à partir de la structure d'un message d'erreur et d'une trace de la pile d'appels, de la façon de lire les logs qui conservent ce qui s'est passé, et des quatre informations à transmettre dans ta question.