Javascript

Dev front

Challenge #1 for Actions: Listening to Events | SymfonyCasts

L'article aborde comment écouter des événements avec les actions Stimulus dans Symfony UX, proposé comme un défi pratique. Il guide les utilisateurs à travers les étapes nécessaires pour implémenter des actions réactives en réponse aux événements utilisateurs, permettant de créer des interfaces plus interactives et dynamiques. Ce défi sert à renforcer la compréhension des bases de Stimulus dans un projet Symfony.

Dev front

Challenge #1 for Targets: Finding Elements | SymfonyCasts

Cet article présente un défi lié à l'utilisation de Stimulus avec Symfony UX, axé sur la recherche d'éléments dans le DOM. Le contenu fait partie d'une série de défis éducatifs destinés à améliorer les compétences des développeurs utilisant Symfony. Les utilisateurs peuvent s'entraîner, re-visionner le contenu, et gérer leurs défis via leur compte.

Dev front

Stimulus Controllers

Ce tutoriel explique comment créer des contrôleurs avec Stimulus 3 dans le cadre d'un projet Symfony. Il décrit les changements nécessaires par rapport à Stimulus 2, notamment l'importation des fichiers de contrôleur et la définition de l'élément data-controller. Le contenu est enrichi d'exemples concrets et de recommandations.

Dev back

Automatically Redirect Ajax Calls to /login

Cet article présente un tutoriel sur la redirection automatique des requêtes Ajax vers la page de connexion dans une application Symfony. Il décrit les différentes étapes pour mettre en œuvre cette fonctionnalité, y compris la création d'un abonné d'événements dédié. Des ressources supplémentaires, comme des vidéos et des téléchargements de scripts, sont également mentionnées pour accompagner l'apprentissage.

Dev back

Frame Redirecting and Clearing the Snapshot Cache

Cet article propose un tutoriel sur la gestion des formulaires avec Turbo dans Symfony, mettant l'accent sur des techniques pour éviter que le cache des snapshots ne soit effacé. Il aborde l'activation du redirectionnement lors de l'utilisation de Turbo, ainsi que des manières de gérer des fonctionnalités spécifiques comme l'ajout d'éléments au panier.

Dev back

Full Page Redirect from a Frame

Cet article explique comment gérer les redirections complètes d'un cadre en utilisant Symfony et Turbo. Il décrit des exemples de scripts et des méthodes pour manipuler les événements de redirection, ainsi que la mise en œuvre de la liaison et de la déconnexion des écouteurs d'événements. Le guide fournit des codes ainsi que des considérations pratiques pour optimiser l'expérience utilisateur lors de la navigation à travers des pages redirigées.

Dev front

Lazy Modal & Big Cleanup

Cet article traite de la mise en œuvre d'une fonctionnalité de chargement modal paresseux et d'un nettoyage conséquent dans une application Symfony. Il présente des extraits de code ainsi que des conseils pratiques pour améliorer le développement de l'interface utilisateur dans le contexte de la gestion des produits. Les développements impliquent l'utilisation de certains outils JavaScript pour optimiser l'expérience utilisateur.

Fullstack

Frame-Powered Inline Editing

Cet article présente un tutoriel sur l'édition en ligne avec des éléments Turbo dans Symfony. Il explique comment intégrer Turbo dans des templates pour faciliter les modifications en temps réel. Le contenu inclut également des références à des bibliothèques PHP et JavaScript utilisées dans le tutoriel. Ce type de fonctionnalité améliore l'expérience utilisateur en rendant les interfaces plus interactives et réactives.

Dev front

Globally Disable Buttons on Form Submit

Cet article fournit un tutoriel sur la désactivation globale des boutons lors de la soumission d'un formulaire dans une application utilisant Symfony et Turbo. Il explique comment modifier le comportement par défaut des boutons submit pour éviter les soumissions multiples et améliorer l'expérience utilisateur. Des extraits de code et des exemples pratiques sont fournis pour illustrer les concepts évoqués, permettant aux développeurs d'implémenter ces techniques efficacement.