Cours Café · créé le 6 sept.
CSS Container Queries : adapter un composant à son conteneur
Rendez un composant responsive selon l’espace qu’il reçoit réellement, plutôt que selon la largeur de toute la fenêtre.
Votre prochaine idée arrive…
L’essentiel le temps d’un café. Et de quoi aller plus loin, à votre rythme.
Apprenez comment CSP indique au navigateur quels scripts et ressources il peut charger ou exécuter, et pourquoi cette défense complète la validation des données sans la remplacer.
Lire le coursRendez un composant responsive selon l’espace qu’il reçoit réellement, plutôt que selon la largeur de toute la fenêtre.
Validez qu’un objet respecte un contrat tout en conservant l’inférence précise de ses propriétés, sans transformer chaque valeur en union trop large.
Annulez proprement une requête réseau quand l’utilisateur change de page, lance une nouvelle recherche ou qu’un délai maximal est dépassé.
Comprendre le sélecteur relationnel :has(), qui permet enfin d’adapter un élément selon ses descendants ou voisins sans ajouter de classe en JavaScript.
Comprendre queues, producteurs, consommateurs, acknowledgements et pub/sub avant RabbitMQ, Kafka et les architectures événementielles.
Apprendre à écrire, découper et valider une user story, avec critères d’acceptation, INVEST, exemples et pièges courants.
Écrire une fonction fléchée, la raccourcir sans perdre en lisibilité, et comprendre pourquoi elle ne convient pas comme méthode d’objet à cause de la manière dont elle traite this.
Transformer un tableau avec map() sans toucher à l’original, distinguer map() de filter(), et arrondir correctement un montant calculé en JavaScript.
Extraire des propriétés d’objet par leur nom et des éléments de tableau par leur position, avec renommage, valeurs par défaut et décomposition imbriquée.
Copier un tableau ou un objet avec le spread, comprendre pourquoi les objets imbriqués restent partagés, et produire des mises à jour d’état réellement immuables.
Accédez sans erreur à une donnée qui peut manquer avec ?., fournissez une valeur de secours avec ??, et cessez de perdre les 0 et les chaînes vides à cause de ||.
Comprenez pourquoi une fonction garde accès aux variables de l’endroit où elle a été créée, et ce que ce mécanisme permet : compteurs, données privées et callbacks.
Découvrez comment TypeScript resserre un type au fil de vos conditions, et comment décrire des états qui rendent les combinaisons incohérentes impossibles à écrire.
Comprenez ce qu’une Promise représente et pourquoi await suspend une fonction sans figer votre application.
Suivez l’ordre réel d’exécution de JavaScript : le code synchrone, puis les microtâches, puis les minuteurs et les événements.
Lancez ensemble les opérations réellement indépendantes, et sachez ce qui se passe quand l’une d’elles échoue.
Comprendre ce que la spécification HTTP promet lorsqu’une requête est renvoyée, et pourquoi l’état final du serveur compte davantage que le code de réponse reçu.
Comprendre pourquoi le navigateur refuse une réponse d’API venue d’une autre origine, poser les en-têtes attendus, et distinguer ce que CORS protège de ce qu’il ne protège pas.
Savoir quand une ressource est réutilisée sans aucune requête, quand elle est revalidée, et choisir les en-têtes qui évitent de servir une copie périmée.
Rendre une création répétable sans doublon grâce à une clé d’idempotence insérée avant l’action et protégée par une contrainte d’unicité en base.
Comprendre pourquoi un groupe d’écritures doit réussir ensemble ou pas du tout, et comment BEGIN, COMMIT et ROLLBACK le garantissent dans PostgreSQL.
Comprendre pourquoi une page peut déclencher cent une requêtes SQL, repérer le motif dans les journaux et le corriger par une jointure ou un chargement en lot.
Comprendre pourquoi deux requêtes correctes produisent ensemble un résultat faux, et protéger vos données avec un UPDATE atomique, un verrou ou une contrainte.
Détecter qu’une donnée a changé depuis sa lecture, refuser proprement l’écriture concurrente et éviter d’écraser silencieusement le travail d’une autre personne.
Échangez des données en temps réel entre le client et le serveur, sans rouvrir la connexion.
Comprenez les instantanés, les branches et les commits pour travailler sereinement.
Des tables aux premières requêtes : donnez une structure fiable à vos données.
Embarquez votre application et ses dépendances dans un environnement reproductible.
Choisissez les bons éléments pour donner du sens à une page.
Comprenez la cascade, les boîtes et les mises en page adaptatives.
Écoutez les événements et faites évoluer l’interface sans recharger la page.
Requêtes, réponses et statuts : le vocabulaire commun du navigateur et du serveur.
Recevez un flux d’événements sans construire un protocole bidirectionnel.
Comprenez pourquoi une base peut retrouver une ligne sans tout parcourir.