Flux
Toutes les sources

Grafikart (YouTube)

50 articles Flux RSS
Programmation Web
Découverte des Container query en CSS YouTube
Programmation Web

Découverte des Container query en CSS

🔗 Article : https://grafikart.fr/tutoriels/container-query-2353 Les media queries permettent d'adapter une interface à la taille de l'écran. C'est généralement suffisant, mais un composant peut aussi être placé dans une zone beaucoup plus étroite, comme une sidebar. Les container queries permettent alors d'appliquer des règles selon la taille de son conteneur plutôt que celle du viewport. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez…

Grafikart (YouTube)
Il a trouvé une faille sur Grafikart.fr ! YouTube
Programmation Web

Il a trouvé une faille sur Grafikart.fr !

🔗 Article : https://grafikart.fr/blog/faille-xss-grafikart Récemment, une vulnérabilité critique m'a été signalée sur Grafikart. Le problème permettait, dans certaines conditions, de prendre le contrôle d'un compte sur le site en faisant cliquer l'utilisateur sur un lien. Plutôt que de corriger silencieusement, je vous propose de revenir sur cette faille pour comprendre ce qui s'est passé et les protections mises en place. ______________________ Soutenir la chaîne : ⭐ Devenez premium :…

Grafikart (YouTube)
Comprendre le RAG, adapté l'IA à ses documents YouTube
Programmation Web

Comprendre le RAG, adapté l'IA à ses documents

🔗 Article : https://grafikart.fr/tutoriels/rag-ia-2352 Le RAG, pour **Retrieval-Augmented Generation** ou génération augmentée par récupération, permet d'aider une IA à répondre à des questions à partir de documents internes. L'idée n'est pas d'envoyer toute la documentation au modèle, mais de récupérer en amont les informations réellement utiles pour répondre au questionnement de l'utilisateur. 00:00 Présentation 00:22 Pour quel besoin ? 01:30 Exemple 02:20 Comment ça marche ? 02:38 Le…

Grafikart (YouTube)
Herdr, un multiplexeur qui gère vos agents YouTube
Programmation Web

Herdr, un multiplexeur qui gère vos agents

🔗 Article : https://grafikart.fr/tutoriels/herdr-multiplexer-2351 Dans cette vidéo je vous propose de découvrir Herdr, un multiplexeur de terminal qui permet depuis une fenêtre de lancer plusieurs session de terminal avec des workspaces et des onglets et surtout un support des agents IA. 00:00 Introduction 00:35 Présentation de l'interface 02:32 Gestions des agents 04:16 Utilisation des skills 07:03 Conclusion ______________________ Soutenir la chaîne : ⭐ Devenez premium :…

Grafikart (YouTube)
Créer des vidéo avec du code (via Remotion) YouTube
Programmation Web

Créer des vidéo avec du code (via Remotion)

🔗 Article : https://grafikart.fr/tutoriels/remotion-2350 Remotion permet de créer des vidéos avec du code en s'appuyant sur React. L'intérêt est double : on peut construire des animations de manière précise, mais aussi automatiser la génération de vidéos puisque tout repose sur des composants, des propriétés et des fichiers manipulables par un script ou un agent IA. 00:00 Introduction 00:39 Installation 02:38 Première animation 13:56 Les séquences 15:27 Remotion Studio 16:40 Séries &…

Grafikart (YouTube)
Créer un service interchangeable avec Laravel YouTube
Programmation Web

Créer un service interchangeable avec Laravel

🔗 Article : https://grafikart.fr/tutoriels/service-interchangeable-2349 Créer un service réutilisable ne consiste pas seulement à écrire une classe qui fonctionne. L'objectif est surtout de réfléchir à la surface minimale dont l'application a besoin, pour pouvoir remplacer facilement l'implémentation plus tard. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
Pourquoi je parle peu d'IA ? YouTube
Programmation Web

Pourquoi je parle peu d'IA ?

🔗 Article : https://grafikart.fr/blog/pourquoi-peu-ia Aujourd'hui, je voulais revenir sur ma ligne éditoriale et vous expliquer pourquoi je ne parle pas tant que ça d'IA générative sur la chaîne. Je précise tout de suite que le sujet n'est pas de savoir si l'IA est utile ou non pour les développeurs. ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
Créer une API typée avec ConnectRPC (Go / TypeScript) YouTube
Programmation Web

Créer une API typée avec ConnectRPC (Go / TypeScript)

🔗 Article : https://grafikart.fr/tutoriels/connectrpc-go-2348 Quand on développe une API autrement qu'en TypeScript, on se retrouve souvent avec un problème de synchronisation : les types existent côté serveur, mais il faut les recopier ou les maintenir à la main côté client. Dès que l'API évolue, un oubli peut rapidement créer un décalage entre les deux parties. [ConnectRPC](https://connectrpc.com/) apporte une solution en permettant de construire une API gRPC compatible avec les navigateurs…

Grafikart (YouTube)
Les protocol buffers (protobuf) YouTube
Programmation Web

Les protocol buffers (protobuf)

🔗 Article : https://grafikart.fr/tutoriels/protobuf-2347 Quand on échange des données entre deux applications, on utilise souvent du JSON par défaut. Le format est lisible, simple à manipuler et largement supporté, mais il montre vite certaines limites dès que l'on cherche à optimiser les échanges : ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord :…

Grafikart (YouTube)
Rendez vos composants appelable avec react-call YouTube
Programmation Web

Rendez vos composants appelable avec react-call

🔗 Article : https://grafikart.fr/tutoriels/react-call-2346 Lorsque l'on veut afficher une boîte de confirmation dans React, on se retrouve souvent à ajouter un état `open`, à câbler les callbacks, puis à conditionner la suite de l'action en fonction du choix de l'utilisateur. Pour une simple suppression, cela fait beaucoup de code autour du composant qui déclenche l'action. [React Call](https://github.com/desko27/react-call) propose une autre approche : transformer un composant React en…

Grafikart (YouTube)
Comment compter des millions de vues ? HyperLogLog YouTube
Programmation Web

Comment compter des millions de vues ? HyperLogLog

🔗 Article : https://grafikart.fr/tutoriels/hyperloglog-2345 Imaginez-vous travailler chez YouTube : on vous demande de compter le nombre de vues d'une vidéo, comment feriez-vous ? Intuitivement, on penserait à enregistrer tous les utilisateurs qui consultent la vidéo puis à compter la taille de la liste. Mais, pour une vidéo avec plusieurs millions de vues, stocker chaque identifiant utilisateur peut rapidement coûter cher en mémoire. C'est là…

Grafikart (YouTube)
Chrome veut désorganiser l'HTML ! YouTube
Programmation Web

Chrome veut désorganiser l'HTML !

🔗 Article : https://grafikart.fr/blog/html-partial-update Le streaming HTML permet déjà au navigateur d'afficher une page progressivement au fil du chargement du document. Le problème, c'est que ce flux reste linéaire : si un bloc au milieu de la page met du temps à être généré, tout ce qui arrive après est bloqué. Chrome expérimente une nouvelle approche avec le Declarative partial update, qui permet d'injecter des morceaux d'HTML à des emplacements précis et ainsi de charger la page dans le…

Grafikart (YouTube)
Protéger votre système des agents avec Greywall YouTube
Programmation Web

Protéger votre système des agents avec Greywall

🔗 Article : https://grafikart.fr/blog/greywall-decouverte Les actualités récentes nous ont montré qu'en tant que développeur, on doit être attentif lorsqu'on exécute des commandes, que ce soit avec les agents IA ou avec les outils que l'on utilise au quotidien. Les dépendances que l'on importe dans nos projets peuvent aussi devenir de bons vecteurs d'attaque. Greywall apporte une couche de protection en offrant la possibilité d'exécuter les commandes dans un bac à sable afin de contrôler ce à…

Grafikart (YouTube)
FrankenPHP une alternative à PHP FPM & Nginx YouTube
Programmation Web

FrankenPHP une alternative à PHP FPM & Nginx

🔗 Article : https://grafikart.fr/tutoriels/frankenphp-2344 Aujourd'hui, lorsque l'on veut héberger une application PHP, on a recours à 2 briques : un serveur web comme Nginx ou Apache, puis PHP-FPM pour interpréter les fichiers PHP. Si on utilise Docker, cela implique deux conteneurs qui doivent communiquer ensemble. FrankenPHP propose un serveur web tout-en-un capable de servir les fichiers statiques et d'exécuter le code PHP. - 00:00 Introduction - 01:24 Installation & utilisation - 05:19…

Grafikart (YouTube)
Par quel langage débuter ? YouTube
Programmation Web

Par quel langage débuter ?

🔗 Article : https://grafikart.fr/blog/langage-debuter La première étape quand on veut débuter dans le développement est de choisir son premier langage de programmation et ce n'est pas un choix facile.... ______________________ Soutenir la chaîne : ⭐ Devenez premium : https://grafikart.fr/premium Retrouvez Grafikart : 🐦 Twitter : https://twitter.com/grafikart_fr 💬 Discord : https://grafikart.fr/tchat

Grafikart (YouTube)