Ajax

Dev back

The Blackfire CLI Tool for AJAX Requests

Ce tutoriel présente comment utiliser l'outil CLI de Blackfire pour profiler des requêtes AJAX. Il est applicable à toute application, y compris Symfony 4 et 5. Le contenu inclut des instructions sur l'installation et la configuration de Blackfire, ainsi que des exemples de profiling.

Dev back

Dropzone: AJAX Upload

Cet article présente un tutoriel sur l'utilisation de Dropzone pour télécharger des fichiers de manière asynchrone avec Symfony. Les étapes incluent l'installation de Dropzone, la configuration du contrôleur ArticleReferenceAdmin et la personnalisation du script JavaScript pour gérer les fichiers téléchargés. Le tutoriel est compatible avec Symfony 5, bien qu'il soit construit sur Symfony 4.

Autre

⚡️ How Gmail Knows Your Username Is Already Taken — Almost Instantly

Gmail utilise un pipeline optimisé pour vérifier la disponibilité des noms d'utilisateur presque instantanément. Lorsqu'un utilisateur tape un nom, le navigateur attend une courte pause avant d'envoyer une requête. En cas de nécessité, Gmail consulte d'abord un cache en mémoire pour un accès rapide, puis fait une requête sur une base de données indexée pour trouver le nom d'utilisateur en un temps logarithmique ou constant. Ce système assure une réponse rapide et efficace.

Sécurité

La notion d'origine web et CORS

L'article explique la notion d'origine en développement web et son importance pour la sécurité via la politique de même origine (Same-Origin Policy) et CORS (Cross-Origin Resource Sharing). Il detaille comment ces mécanismes permettent de protéger les ressources d'un site et d'éviter les attaques CSRF. Une configuration CORS appropriée sur les serveurs est essentielle pour autoriser ou restreindre les accès en fonction de l'origine des requêtes.

Dev front

New client-side hooks coming to React 19

Le nouvel article aborde l'introduction de nouveaux hooks côté client dans React 19, se concentrant principalement sur la récupération de données et la gestion des formulaires. Ces hooks visent à améliorer la productivité des développeurs React, y compris ceux travaillant sur des applications monopages. Des fonctionnalités comme 'use(Promise)', 'use(Context)', et des actions de formulaire sont introduites pour simplifier la gestion des formulaires et améliorer l'expérience utilisateur, ainsi qu'un bonus pour les transitions asynchrones. Ces hooks peuvent être appelés dans des boucles et des déclarations conditionnelles, rendant le développement plus flexible.

Sécurité

$350 XSS in 15 minutes

Cet article détaille la découverte d'une vulnérabilité XSS dans un intervalle de temps très court, en exploitant des paramètres d'URL. L'auteur décrit le processus de recherche dans les fichiers JS, l'utilisation des outils de développement Chrome pour analyser les requêtes AJAX, et finalement, la confirmation de la vulnérabilité, qui a conduit à une récompense monétaire de 350 $. L'article est instructif et fournit des conseils utiles aux chercheurs de bugs sur l'identification des faiblesses similaires.