Javascript

Dev front

Refactoring Autocomplete JS & CSS

Cet article traite de la refactorisation de l'autocomplétion en JavaScript et CSS, en utilisant des outils comme Symfony et Webpack. Il explique comment organiser et utiliser la bibliothèque 'autocomplete.js' en tant que composant et comment trouver et appliquer le plugin jQuery correspondant. Les étapes de l'installation et de l'intégration sont détaillées, ce qui rend le contenu utile pour les développeurs cherchant à améliorer leur utilisation des bibliothèques d'autocomplétion dans des projets Symfony.

symfonycasts.com

javascript
Dev front

Page-Specific JS: Multiple Entries

Cet article fournit un guide sur l'utilisation de Webpack Encore avec Symfony pour gérer des fichiers JavaScript spécifiques à une page. Il explique comment configurer plusieurs entrées JavaScript pour améliorer la gestion des scripts dans les applications Symfony, en mettant l'accent sur des exemples pratiques et des bonnes pratiques.

symfonycasts.com

javascript
Dev front

Importing 3rd Party CSS + Image Paths

Cet article traite de l'importation de CSS de tiers et de la gestion des chemins d'images dans un projet utilisant Webpack et Symfony. Il aborde les méthodes pour intégrer des fichiers CSS depuis node_modules, ainsi que l'installation et l'importation de bibliothèques comme Font Awesome. Les démonstrations incluent des exemples de code pour améliorer la gestion des styles et des ressources visuelles au sein d'une application. C'est une ressource utile pour les développeurs cherchant à optimiser leurs workflows avec Webpack et à gérer des intégrations front-end efficacement.

symfonycasts.com

javascript
Dev front

The Magic of Split Chunks

Cette vidéo se concentre sur l'utilisation de Webpack Encore pour optimiser le développement frontend, en particulier à travers la technique de 'split chunks'. Elle explicite le fonctionnement de la configuration Webpack, notamment avec le plugin SplitChunks, pour améliorer la performance des applications web en minimisant le poids des fichiers chargés. La vidéo inclut également un script détaillé et des commentaires pour une meilleure compréhension des différentes étapes du processus d'optimisation.

symfonycasts.com

javascript
Dev front

Modules: require() & import()

Cette vidéo explique comment utiliser Webpack Encore pour améliorer le développement frontend avec Symfony. Elle couvre les modules JavaScript, en particulier les méthodes require() et import(), montrant comment organiser le code et gérer les dépendances efficacement. Les développeurs peuvent ainsi optimiser leurs processus de développement et améliorer la structure de leurs applications web. Une attention particulière est portée sur la compatibilité avec Symfony 5 et sur les bibliothèques PHP et JavaScript associées.

symfonycasts.com

javascript
Dev front

Hello Webpack Encore

Cette vidéo présente Webpack Encore, un outil permettant de gérer les ressources front-end de manière efficace au sein d'un projet Symfony. Elle offre un aperçu de l'installation de Webpack Encore via Yarn, ainsi que des démonstrations de la configuration de webpack.config.js. Le tutoriel est conçu pour aider les développeurs à intégrer facilement Webpack Encore dans leurs projets.

symfonycasts.com

javascript
Dev front

Webpack Encore: Frontend like a Pro! Video Tutorial Screencast

Ce cours intitulé 'Webpack Encore: Frontend like a Pro!' propose un tutoriel sur Webpack Encore, une solution qui facilite l'utilisation moderne de JavaScript. Il aborde l'intégration avec Symfony, l'installation d'Encore et de yarn, et les bases de la configuration de Webpack. Les participants apprendront à gérer CSS, à optimiser le code avec des techniques comme le code splitting, ainsi qu'à utiliser des bibliothèques externes et des plugins jQuery.

symfonycasts.com

javascript
Dev back

End to End (E2E) App Testing Video Tutorial Screencast

Ce cours complet sur les tests E2E avec Symfony permet aux développeurs de maîtriser les techniques de test d'applications en abordant des concepts clés comme la différence entre tests fonctionnels et E2E, le nommage des tests, le développement piloté par le comportement, ainsi que le contrôle et la préparation de la base de données. Le cours couvre également des outils de test tels que Panther et zenstruck/browser, ainsi que des méthodes de débogage fiables.

symfonycasts.com

javascript
"
Dev back

Go is 80/20 language

L'article discute du langage de programmation Go, soulignant son approche 80/20 qui permet d'obtenir 80% d'utilité avec seulement 20% de complexité. Il oppose cette philosophie à d'autres langages qui tendent vers une complexité accrue pour des gains d'utilité marginaux, et explique que Go a réussi à rester simple et efficace. Il aborde les défis que posent les fonctionnalités supplémentaires ainsi que l'importance de directives de codage pour maintenir la simplicité du langage.

blog.kowalczyk.info

javascript
"
Sécurité

Cashu : la petite monnaie du 21ème siècle ?

L'article explique le fonctionnement d'Anubis, une solution de protection utilisée par certains sites pour empêcher le scraping par des bots. Anubis intègre un système de Proof-of-Work similaire à Hashcash, rendant le scraping plus coûteux. Cela sert aussi à identifier les navigateurs sans tête pour améliorer la détection des bots. L'article met en garde contre des plugins comme JShelter qui peuvent interférer avec le fonctionnement d'Anubis.

www.fredix.xyz

javascript