Одну секунду
Что-то сучилось. Попробуйте еще раз.
Webpack encore смотреть последние обновления за сегодня на .
Code source disponible sur 🤍 #formation #php #symfony
Installation et configuration de Webpack sur Symfony pour utiliser: - des préprocesseurs tels que Sass, Less ou Stylus - PostCss avec Autoprefixer - des framework comme React.js ou Vue.js - TypeScript - Babel, du versioning, du mapping et bien d'autres choses. PAPCS à tous… P - Partagez A - Abonnez-vous P - Pouce (en haut) C - Commentaire S - Serialif.com 💎 Alors n'hésitez à m'aider, merci d'avance…
ℹ In this recording I show you how to compile your JavaScript and CSS frontend assets in Symfony using a tool called Webpack Encore. If you're familiar with managing frontend assets then you're probably familiar with Webpack...and you'll no doubt be aware that configuring and using it ain't a walk in the park... ⭐Website and courses: 🤍 🆓Want more? Claim your $39 Git and Github course for FREE here: 🤍 👇Follow me on Social Media: Twitter: 🤍 Linkedin: 🤍 💕Show support: 🤍
Уроки по Symfony 5, Подключение webpack. В данном выпуске реализуем сборку фронта с использованием webpack
Hey salut à tous ! Lien vers le github du projet: 🤍 Bienvenue sur cette chaîne qui sera consacrée à vous aider sur plein de petites chose en PHP !! Ici on ne verra pas comment programmer de A à Z mais on verra comment intégrer certains outils à nos projets existants pour qu'ils deviennent vraiment OUF 💪💪 Aujourd'hui on parle de Webpack/Encore dans Symfony on passe sur du Front !! On va voir comment on peut créer nos propres log, rajouter des données dans nos log et comment les déclencher automatiquement avec des événements. Au programme pour cette vidéo et celles à venir: - Webpack/Encore - GIT - SSH - PDF - SonarQube - ET ENCORE PLEIN D'AUTRES !! On parlera souvent de packages que j'ai utilisé et où j'ai galéré... Pour pas que ça vous arrive je vous explique comment faire et BOUUM c'est parti ! 🤩🤩🤩 Si vous avez des idées de vidéos sur des packages qui le méritent hésitez à commenter juste en dessous 👇👇 et bien sur si ces vidéos vous plaisent abonnez-vous pour pas rater les prochaines 😉
This video will show you how you can compile your assets (CSS & JS) in Symfony 6 - Want to learn an incredible open-source PHP framework? Symfony is one of the most popular frameworks when you need to build high-performance & complex web applications. 📚 New Udemy Course If you're looking to level up your Laravel skills, my new course "Udemy Migirations, Seeders, Factories, Query Builder, Eloquent & Relationships" is the perfect opportunity. Learn the essential tools and techniques for building robust and scalable web applications with Laravel: 🤍 📲 Let’s plan a meeting Plan a (paid) 1-hour meeting on Calendly to do portfolio reviews, code reviews resume reviews or a coaching session for Laravel. Please read the description before booking: 🤍 💌 Newsletter Sign up for my free weekly email newsletter: 🤍 🔥 Resources - PHP Hosting (10% DISCOUNT): 🤍 - TikTok: 🤍 - Instagram: 🤍 - Twitter: 🤍 - Blog: 🤍 - Newsletter: 🤍 - Patreon: 🤍 - GitHub: 🤍 Want to learn more? - Courses: 🤍 📋 Table of Content - Github Symfony Encore 00:00 - Setup & New Files 03:57 - Compiling our CSS 08:52 - Compiling our JavaScript #symfony #framework #symfony6 #php
Code source disponible sur 🤍 #formation #php #symfony
Bootstrap vient de sortir la version v5.0.0-beta1 de son célèbre framework CSS. Nous allons voir comment l'utiliser et le personnaliser avec Symfony 5 et Webpack Encore. Article associé : 🤍 YoanDev.co est une chaine YouTube qui vous propose régulièrement du contenu sur Symfony, Docker, DevOps et encore pleins d'autres sujets autour du développement ! N'oubliez pas de vous abonner et d'activer les notifications si ce n'est pas déjà fait :-) Si vous avez des questions, des compléments ou des corrections à apporter vous pouvez laisser un commentaire sous la vidéo. Ressources : Version "article" des vidéos sur le blog : 🤍 Codes sources des vidéos : 🤍 Retrouvez-moi sur : Twitter : 🤍 LinkedIn : 🤍 Malt : 🤍 Me contacter : contact🤍yoandev.co
From this video you can get basic information about Webpack Encore and how to manage CSS an JS in your Symfony application. 💡 You can support the channel on Patreon: 🤍 ⭐️ Tutorial Contents ⭐️ ◆ (00:00) Let's start ◆ (00:28) What is Webpack & Webpack Encore? ◆ (02:33) How to install Webpack Encore in a Symfony app? ◆ (03:15) About configuring Webpack Encore ◆ (07:19) How to manage CSS? ◇ (07:28) How to import CSS files for all pages? ◇ (09:36) How to import CSS files for separate pages? ◆ (12:46) How to install and integrate Bootstrap CSS & JS using Webpack Encore? ◇ (12:56) How to use Bootstrap CSS? ◇ (17:08) How to use Bootstrap JS? ◆ (19:21) How to manage JS? ◇ (19:24) How to import JS files for all pages via Node syntax? ◇ (21:30) How to import JS files for all pages via ECMAScript syntax? ◇ (22:38) How to import JS files for separate pages? _ You can find me on: LinkedIn: 🤍 #coding #php #symfony #symfony6 #webpack #webpackEncore #managingCSS #managingJS #bootstrap #bootstrapAndWebpack
From this short video you find out how to install Webpack Encore in your Symfony application. 🌟 Webpack Encore playlist: 🤍 ⬅ Previous video here: 🤍 💡 You can support the channel on Patreon: 🤍 _ You can find me on: LinkedIn: 🤍 #coding #php #symfony #symfony6 #webpack #webpackEncore
🤍 Внести свой вклад в развитие канала Webmoney(rub): R645666720328 Webmoney(euro): E710010068843 Webmoney(usd): Z315791298642 Мои группы. Присоединяйся! FB 🤍 OK 🤍 VK 🤍
Article ► 🤍 Abonnez-vous ► 🤍 Soutenez Grafikart: Devenez premium ► 🤍 Donnez via Utip ► 🤍 Retrouvez Grafikart sur: Le site ► 🤍 Twitter ► 🤍 Discord ► 🤍
Symfony 4 - Installer Webpack encore pour gérer nos assets En savoir plus sur les formations : 🤍 Rejoignez le groupe facebook : 🤍 Twitter : 🤍
With Webpack, your JavaScript & CSS code can have superpowers you've only dreamed up. And with Symfony's Webpack Encore, you can get all of this with almost zero setup time! In this talk, we'll quickly learn the basics of Symfony's Webpack Encore. Then, we'll turn to lessons we've learned over the past year and answer popular questions and common problems people run into when moving to Encore. We'll also dive into a host of lesser-known best practices that you can follow to make sure your frontend coding is as streamlined as possible. A modern frontend build system: all in the time of one talk.
Épisode #2 : Dans cet épisode, afin de continuer notre série Symfony 6 sur la création d'un site de A à Z, Nous allons donc voir comment installer Bootstrap5 et un Template de notre choix en utilisant Webpack Encore. Nous verrons également comment configurer notre projet pour que tout cela fonctionne de manière fluide et sans problème. Si vous êtes débutant avec Symfony, je vous conseille fortement de suivre le premier épisode de ce tutoriel avant de continuer, afin de vous assurer de bien comprendre les bases de ce Framework. Si vous êtes déjà confirmé avec Symfony, alors cet épisode devrait être facilement accessible pour vous. Alors, prêts à mettre en place Bootstrap5 et un Template dans votre projet Symfony ? Alors c'est parti ! Ressources : Codes sources de la vidéo : 🤍 Bootstrap 5: 🤍 Thème Around: 🤍 Documentation Webpack Encore : 🤍
Si vous êtes développeur backend, vous vous rendez probablement compte comme moi qu'aujourd'hui, cela ne suffit plus tout à fait. De nos jours, créer une application Web implique souvent de travailler dans un domaine qui change à la vitesse de l'éclair : le développement frontend. Ce talk est destiné au développeur backend désireux de connecter son API à un frontend Javascript riche et interactif. Pour cela, nous discuterons d'abord de nombreux nouveaux termes, comme ES6/ES2015, JSX, Typescript, Babel puis nous verrons comment Webpack permet au développeurs Javascript de travailler modulairement en suivant des standards de qualité reconnus. Nous parlerons aussi de la star du développement frontend, ReactJS, et de comment vous pouvez l'intégrer facilement dans votre projet grâce à Webpack Encore. Le monde du développement frontend est gigantesque, ce talk pourrait être la première étape de votre prochain nouveau voyage !
Comment installer le bundle Webpack Encore dans un projet Symfony 6
786=My lucky number - From this video you will learn about - Webpack Encore - Managing CSS and JavaScript in Symfony 5 - Common CSS and JS in files in Symfony 5 - Entry points (Page specific CSS and JS) - Official Symfony webpack encore documentation: 🤍 - Install Encore: `composer require symfony/webpack-encore-bundle` `npm install 🤍symfony/webpack-encore save-dev` Compile assets and make build: `npm run watch` Timecodes 0:00 Intro 0:26 Installation of Webpack Encore 1:15 Common CSS and JS management 2:41 Compile CSS and JS and make build using command 3:11 Meaning of "watch" in compile assets command 3:37 Apply and run common CSS and JS in project 4:56 Page specific CSS and JS 6:43 Register entry point in webpack.config.js file 7:47 Call page specific entrypoints in twig file 10:25 About the next video on other modules of webpack 10:33 Please Like, Share and Subscribe Thanks
Le repo GitHub : 🤍 FORMATION Un environnement de travail Symfony avec Linux et Docker : 🤍 YoanDev est une chaine YouTube qui vous propose régulièrement du contenu sur Symfony, Docker, DevOps et encore pleins d'autres sujets autour du développement ! N'oubliez pas de vous abonner et d'activer les notifications si ce n'est pas déjà fait :-) Si vous avez des questions, des compléments ou des corrections à apporter vous pouvez laisser un commentaire sous la vidéo. Ressources : Version "article" des vidéos sur le blog : 🤍 Codes sources des vidéos : 🤍 Retrouvez-moi sur : Twitter : 🤍 LinkedIn : 🤍 Malt : 🤍 Me contacter : contact🤍yoandev.co
From this short video you can get basic information about what is Webpack & Webpack Encore. 🌟 Webpack Encore playlist: 🤍 💡 You can support the channel on Patreon: 🤍 _ You can find me on: LinkedIn: 🤍 #coding #php #symfony #symfony6 #webpack #webpackEncore
From this short video you can get basic information about configuring Webpack Encore. 🌟 Webpack Encore playlist: 🤍 ⬅ Previous video here: 🤍 💡 You can support the channel on Patreon: 🤍 _ You can find me on: LinkedIn: 🤍 #coding #php #symfony #symfony6 #webpack #webpackEncore
How to manage assets like js and css files in Symfony 4 Beginners, This video is part of The Learn Symfony 4 Beginners series.
L'écosystème javascript est compliqué, surtout pour un développeur backend ! Avec Webpack Encore, Symfony relève le pari de simplifier la configuration de Webpack et l'intégration de javascript dans un projet PHP. Dans cette conférence, Thomas Dutrion nous fait une initiation à cet outil, en mettant en avant les avantages qu'il a pu constater. Merci à : * Thomas Dutrion pour la présentation * L'équipe de l'afup Lorraine pour l'organisation * epitech pour le local et l'accueil * Darkmira pour son soutien global * Engineor pour la captation et le financement vidéo Montage vidéo Nicolas Thomä / My Movie Project
Ryan Weaver de-mystifies modern JavaScript for PHP developers at the Symfony UK online meetup with his talk "Webpack Encore + The Rest of Modern Javascript" What's the latest with modern JavaScript, Symfony & Webpack? In this talk, Ryan gives an intro to modern JavaScript, module loading & packing it all together with Webpack Encore. We also learn other tricks like async imports, and how to choose between a frontend framework for your app and server-side HTML augmented with modern JavaScript. Follow us at 🤍 Big thanks to our sponsors 🤍, 🤍, 🤍, and 🤍
Ready to write an amazing front-end for your app? There are so many great tools, like React, Vue.js, module loaders, Sass, LESS, PostCSS and more. But, they all have one thing in common: you need to configure a build system before you write a single line of code! Thankfully, there's Webpack: the leading tool for processing & bundling your JavaScript and CSS. There's just one problem: configuring Webpack is tough and requires a lot of Webpack-specific knowledge. Say hello to Webpack Encore: a library built by Symfony to quickly bootstrap a sophisticated asset setup, complete with minification, SASS processing, automatic versioning, Babel support and everything you need to start writing great JavaScript quickly. In this talk, we'll also learn about using JavaScript modules, how to bootstrap a framework (like React) and other important modern practices. Give your assets a huge boost with Webpack Encore!
En este video haremos una breve introduccion a webpack encore Si quieres seguir este curso no olvides suscribirte Si tienes alguna duda puedes escribirme a: Facebook: 🤍 Twitter: 🤍
RISY : Ressources Informatiques Sur YouTube Titre : RISY 12 : BOOTSTRAP 5 AVEC SYMFONY 5 ET WEBPACK ENCORE Description : En: RISY is a website bringing together the best IT resources on YouTube Fr : RISY est un site web regroupant les meilleurs ressources informatiques sur YouTube Pré-requis : PHP 8.0 MySQL 8.0 Symfony CLI Ressources : 🤍 Latest videos / Dernières vidéos : RISY 11 : ECRIRE DES TESTS UNITAIRES : 🤍 RISY 10 : ENTITÉ UNIQUE - CONTRAINTES - MIGRATION : 🤍 RISY 09 : LIER LES ENTITÉS : 🤍 Retrouvez-moi sur : YouTube : 🤍 Me contacter : Tel : +237 655 00 56 47 WhatsApp : 🤍 E-mail : leyassino🤍gmail.com Musiques utilisees dans cette video : Titre: Synthwave Vibe Auteur: Meydän Source: 🤍 Licence: 🤍 Téléchargement (5MB): 🤍 Titre: Waiting For Nothing Auteur: The Fisherman Source: 🤍 Licence: 🤍 Téléchargement (8MB): 🤍 Titre: Spark Auteur: Vexento Source: 🤍 Licence: 🤍 Téléchargement (9MB): 🤍 Titre: Episodes Auteur: Azoora feat. Graciellita Source: 🤍 Licence: 🤍 Téléchargement (5MB): 🤍 Titre: Intro To Woum Auteur: CloudKicker Source: 🤍 Licence: 🤍 Téléchargement (2MB): 🤍 Titre: Kalon Auteur: Extenz Source: 🤍 Licence: 🤍 Téléchargement (5MB): 🤍 Titre: Kalon Auteur: Extenz Source: 🤍 Licence: 🤍 Téléchargement (5MB): 🤍 #RISY #SYMFONY #projet_complet
Voyons comment utiliser Tailwind Elements (un "clone" de Boostrap) dans un projet Symfony 6 avec Tailwind CSS 3 et Webpack Encore ! Version "Article" de la vidéo : 🤍 Tailwind Elements : 🤍 Tailwind : 🤍 FORMATION CI/CD pour les Devs (PHP) avec GitLab CI et GitHub Actions ! 🤍 YoanDev est une chaine YouTube qui vous propose régulièrement du contenu sur Symfony, Docker, DevOps et encore pleins d'autres sujets autour du développement ! N'oubliez pas de vous abonner et d'activer les notifications si ce n'est pas déjà fait :-) Si vous avez des questions, des compléments ou des corrections à apporter vous pouvez laisser un commentaire sous la vidéo. Ressources : Version "article" des vidéos sur le blog : 🤍 Codes sources des vidéos : 🤍 Retrouvez-moi sur : Twitter : 🤍 LinkedIn : 🤍 Malt : 🤍 Me contacter : contact🤍yoandev.co
Série : Un projet de A à Z avec SYMFONY 5 Épisode 03 : Webpack Encore, Bootstrap 5 et template LandKit Dans cet épisode nous allons mettre en place Webpack Encore, Bootstrap 5 et nous "intégrerons" le template LandKit (scss, js etc ...). YoanDev.co est une chaine YouTube qui vous propose régulièrement du contenu sur Symfony, Docker, DevOps et encore pleins d'autres sujets autour du développement ! N'oubliez pas de vous abonner et d'activer les notifications si ce n'est pas déjà fait :-) Si vous avez des questions, des compléments ou des corrections à apporter vous pouvez laisser un commentaire sous la vidéo. Ressources : Version "article" des vidéos sur le blog : 🤍 Codes sources des vidéos : 🤍 Retrouvez-moi sur : Twitter : 🤍 LinkedIn : 🤍 Malt : 🤍 Me contacter : contact🤍yoandev.co
Bonjour, nous allons voir comment supprimer symfony/webpack-encore-bundle et lancer à nouveau l'intsallation.
An dem mächtigen Bundler Webpack kommt man bei der Erstellung von Assets kaum vorbei. Doch schon die Konfiguration erfordert akademische Kenntnisse der Interna. Eine einfache Lösung dafür hat Stefan Adolf in seinem Talk vorgestellt.
Welcome to our comprehensive guide on how to install Webpack-Encore and Sass in Symfony 6! In this tutorial, we'll walk you through the step-by-step process of setting up Webpack-Encore and the Sass loader, along with integrating Bootstrap, jQuery, and Popper.js. Additionally, we'll address common problems and provide solutions to ensure a smooth development experience. By the end of this video, you'll have a solid understanding of how to optimize your Symfony 6 project with these essential front-end tools and libraries. Let's get started and supercharge your Symfony 6 project! #abdelaziz_sekouti #autodidacte_web_dev #abdelazizsekouti #symfony
Article associé : 🤍 J’utilise généralement Bootstrap, et je dois dire que jusqu’à présent ce Framework me suffit largement. Ceci dit, de plus en plus de monde disent tout le bien qu’ils pensent de Tailwind CSS, et j’avais envie de tester par moi-même ! Histoire de faire les choses dans les règles de l’art, je vous propose d’utiliser Tailwind dans un projet Symfony, en utilisant Webpack Encore et PurgeCSS YoanDev.co est une chaine YouTube qui vous propose régulièrement du contenu sur Symfony, Docker, DevOps et encore pleins d'autres sujets autour du développement ! N'oubliez pas de vous abonner et d'activer les notifications si ce n'est pas déjà fait :-) Si vous avez des questions, des compléments ou des corrections à apporter vous pouvez laisser un commentaire sous la vidéo. Ressources : Version "article" des vidéos sur le blog : 🤍 Codes sources des vidéos : 🤍 Retrouvez-moi sur : Twitter : 🤍 LinkedIn : 🤍 Malt : 🤍 Me contacter : contact🤍yoandev.co
Dans cette vidéo, je vous montre comment mettre en place Webpack Encore sur Symfony et utiliser la librairie JavaScript DataTables. Liens utiles : ▶ 🤍 ▶ 🤍 Retrouvez moi sur : ▶ Mon site 🤍 ▶ Twitter : 🤍 ▶ Discord : 🤍 ★ Les meilleures formations pour apprendre à programmer ★ ▶ Apprendre le C# - 🤍 ▶ Apprendre le PHP - 🤍 ★ Les meilleurs tutoriels ★ ▶ Tutoriel C# en français : 🤍 ▶ Tutoriel Xamarin en français : 🤍 ▶ Tutoriel PHP en français : 🤍
Dans cette vidéo, nous découvrons comment rajouter le framework CSS Tailwind au niveau d'un projet Symfony. Nous commençons par la méthode la plus simple consistant à utiliser le lien CDN, puis nous voyons une seconde approche beaucoup plus flexible utilisant Webpack Encore. Nous terminons en découvrant comment utiliser le thème de formulaire Tailwind 2 rajouté depuis Symfony 5.3. Tutoriel Webpack Encore: 🤍 Codes sources: 🤍 🤍 🤍 Si tu veux me soutenir, tu peux m'acheter un petit café ici 😊: 🤍
Article ► 🤍 Abonnez-vous ► 🤍 Jusqu'à maintenant, nous avons écrit notre JavaScript directement dans nos vues. Ce n'est pas forcément la méthode idéale en termes d'organisation et de structure, nous allons plutôt chercher à écrire notre JavaScript dans des fichiers séparés en les morcelant en modules. Aujourd'hui, lorsque l'on travaille sur du JavaScript de manière avancée on a tendance à utiliser l'outil [webpack](🤍 qui permet de “bundler” notre JavaScript. Soutenez Grafikart: Devenez premium ► 🤍 Donnez via Utip ► 🤍 Retrouvez Grafikart sur: Le site ► 🤍 Twitter ► 🤍 Discord ► 🤍
In this first session, we walk through the existing website for That Podcast. The website was originally built with the Sculpin static site generator so we take a look at the structure of the existing content. Then, we lay out the skeleton for the new Symfony 4 based site including Webpack Encore and Tailwind CSS. You can find the other videos from the this project here: 🤍 You can also find the videos on Astrocasts here: 🤍 🤍 Astrocasts Live software development screencasts, tutorials, and courses. We'll learn the hard way, so you don't have to. Presented by Beau Simensen 🤍 🤍 🤍 🤍 #php #symfony #webpack
.svg){kind=small}
