Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Sidebar with Drawer using AlpineJS / TailwindCSS - TikTok Clone Part 5

Автор: Andreas Jud

Загружено: 2025-04-12

Просмотров: 763

Описание:

In this video we will add the sidebar to our homepage with a drawer with sliding animation using AlpineJS and TailwindCSS
Templates:   / tiktok-clone-124780034  
Github repository: https://github.com/andyjud/tiktok-clone

Live Django Site: https://awesomepixx.com

0:00 Intro and Demo
2:02 Navigation
11:55 Drawer
20:28 Search Field
25:52 More Panel
31:26 Dark Mode Panel



Support me on:
Patreon:   / andreasjud  
Buy me a Coffee: https://www.buymeacoffee.com/andreasjud
Merch Store: https://andreas-juds-store.creator-sp...
Thank you.

Follow me on:
Twitter:   / ajudmeister  
Instagram:   / ajudmeister  

#tiktok #clone #alpinejs #tailwindcss #interactivity #django #htmx #webapp #python #pythonprogramming #selftaughtdeveloper #webdevelopment #webdesigner #programmer #coding #codingforbeginners #entrepreneur #solopreneur #stayathomedad

Sidebar with Drawer using AlpineJS / TailwindCSS - TikTok Clone Part 5

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#6418 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "TRm0wGISqRg" ["related_video_title"]=> string(76) "Dark Mode with Tailwind's dark: variant & AlpineJS - TikTok Clone Part 6" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> string(11) "Andreas Jud" } [1]=> object(stdClass)#6391 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "-iHI54CRC2E" ["related_video_title"]=> string(55) "Base and Layout Templates - TikTok Clone Backend Part 2" ["posted_time"]=> string(23) "7 часов назад" ["channelName"]=> string(11) "Andreas Jud" } [2]=> object(stdClass)#6416 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "3w763aFC27s" ["related_video_title"]=> string(132) "⚡️ Кремль сорвал попытку ареста Путина || Срочная переброска войск НАТО" ["posted_time"]=> string(24) "15 часов назад" ["channelName"]=> string(23) "Время Прядко" } [3]=> object(stdClass)#6423 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Qtq5IA6_6qs" ["related_video_title"]=> string(66) "TikTok Clone with TailwindCSS, Alpine.js, Django and Htmx - Part 1" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> string(11) "Andreas Jud" } [4]=> object(stdClass)#6402 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "waeMlarYXrI" ["related_video_title"]=> string(145) "🚀 Создаю сайт с помощью нейросети DeepSeek – адаптивный дизайн за минуты! 🖥️🤖" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> string(16) "Pro ИИ и ИТ" } [5]=> object(stdClass)#6420 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "KFgwXXWT7sQ" ["related_video_title"]=> string(170) "ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(29) "Диджитализируй!" } [6]=> object(stdClass)#6415 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "um0vOiUcX_g" ["related_video_title"]=> string(143) "ТОП 10 расширений для твоего браузера! Сделай его быстрее, удобнее и безопаснее" ["posted_time"]=> string(19) "3 дня назад" ["channelName"]=> string(7) "Werstey" } [7]=> object(stdClass)#6425 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Xje290Puuj0" ["related_video_title"]=> string(72) "Post Page with 2 col grid layout using TailwindCSS - TikTok Clone Part 8" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(11) "Andreas Jud" } [8]=> object(stdClass)#6401 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ati3Wsc-QoU" ["related_video_title"]=> string(174) "СЛИТЫЕ ДОКЛАДЫ ФСБ: КИТАЙ ВЕДЕТ КИБЕРВОЙНУ ПРОТИВ РОССИИ. И присматривается к Дальнему Востоку" ["posted_time"]=> string(21) "4 часа назад" ["channelName"]=> string(19) "Майкл Наки" } [9]=> object(stdClass)#6419 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ipedchvpVMI" ["related_video_title"]=> string(31) "Home Page - TikTok Clone Part 4" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> string(11) "Andreas Jud" } }
Dark Mode with Tailwind's dark: variant & AlpineJS - TikTok Clone Part 6

Dark Mode with Tailwind's dark: variant & AlpineJS - TikTok Clone Part 6

Base and Layout Templates - TikTok Clone Backend Part 2

Base and Layout Templates - TikTok Clone Backend Part 2

⚡️ Кремль сорвал попытку ареста Путина || Срочная переброска войск НАТО

⚡️ Кремль сорвал попытку ареста Путина || Срочная переброска войск НАТО

TikTok Clone with TailwindCSS, Alpine.js, Django and Htmx - Part 1

TikTok Clone with TailwindCSS, Alpine.js, Django and Htmx - Part 1

🚀 Создаю сайт с помощью нейросети DeepSeek – адаптивный дизайн за минуты! 🖥️🤖

🚀 Создаю сайт с помощью нейросети DeepSeek – адаптивный дизайн за минуты! 🖥️🤖

ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat

ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat

ТОП 10 расширений для твоего браузера! Сделай его быстрее, удобнее и безопаснее

ТОП 10 расширений для твоего браузера! Сделай его быстрее, удобнее и безопаснее

Post Page with 2 col grid layout using TailwindCSS - TikTok Clone Part 8

Post Page with 2 col grid layout using TailwindCSS - TikTok Clone Part 8

СЛИТЫЕ ДОКЛАДЫ ФСБ: КИТАЙ ВЕДЕТ КИБЕРВОЙНУ ПРОТИВ РОССИИ. И присматривается к Дальнему Востоку

СЛИТЫЕ ДОКЛАДЫ ФСБ: КИТАЙ ВЕДЕТ КИБЕРВОЙНУ ПРОТИВ РОССИИ. И присматривается к Дальнему Востоку

Home Page - TikTok Clone Part 4

Home Page - TikTok Clone Part 4

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]