Javascript

Dev front

Spätzi, l'assistant contrastes accessibles

Spatzi est un outil en ligne conçu pour aider designers et développeurs à créer des palettes de couleurs accessibles. Il vérifie les ratios de contraste selon les normes WCAG et APCA et utilise l'espace colorimétrique OKLCH. L'outil propose des aperçus en direct, des recommandations de couleurs accessibles, et des guides d'accessibilité intégrés, permettant aux utilisateurs de valider leurs combinaisons de couleurs pour une meilleure conformité aux normes d'accessibilité.

www.alsacreations.com

javascript
IA

LiteChat - Un chat IA local first, auto hebergeable sur un server HTTP | Dbuild.dev

LiteChat est un chat basé sur l'IA conçu pour fonctionner avec des modèles de langage locaux et distants dans le navigateur. Il ne nécessite qu'un serveur HTTP pour être opérationnel, respectant la confidentialité des utilisateurs grâce à l'absence de tracking. Les données sont stockées localement dans IndexDB, et le chat propose plusieurs fonctionnalités telles que la synchronisation des conversations via Git, la création de diagrammes avec Mermaid, et la possibilité d'exécuter du code en JavaScript ou Python. LiteChat offre également des outils pour la gestion des workflows et des prompts, ouvrant la voie à des expériences interactives et personnalisées.

dbuild.dev

javascript
Autre

8 Useful Coding Tools Every Developer Should Bookmark

Cet article présente huit outils essentiels que chaque développeur devrait ajouter à ses favoris, notamment Fly.io pour déployer des applications et Static.app pour héberger des sites statiques facilement. Les deux outils offrent des fonctionnalités intéressantes pour améliorer l'efficacité et la gestion des applications en ligne.

medium.com

javascript
Dev front

Stop Wasting API Calls: Learn API Request Cancellation in Modern JavaScript

Cet article explore comment gérer l'annulation des appels d'API en JavaScript moderne, y compris la manière dont les navigateurs interagissent avec les serveurs pour optimiser les performances, réduire la charge serveur et éviter des conditions de concurrence dans les interfaces utilisateur. Il fournit également des exemples de code réels pour illustrer les meilleures pratiques.

medium.com

javascript
Dev back

Reordering the Files

Ce tutoriel présente comment gérer l'upload de fichiers dans Symfony 5, en se concentrant sur la réorganisation des fichiers. Il couvre l'ajout d'un champ de position, l'utilisation de la bibliothèque Sortable, et montre des exemples de code dans les fichiers JavaScript et Twig. Les étapes expliquées incluent l'intégration et l'amélioration de l'interface utilisateur à l'aide de CSS.

symfonycasts.com

javascript
Dev back

JavaScript for Editing a Reference

Cet article aborde l'utilisation de JavaScript pour la gestion des références dans une application développée avec Symfony. Il détaille les différentes parties du code et les interactions entre JavaScript et Symfony pour l'édition des références d'article. Les développeurs peuvent s'attendre à des conseils pratiques sur la manipulation du DOM et l'intégration avec le backend Symfony.

symfonycasts.com

javascript
Dev back

Rendering the File List Client Side

Cet article traite de la création d'une interface pour le téléchargement de fichiers dans Symfony 5. Il aborde la manière de rendre la liste de fichiers disponible côté client à l'aide de JavaScript, ainsi que l'utilisation de templates Twig pour générer le contenu. Il contient des exemples de code pour gérer les fichiers et les afficher dynamiquement dans l'interface. Les différentes parties essentielles incluent la configuration du contrôleur et la logique de rendu.

symfonycasts.com

javascript
Dev back

API Endpoint & Errors with Dropzone

Cet article traite de l'upload de fichiers dans Symfony en utilisant Dropzone. Il fournit des exemples de code pour la mise en œuvre d'un endpoint API et la gestion des erreurs lors du téléchargement de fichiers. Les utilisateurs apprendront à configurer Dropzone dans leurs formulaires Symfony pour un upload efficace et à gérer les réponses d'erreurs. Bien qu'axé sur Symfony 4, le contenu est compatible avec Symfony 5, ce qui le rend pertinent pour les développeurs utilisant les versions récentes de ce framework.

symfonycasts.com

javascript
Dev front

browserslist: What Browsers do you need to Support?

Cet article propose une vidéo tutorielle sur l'utilisation de browserslist pour déterminer les navigateurs à supporter dans une application JavaScript, notamment en contexte avec Webpack et Symfony. Il aborde les éléments de configuration essentiels pour la compatibilité des navigateurs et les librairies PHP et JavaScript utilisées dans le cadre de ce tutoriel. À travers des extraits du script de la vidéo, il guide sur la configuration de Babel et l'utilisation de Webpack Encore pour un développement frontend efficace.

symfonycasts.com

javascript
Dev front

Auto-Provide jQuery for Mischievous Packages

Cette vidéo présente comment utiliser Webpack Encore pour intégrer automatiquement jQuery dans des packages JavaScript, en se concentrant sur l'organisation de scripts et l'intégration de composants. Elle aborde également des exemples pratiques pour utiliser jQuery de manière appropriée dans le cadre de projets Symfony.

symfonycasts.com

javascript