MENU

Fun & Interesting

django-components - Build re-usable components in Django with TailwindCSS and DaisyUI

BugBytes 11,120 10 months ago
Video Not Working? Fix It Now

โ˜•๏ธ ๐—•๐˜‚๐˜† ๐—บ๐—ฒ ๐—ฎ ๐—ฐ๐—ผ๐—ณ๐—ณ๐—ฒ๐—ฒ: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes โญTop resource to learn Python - https://datacamp.pxf.io/kOjKkV โญ This video looks at the 'django-components' package that allows developers to build re-usable, custom Django template components. We'll learn how to define these components, and use them in our Django apps. ๐Ÿ“Œ ๐—–๐—ต๐—ฎ๐—ฝ๐˜๐—ฒ๐—ฟ๐˜€: 00:00 Intro 01:21 django-components intro and setup 06:13 Installing DaisyUI and TailwindCSS 06:41 Creating Card component using Django-components 10:51 Using component in Django templates 13:06 Passing custom data into Django-components 17:58 Adding CSS to components 22:02 Adding JavaScript interactivity to components 26:54 Security when using django-components ๐—ฆ๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น ๐— ๐—ฒ๐—ฑ๐—ถ๐—ฎ: ๐Ÿ“– Blog: https://bugbytes.io/posts/ ๐Ÿ‘พ Github: https://github.com/bugbytes-io/ ๐Ÿฆ Twitter: https://twitter.com/bugbytesio ๐Ÿ“š ๐—™๐˜‚๐—ฟ๐˜๐—ต๐—ฒ๐—ฟ ๐—ฟ๐—ฒ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—ฎ๐—ป๐—ฑ ๐—ถ๐—ป๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป: django-components: https://github.com/EmilStenstrom/django-components/ DaisyUI installation: https://daisyui.com/docs/cdn/ DaisyUI card: https://daisyui.com/components/card/ #python #django #webdevelopment

Comment