آموزش جنگو با Tailwind CSS [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• بررسی اجمالی دوره Course Overview

• ویرایشگر کد + برنامه های افزودنی Code Editor + Extensions

تعریف مدل ها Defining the Models

• یک پروژه جدید را شروع کنید Start a New Project

• یک پروژه جدید را شروع کنید Start a New Project

• اولین برنامه و مدل را برای نویسندگان ایجاد کنید Create First App and Model for Authors

• اولین برنامه و مدل را برای نویسندگان ایجاد کنید Create First App and Model for Authors

• ایجاد برنامه برای: ناشران، کتاب ها، مشتریان و اجاره ها Create Apps for: Publishers, Books, Customers, and Rentals

• ایجاد برنامه برای: ناشران، کتاب ها، مشتریان و اجاره ها Create Apps for: Publishers, Books, Customers, and Rentals

• مدل Publisher را ایجاد کنید Create the Publisher Model

• مدل Publisher را ایجاد کنید Create the Publisher Model

• برای ایجاد Slug، مدل کتاب را ایجاد کنید + روش ذخیره را لغو کنید Create the Book Model + Override the Save Method to Generate the Slug

• برای ایجاد Slug، مدل کتاب را ایجاد کنید + روش ذخیره را لغو کنید Create the Book Model + Override the Save Method to Generate the Slug

• ایجاد شناسه کتاب با UUID Generating Book ID with UUID

• ایجاد شناسه کتاب با UUID Generating Book ID with UUID

• ImageField را به کلاس Book + Configure Media Files اضافه کنید Add ImageField to the Book Class + Configure Media Files

• ImageField را به کلاس Book + Configure Media Files اضافه کنید Add ImageField to the Book Class + Configure Media Files

• کد QR برای کتاب ایجاد کنید Create QR Code for the Book

• کد QR برای کتاب ایجاد کنید Create QR Code for the Book

• مدل مشتری را ایجاد کنید Create the Customer Model

• مدل مشتری را ایجاد کنید Create the Customer Model

• مدل اجاره ای را ایجاد کنید Create the Rental Model

• مدل اجاره ای را ایجاد کنید Create the Rental Model

• بهبود مدل کتاب Improvements to the Book Model

• بهبود مدل کتاب Improvements to the Book Model

مقدمه ای بر معماری Django MVT Introduction to Django MVT Architecture

• مقدمه ای بر MVT Introduction to MVT

• مقدمه ای بر MVT Introduction to MVT

• نوشتن اولین دیدگاه ما Writing Our First View

• نوشتن اولین دیدگاه ما Writing Our First View

• مشاهده با الگو View with the Template

• مشاهده با الگو View with the Template

• وراثت الگو Template Inheritance

• وراثت الگو Template Inheritance

• کار با querysets Working with querysets

• کار با querysets Working with querysets

• روابط معکوس Reverse Relationships

• روابط معکوس Reverse Relationships

• تعریف روش ها در مدل ها Defining Methods in Models

• تعریف روش ها در مدل ها Defining Methods in Models

• سازمان کد بهتر Better Code Organization

• سازمان کد بهتر Better Code Organization

• نمایش‌ها و نشانی‌های اینترنتی برنامه App Views and URLs

• نمایش‌ها و نشانی‌های اینترنتی برنامه App Views and URLs

• پیمایش بین نماها Navigating Between Views

• پیمایش بین نماها Navigating Between Views

مقدمه ای بر معماری Django MVT Introduction to Django MVT Architecture

صادرات داده ها از ادمین Exporting Data from the Admin

• تولید داده های ساختگی با دستورات مدیریت سفارشی Dummy Data Generation with Custom Management Commands

• تولید داده های ساختگی با دستورات مدیریت سفارشی Dummy Data Generation with Custom Management Commands

• صادر کردن داده های ناشر Exporting the Publisher Data

• صادر کردن داده های ناشر Exporting the Publisher Data

• صادرات اطلاعات مشتریان Exporting Customers Data

• صادرات اطلاعات مشتریان Exporting Customers Data

• صادر کردن داده های کتاب Exporting Books Data

• صادر کردن داده های کتاب Exporting Books Data

• بهبود صادرات کتاب Improving the Book Exports

• بهبود صادرات کتاب Improving the Book Exports

• هدر و عنوان مدیریت را تنظیم کنید Adjust Admin Header and Title

• هدر و عنوان مدیریت را تنظیم کنید Adjust Admin Header and Title

صادرات داده ها از ادمین Exporting Data from the Admin

اولین قدم ها با Tailwind و Django CBV در برنامه کتاب First Steps with Tailwind and Django CBV on the Book App

• مقدمه ای بر Tailwind CSS Introduction to Tailwind CSS

• مقدمه ای بر Tailwind CSS Introduction to Tailwind CSS

• Tailwind CSS را به پروژه جنگو اضافه کنید Add Tailwind CSS to a Django Project

• Tailwind CSS را به پروژه جنگو اضافه کنید Add Tailwind CSS to a Django Project

• اضافه کردن رنگ سفارشی Add Custom Color

• اضافه کردن رنگ سفارشی Add Custom Color

• حالت روشن/تاریک Light / Dark Mode

• حالت روشن/تاریک Light / Dark Mode

• دکمه سبک Style Button

• دکمه سبک Style Button

• نوار نوار و نوار کناری را اضافه کنید Add Navbar and Sidebar

• نوار نوار و نوار کناری را اضافه کنید Add Navbar and Sidebar

• تبدیل فهرست عنوان کتاب به نمای کلاس Transforming the Book Title List to Class View

• تبدیل فهرست عنوان کتاب به نمای کلاس Transforming the Book Title List to Class View

• نادیده گرفتن روش get_queryset Overriding get_queryset Method

• نادیده گرفتن روش get_queryset Overriding get_queryset Method

• اولین فرم جنگو را ایجاد کنید Create First Django Form

• اولین فرم جنگو را ایجاد کنید Create First Django Form

• روش های فرم Form Methods

• روش های فرم Form Methods

• اعتبار سنجی فرم Form Validation

• اعتبار سنجی فرم Form Validation

• گزینه های یک ظاهر طراحی برای فرم ها Styling Options for the Forms

• گزینه های یک ظاهر طراحی برای فرم ها Styling Options for the Forms

• شکل دادن به فرم عنوان کتاب Styling the Book Title Form

• شکل دادن به فرم عنوان کتاب Styling the Book Title Form

• پیام های جنگو Django Messages

• پیام های جنگو Django Messages

• اجزای قابل استفاده مجدد - هشدار Reusable Components - Alert

• اجزای قابل استفاده مجدد - هشدار Reusable Components - Alert

• اجزای قابل استفاده مجدد - هدر Reusable Components - Header

• اجزای قابل استفاده مجدد - هدر Reusable Components - Header

• روش داده های متنی را دریافت کنید Get Context Data Method

• روش داده های متنی را دریافت کنید Get Context Data Method

• افزودن پارامتر اضافی به نمای فهرست عنوان کتاب Adding Extra Parameter to the Book Title List View

• افزودن پارامتر اضافی به نمای فهرست عنوان کتاب Adding Extra Parameter to the Book Title List View

• پیکربندی فایل های استاتیک (افزودن جاوا اسکریپت) Configuring Static Files (Add JavaScript)

• پیکربندی فایل های استاتیک (افزودن جاوا اسکریپت) Configuring Static Files (Add JavaScript)

• یک دکمه به هدر اضافه کنید Add a Button to the Header

• یک دکمه به هدر اضافه کنید Add a Button to the Header

• فرم را در یک مدل قرار دهید Place Form in a Model

• فرم را در یک مدل قرار دهید Place Form in a Model

• افزودن js به مدل + رفع اشکال Adding js to the Model + Fixing the Form

• افزودن js به مدل + رفع اشکال Adding js to the Model + Fixing the Form

• نمایش فهرست کتاب Book List View

• نمایش فهرست کتاب Book List View

• اضافه کردن صفحه بندی Adding Pagination

• اضافه کردن صفحه بندی Adding Pagination

• تبدیل به نمای جزئیات عنوان کتاب Transforming to Book Title Detail View

• تبدیل به نمای جزئیات عنوان کتاب Transforming to Book Title Detail View

• یک سرصفحه به صفحه جزئیات عنوان کتاب + دکمه برگشت اضافه کنید Add a Header to the Book Title Detail Page + Back Button

• یک سرصفحه به صفحه جزئیات عنوان کتاب + دکمه برگشت اضافه کنید Add a Header to the Book Title Detail Page + Back Button

• جدول را به نمایش کتاب ها اضافه کنید Add Table to Display Books

• جدول را به نمایش کتاب ها اضافه کنید Add Table to Display Books

• صفحه جزئیات کتاب (دریافت URL مطلق) Book Detail Page (Get Absolute URL)

• صفحه جزئیات کتاب (دریافت URL مطلق) Book Detail Page (Get Absolute URL)

• صفحه حذف کتاب Book Delete Page

• صفحه حذف کتاب Book Delete Page

• افزودن تایید حذف Add Confirmation of Delete

• افزودن تایید حذف Add Confirmation of Delete

• قطعات قابل استفاده مجدد - دکمه ها Reusable Components - Buttons

• قطعات قابل استفاده مجدد - دکمه ها Reusable Components - Buttons

• بررسی اینکه آیا کتاب موجود است یا خیر Checking Whether the Book Is Available

• بررسی اینکه آیا کتاب موجود است یا خیر Checking Whether the Book Is Available

• نمایش وضعیت کتاب Display the Status of the Book

• نمایش وضعیت کتاب Display the Status of the Book

• صفحه جزئیات کتاب Book Detail Page

• صفحه جزئیات کتاب Book Detail Page

• افزودن کپی به کلیپ بورد Adding Copy to Clipboard

• افزودن کپی به کلیپ بورد Adding Copy to Clipboard

اولین قدم ها با Tailwind و Django CBV در برنامه کتاب First Steps with Tailwind and Django CBV on the Book App

کار بر روی برنامه اجاره Working on the Rentals App

• اضافه کردن بخش اجاره + ایجاد اولین نمای و الگو Add Rentals Section + Create First View and Template

• اضافه کردن بخش اجاره + ایجاد اولین نمای و الگو Add Rentals Section + Create First View and Template

• قسمت Current را در نوار کناری برجسته کنید Highlight the Current Section in the Sidebar

• قسمت Current را در نوار کناری برجسته کنید Highlight the Current Section in the Sidebar

• قابلیت جستجو را با شناسه کتاب - فرم و مشاهده اضافه کنید Add Search Functionality by the Book ID - Form and View

• قابلیت جستجو را با شناسه کتاب - فرم و مشاهده اضافه کنید Add Search Functionality by the Book ID - Form and View

• قابلیت جستجو را با شناسه کتاب - الگو و جاوا اسکریپت اضافه کنید Add Search Functionality by the Book ID - Template and JavaScript

• قابلیت جستجو را با شناسه کتاب - الگو و جاوا اسکریپت اضافه کنید Add Search Functionality by the Book ID - Template and JavaScript

• تغییر مسیر به لیست اجاره Redirect to Rentals List

• تغییر مسیر به لیست اجاره Redirect to Rentals List

• نمایش تاریخچه اجاره ها Display the History of Rentals

• نمایش تاریخچه اجاره ها Display the History of Rentals

• نوشتن فیلتر قالب سفارشی برای بازیابی اطلاعات وضعیت Writing Custom Template Filter to Retrieve Status Information

• نوشتن فیلتر قالب سفارشی برای بازیابی اطلاعات وضعیت Writing Custom Template Filter to Retrieve Status Information

• مقدمه ای بر اصلاح مدل کتاب Introduction to Book Model Modification

• مقدمه ای بر اصلاح مدل کتاب Introduction to Book Model Modification

• pk را به UUID تغییر دهید Change pk to UUID

• pk را به UUID تغییر دهید Change pk to UUID

• تغییر ISBN به عنوان عنوان کتاب هش شده و ناشر (sha 256) Change ISBN as Hashed Book Title and Publisher (sha 256)

• تغییر ISBN به عنوان عنوان کتاب هش شده و ناشر (sha 256) Change ISBN as Hashed Book Title and Publisher (sha 256)

• اتوماسیون - Migrations را اجرا کنید Automation - Run Migrations

• اتوماسیون - Migrations را اجرا کنید Automation - Run Migrations

• اتوماسیون - بازنشانی داده ها Automation - Reset Data

• اتوماسیون - بازنشانی داده ها Automation - Reset Data

• اصلاح: شناسه کتاب و ISBN را نمایش دهید Modification: Display the Book ID and ISBN

• اصلاح: شناسه کتاب و ISBN را نمایش دهید Modification: Display the Book ID and ISBN

• جستجو بر اساس شناسه کتاب یا ISBN Search by Book ID or ISBN

• جستجو بر اساس شناسه کتاب یا ISBN Search by Book ID or ISBN

• آخرین لمس صفحه جزئیات کتاب Last Touches to Book Detail Page

• آخرین لمس صفحه جزئیات کتاب Last Touches to Book Detail Page

• کار بر روی به روز رسانی وضعیت اجاره Working on Update Rental Status

• کار بر روی به روز رسانی وضعیت اجاره Working on Update Rental Status

• افزودن پیشرفت های کوچک Add Small Improvements

• افزودن پیشرفت های کوچک Add Small Improvements

• اضافه کردن اجاره جدید Add New Rental

• اضافه کردن اجاره جدید Add New Rental

• هدر را به صفحه اجاره جدید اضافه کنید Add Header to the New Rental Page

• هدر را به صفحه اجاره جدید اضافه کنید Add Header to the New Rental Page

• داده‌های اجاره‌ای را از View دانلود کنید - قسمت 1 Download Rentals Data from View - Part 1

• داده‌های اجاره‌ای را از View دانلود کنید - قسمت 1 Download Rentals Data from View - Part 1

• داده‌های اجاره‌ای را از View (And Admin) دانلود کنید - قسمت 2 Download Rentals Data from View (And Admin) - Part 2

• داده‌های اجاره‌ای را از View (And Admin) دانلود کنید - قسمت 2 Download Rentals Data from View (And Admin) - Part 2

کار بر روی برنامه اجاره Working on the Rentals App

حالت دادن به نوار نوار Styling the Navbar

• افزودن Jdenticon به Navbar Adding Jdenticon to the Navbar

• افزودن Jdenticon به Navbar Adding Jdenticon to the Navbar

• منوی کشویی را ایجاد کنید Create the Dropdown Menu

• منوی کشویی را ایجاد کنید Create the Dropdown Menu

• افزودن JS به Navbar برای تعامل بیشتر Adding JS to the Navbar to Make It More Interactive

• افزودن JS به Navbar برای تعامل بیشتر Adding JS to the Navbar to Make It More Interactive

حالت دادن به نوار نوار Styling the Navbar

داشبورد و احراز هویت (از جمله OTP) Dashboard and Authentication (Including OTP)

• صفحه داشبورد را ایجاد کنید Create the Dashboard Page

• صفحه داشبورد را ایجاد کنید Create the Dashboard Page

• Ajax را اضافه کنید Add Ajax

• Ajax را اضافه کنید Add Ajax

• جمع در مقابل حاشیه نویسی Aggregate Versus Annotate

• جمع در مقابل حاشیه نویسی Aggregate Versus Annotate

• داده های نمودار را آماده کنید - قسمت 1 Prepare Chart Data - Part 1

• داده های نمودار را آماده کنید - قسمت 1 Prepare Chart Data - Part 1

• داده های نمودار را آماده کنید - قسمت 2 Prepare Chart Data - Part 2

• داده های نمودار را آماده کنید - قسمت 2 Prepare Chart Data - Part 2

• Chart js را اضافه کنید Add Chart js

• Chart js را اضافه کنید Add Chart js

• افزودن فرم ها برای ورود به سیستم Adding Forms for Logging In

• افزودن فرم ها برای ورود به سیستم Adding Forms for Logging In

• افزودن نمای ورود Add Login View

• افزودن نمای ورود Add Login View

• اضافه کردن الگوی ورود Add Login Template

• اضافه کردن الگوی ورود Add Login Template

• ایجاد تابع ارسال OTP Create Send OTP Function

• ایجاد تابع ارسال OTP Create Send OTP Function

• نمای OTP ایجاد کنید Create OTP View

• نمای OTP ایجاد کنید Create OTP View

• الگوی OTP و اجرای آزمایشی OTP Template and Test Run

• الگوی OTP و اجرای آزمایشی OTP Template and Test Run

• اضافه کردن خروج Add Logout

• اضافه کردن خروج Add Logout

• افزودن ترکیب و دکوراتور برای ورود Adding Mixins and Decorators for Login

• افزودن ترکیب و دکوراتور برای ورود Adding Mixins and Decorators for Login

• نمایش محتویات بسته به اینکه آیا کاربر احراز هویت شده است Display Contents Depending on If User Is Authenticated

• نمایش محتویات بسته به اینکه آیا کاربر احراز هویت شده است Display Contents Depending on If User Is Authenticated

• داده های نمودار فقط برای درخواست های آژاکس Chart Data Only for Ajax Requests

• داده های نمودار فقط برای درخواست های آژاکس Chart Data Only for Ajax Requests

• تغییر تم بعد از ورود را برطرف کنید Fix Change Theme After Login

• تغییر تم بعد از ورود را برطرف کنید Fix Change Theme After Login

• نمودارها را در کارت ها قرار دهید و سربرگ داشبورد را تنظیم کنید Put Charts into Cards and Set the Dashboard Header

• نمودارها را در کارت ها قرار دهید و سربرگ داشبورد را تنظیم کنید Put Charts into Cards and Set the Dashboard Header

• افزودن درباره صفحه + برجسته کردن برای بخش درباره و داشبورد Add About Page + Highlighting for About and Dashboard Section

• افزودن درباره صفحه + برجسته کردن برای بخش درباره و داشبورد Add About Page + Highlighting for About and Dashboard Section

• اضافه کردن لوگو Add Logo

• اضافه کردن لوگو Add Logo

• عناوین گمشده را به قالب ها اضافه کنید Add Missing Titles to Templates

• عناوین گمشده را به قالب ها اضافه کنید Add Missing Titles to Templates

داشبورد و احراز هویت (از جمله OTP) Dashboard and Authentication (Including OTP)

جوایز Bonuses

• تغییر نام کاربری به ایمیل در احراز هویت جنگو Switching Username to Email in Django Authentication

• تغییر نام کاربری به ایمیل در احراز هویت جنگو Switching Username to Email in Django Authentication

جوایز Bonuses