آموزش ساخت کلون تیکتاک با Django، HTMX و Alpine.js - آخرین آپدیت
دانلود TikTok Clone with Django, HTMX and Alpine.js
در این دوره، شما یاد میگیرید چگونه یک اپلیکیشن شبکه اجتماعی کامل با الهام از تیکتاک را با استفاده از ابزارهای مدرن توسعه وب بسازید. از طریق یک رویکرد گامبهگام و آموزشمحور، یک برنامه واقعی را از صفر توسعه داده و تجربه عملی در هر دو بخش توسعه فرانتاند و بکاند کسب خواهید کرد.
ما با ساخت فرانتاند شروع میکنیم، جایی که لایوتهای تمیز و واکنشگرا را با استفاده از TailwindCSS ایجاد میکنید. برای افزودن تعاملات، از Alpine.js و HTMX استفاده خواهیم کرد تا بتوانیم رابطهای کاربری پویا را بدون تکیه بر فریمورکهای بزرگ جاوااسکریپت بسازیم.
سپس به سراغ بکاند با Django میرویم، جایی که نحوه ساختاردهی پروژه، کار با پایگاههای داده و اجرای عملیات CRUD را با استفاده از Django ORM میآموزید. همچنین از سیستم تمپلایting جنگو برای رندر کردن محتوای پویا و اتصال منطق بکاند به رابط کاربری استفاده خواهید کرد.
با پیشرفت پروژه، ویژگیهای کلیدی شبکههای اجتماعی را پیادهسازی میکنیم، از جمله:
لایکها و بازنشرها (Reposts)
کامنتها و پاسخها
اسکرول نامحدود (Infinite scrolling)
جستجو و تگگذاری
ویژگیهای شبکه اجتماعی
قابلیت چت آنی (Real-time)
آپلود ویدیو و نمایش ویدیو در فید
در نهایت، یاد میگیرید چگونه پروژه را برای محیط عملیاتی (Production) آماده کنید. ما نحوه استقرار اپلیکیشن روی وبسرور، راهاندازی CI/CD با Docker و یکپارچهسازی احراز هویت OAuth برای ورود امن کاربران را پوشش خواهیم داد.
در پایان این دوره، شما پلتفرم شبکه اجتماعی مشابه تیکتاک خود را ساختهاید و تجربه ارزشمندی در توسعه و استقرار اپلیکیشنهای وب Full-stack مدرن با جنگو به دست آوردهاید.
مقدمه Introduction
-
مقدمه Introduction
-
بررسی کلی دوره Course Overview
فرانتاند Frontend
-
صفحه ورود و ثبتنام با TailwindCSS Login and Signup Page using TailwindCSS
-
تعاملات با AlpineJS Interactivity with AlpineJS
-
صفحه اصلی Homepage
-
منوی ناوبری کناری (Sidebar) Sidebar Navigation
-
حالت تاریک (Dark Mode) Dark Mode
-
صفحه اکسپلور Explore Page
-
صفحه پست Post Page
-
تبها Tabs
-
صفحه پروفایل Profile Page
-
صفحه آپلود Upload Page
بکاند Backend
-
نصب جنگو (Django) Django Installation
-
سیستم تمپلایتیگ Templating System
-
بارگذاری محتوای پویا با HTMX HTMX and Dynamic Content Loading
-
پایگاه داده و Django ORM Database and Django's ORM
-
ساخت پست و آپلود تصویر Post Creation and Image Upload
-
اسکرول نامحدود و Snap Scrolling Infinite and Snap Scrolling
-
نمای صفحه پست Post Page View
-
پنجره مودال Modal Window
-
نمای صفحه پروفایل Profile Page View
-
ورود با Allauth Login with Allauth
-
ثبتنام با Allauth Signup with Allauth
-
صفحه ویرایش پروفایل Edit Profile Page
-
نمای تنظیمات حساب کاربری Account Settings View
-
نمای ویرایش و حذف Edit & Delete View
ویژگیهای پیشرفته Advanced Features
-
لایکها Likes
-
بوکمارکها Bookmarks
-
کامنتها Comments
-
پاسخها Replies
-
پاسخهای تودرتو Nested Replies of Replies
-
بازنشر و اشتراکگذاری Repost and Share
-
دنبال کردن کاربران Follow Users
-
شبکه اجتماعی Social Network
-
جستجو Search
-
تگگذاری Tagging
-
اعلانها Notifications
-
چت Chat
-
جنگو چنلز (Django Channels) Django Channels
-
ویدیو Video
استقرار (Deployment) Deployment
-
بهینهسازی TailwindCSS برای محیط عملیاتی TailwindCSS for Production
-
تنظیمات استقرار Deployment Configurations
-
استقرار با Github و Railway Deploy with Github and Railway
-
داکر فایل برای CI/CD Dockerfile for CI/CD
-
ورود اجتماعی با گوگل و فیسبوک Social Logins with Google and Facebook
جمعبندی Conclusion
-
موفق باشید! Good Luck!
https://donyad.com/d/d79832
Andreas Jud
طراح و توسعهدهنده وب
نمایش نظرات