Fiches techniques

Une fiche technique est un guide de référence pratique autour d'une notion — le this en JavaScript, un multi-stage build Docker, la fonction CSS clamp(). On explique le concept simplement, et on vous donne les astuces pour l'intégrer à vos projets. HTML, CSS, JavaScript, DevOps ou game dev : piochez celle qu'il vous faut.

31 fiches

Docker

Du conteneur isolé à l'infrastructure répartie : images, volumes, registry, optimisation.

10 fiches
Un petit port tranquille avec quelques bateaux à côté d'un immense terminal à conteneurs rempli de grues, pixel art
Fiche techniqueIntermédiaire

Docker Swarm et Kubernetes, quelles différences ?

Deux orchestrateurs de conteneurs, deux philosophies. Swarm mise sur la simplicité et le fichier Compose, Kubernetes sur un modèle complet et un écosystème immense. On compare les deux pour savoir lequel choisir.

Deux grues portuaires côte à côte qui soulèvent le même conteneur, l'une reliée à une salle des machines, l'autre non, pixel art
Fiche techniqueIntermédiaire

Docker et Podman, quelles différences ?

Podman se présente comme un remplaçant de Docker. Mêmes commandes, mêmes images, mais pas de démon et pas de root. On regarde ce qui change vraiment, ce qui coince et dans quels cas la bascule vaut le coup.

Un coffre-fort ancien entrouvert d'où s'échappe une lueur dorée, pixel art
Fiche techniqueIntermédiaire

Comment bien gérer les secrets en Docker ?

Mots de passe, tokens, clés d'API : découvrez comment gérer vos secrets en Docker sans les exposer dans vos images, vos logs ou votre dépôt Git, avec les variables d'environnement, les Docker secrets et BuildKit.

Un essaim d'abeilles organisé autour d'une ruche en pixel art, chaque abeille transportant un petit conteneur
Fiche techniqueAvancé

Docker Swarm : déployer sur un cluster

Découvrez Docker Swarm, l'orchestrateur intégré à Docker : initialisez un cluster, déployez des services répliqués, profitez du load balancing, des rolling updates et déployez une stack complète depuis un docker-compose.yml.

Un standard téléphonique vintage avec une opératrice qui branche des câbles, pixel art
Fiche techniqueIntermédiaire

Comment bien gérer les réseaux Docker ?

Bridge, host, overlay, réseaux personnalisés, DNS interne et isolation : découvrez comment fonctionnent les réseaux Docker et comment faire communiquer (ou cloisonner) vos conteneurs proprement.

Trois bateaux porte-conteneurs de tailles différentes alignés dans un port, pixel art
Fiche techniqueDébutant

Docker, Docker Compose et Docker Swarm : quelles différences ?

Comprenez enfin la différence entre Docker, Docker Compose et Docker Swarm. Un conteneur, plusieurs conteneurs sur une machine ou une infrastructure répartie sur plusieurs serveurs : on démêle tout ça ensemble.

Une scène d'immeubles avec 6 appartements où l'intérieur est visible, pixel art
Fiche techniqueAvancé

Comment faire un multi-stage build ?

Découvrez comment optimiser vos images Docker grâce au multi-stage build. Réduisez la taille de vos images, améliorez la sécurité et maîtrisez vos déploiements en production avec cette technique incontournable.

Une vendeuse asiatique utilisant un balance dans un magasin, pixel art
Fiche techniqueIntermédiaire

Comment optimiser une image Docker ?

Découvrez les bonnes pratiques pour optimiser une image Docker et réduire sa taille, accélérer le build et renforcer la sécurité sans changer votre code.

Une installation portuaire où un bateau est en train d'être déchargé de ses conteneurs, pixel art
Fiche techniqueIntermédiaire

Qu'est-ce qu'un registry Docker?

Comprenez ce qu’est un registry Docker, comment publier et récupérer vos images et maîtrisez le workflow build → tag → push → pull → run.

Une femme en train de brancher une clé USB dans un ordinateur, pixel art
Fiche techniqueIntermédiaire

Comment (bien) utiliser les volumes Docker ?

Découvrez comment utiliser les volumes Docker pour persister vos données ou partager des fichiers entre votre machine et vos conteneurs.

Game dev

Coder de petits jeux rétro : PICO-8, Pygame, game loop et premières cartouches.

3 fiches

CI/CD

Automatiser tests et mises en production avec les GitHub Actions.

7 fiches
Un tapis roulant d'usine accéléré avec des rouages bien huilés, pixel art
Fiche techniqueIntermédiaire

Comment optimiser vos workflows GitHub Actions ?

Vos workflows GitHub Actions sont lents ? Découvrez comment les accélérer avec le cache des dépendances, les matrices de test en parallèle, le concurrency pour annuler les runs obsolètes, les jobs conditionnels et timeouts. Des pipelines plus rapides et surtout moins gourmands.

Deux chaînes de montage automatisées côte à côte, l'une aux couleurs de GitHub, l'autre de GitLab, pixel art
Fiche techniqueDébutant

Quelles sont les différences entre GitHub Actions vs GitLab CI ?

GitHub Actions ou GitLab CI ? Dans cette fiche, on compare les deux outils de CI/CD, en regardant la syntaxe des workflows, les runners, la tarification et leur écosystème.

Des blocs de montage identiques réutilisés sur plusieurs chaînes d'usine, pixel art
Fiche techniqueAvancé

Comment réutiliser un workflow GitHub Actions ?

Marre de copier-coller les mêmes étapes d'un workflow à l'autre ? Découvrez comment mutualiser vos pipelines GitHub Actions avec les reusable workflows (workflow_call) et les composite actions : inputs, secrets, outputs et quand choisir l'un ou l'autre.

Un coffre-fort rempli de clés posé sur un tapis roulant d'usine, pixel art
Fiche techniqueIntermédiaire

Comment gérer les secrets dans GitHub Actions ?

Tokens, mots de passe, clés SSH : découvrez comment stocker et utiliser des secrets dans GitHub Actions sans jamais les écrire en clair. Secrets de dépôt, d'organisation, environnements protégés, OIDC et pièges à éviter.

Un bras robotisé qui dépose un conteneur Docker sur un tapis roulant vers un serveur, pixel art
Fiche techniqueIntermédiaire

Comment déployer une image Docker depuis GitHub Actions ?

Apprenez à construire, taguer et déployer une image Docker automatiquement avec GitHub Actions. Connexion au registry, docker/build-push-action, push sur Docker Hub ou GHCR et déploiement sur votre serveur. Le pont entre Docker et la CI/CD.

Des colis posés sur une étagère, pixel art
Fiche techniqueDébutant

Qu'est-ce qu'un artefact GitHub Actions ?

Découvrez à quoi sert un artefact GitHub Actions, comment en créer un avec l'action upload-artifact et quand l'utiliser dans un workflow CI/CD pour stocker vos fichiers, builds ou rapports de test.

Une scène avec des tapis roulants et des usines avec pour inspiration Satisfactory, pixel art
Fiche techniqueDébutant

Quand et comment déclencher un workflow GitHub Actions ?

Découvrez quand et comment déclencher un workflow GitHub Actions grâce aux principaux déclencheurs (push, pull_request, workflow_dispatch, schedule). Apprenez à configurer vos workflows, choisissez le bon déclencheur selon votre besoin et explorez des exemples concrets pour React et Flask. Fiche technique claire, accessible et à jour.

Cloud public

Du vocabulaire au premier déploiement : modèles de service, public ou privé, coûts réels.

5 fiches
Un conteneur maritime posé sur un quai bordé de bornes lumineuses, une fusée de signalisation au-dessus, pixel art
Fiche techniqueIntermédiaire

Comment déployer un conteneur Docker sur Scaleway ?

La mise en pratique des six étapes du déploiement, chez Scaleway, avec Serverless Containers et la CLI scw : registry, autorisation, création du conteneur, variables d'environnement, healthcheck et mise à l'échelle à zéro.

Un conteneur maritime soulevé par une grue et posé sur un socle lumineux au milieu d'un entrepôt de serveurs, pixel art
Fiche techniqueIntermédiaire

Comment déployer un conteneur Docker dans le cloud ?

Maintenant que votre image est sur un registry, il vous reste à la faire tourner. On déroule le déploiement d'un conteneur Docker sur un service managé (authentification au registry, variables d'environnement, port exposé, healthcheck, mise à l'échelle et coût à l'usage).

Trois parts de pizza alignées, la première crue, la deuxième dans un carton de livraison et la troisième servie sur une assiette, pixel art
Fiche techniqueIntermédiaire

IaaS, PaaS, SaaS, quelles différences et comment choisir ?

IaaS, PaaS ou SaaS ? On compare les trois modèles de service du cloud avec un tableau qui gère quoi en terme de matériel, réseau, OS, runtime, application, données. On voit aussi ce qu'on gagne et ce qu'on perd en montant d'une couche.

Trois bâtiments côte à côte, un immeuble partagé, une maison individuelle et une passerelle entre les deux, pixel art
Fiche techniqueDébutant

Cloud public, privé, hybride : quelles différences ?

Comprenez enfin la différence entre cloud public, cloud privé et cloud hybride. Qui possède le matériel, qui paie quoi, ce que chaque modèle apporte en conformité et en élasticité et pourquoi le multicloud n'est pas l'hybride.

Un immense entrepôt de serveurs vu de l'intérieur, avec un petit conteneur posé sur un chariot, pixel art
Fiche techniqueDébutant

Qu'est-ce que le cloud public ?

Comprenez ce qu'est vraiment le cloud public : mutualisation, libre-service, élasticité et facturation à l'usage. Les cinq caractéristiques du NIST sans le jargon, le vocabulaire de base (région, zone de disponibilité, instance, stockage objet) et les limites à connaître avant de déployer.

JavaScript

Les notions clés du langage : retours de fonction, asynchrone, le mot-clé this.

3 fiches

CSS

Des designs fluides et responsives, une propriété à la fois.

1 fiche

Outils & infra

Storybook, TypeScript, reverse proxys et l'écosystème autour du dev web.

2 fiches