Dev Breeze

Dev back

File Upload Field in a Form

Cet article propose un tutoriel sur la création d'un champ d'upload de fichiers dans un formulaire Symfony, incluant des exemples de code pour l'ajout et la gestion des fichiers uploadés. Il couvre des points essentiels tels que le type de fichier, l'architecture d'un contrôleur et la façon d'éviter des processus inutiles lorsque aucun fichier n'est uploadé. Ce guide est compatible avec Symfony 5 et est construit sur un fondement de Symfony 4, rendant l'information pertinente et pratique pour les développeurs travaillant avec ce framework.

symfonycasts.com

symfonyphp
Dev back

Uploads, multipart/form-data & UploadedFile

Cet article traite de l'upload de fichiers dans Symfony 5, en se concentrant sur l'utilisation de multipart/form-data et de l'objet UploadedFile. Il analyse le code de contrôleur nécessaire pour gérer les fichiers téléchargés et fournit des exemples de templates Twig pour l'interface utilisateur. Bien que conçu pour Symfony 4, le contenu est parfaitement applicable à Symfony 5.

symfonycasts.com

multipart/form-dataphpsymfony
Dev back

Setting up with the Symfony Local Web Server

Ce tutoriel explique comment configurer un serveur web local avec Symfony 5, permettant l'importation de fichiers et intégrant des bibliothèques PHP. Bien qu'il soit basé sur Symfony 4, il reste compatible avec la version 5. Le contenu couvre également le téléchargement du code du cours et d'autres composants nécessaires à la mise en place de l'environnement de travail.

symfonycasts.com

symfonyphp
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

webpacksymfonyjavascript
Dev front

Support any Browser with PostCSS & Babel

Cette vidéo présente comment utiliser PostCSS avec Babel pour assurer la compatibilité des styles CSS sur les anciens navigateurs. Elle aborde également la configuration de Webpack Encore dans un projet Symfony pour une intégration fluide. Des astuces sont partagées pour éviter les erreurs courantes liées à l'utilisation d'autoprefixer avec différentes versions de PostCSS.

symfonycasts.com

babelwebpackpostcss
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

webpacksymfonyjavascript
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

javascriptsymfonywebpack
Dev front

Sass & Overriding Bootstrap Variables

Cet article présente une vidéo tutorielle sur l'utilisation de Sass pour personnaliser et remplacer les variables de Bootstrap. Il couvre la configuration de Webpack Encore et montre comment organiser les fichiers Sass en parties (partials) tout en permettant une meilleure gestion des styles CSS. Les exemples de code et de structure de fichiers sont également fournis pour aider à la compréhension et à la mise en œuvre des concepts abordés.

symfonycasts.com

bootstrapwebpacksass
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

symfonyjavascriptwebpack