توسعه وب فول استک با جنگو 5، TailwindCSS و HTMX

معرفی
سرفصل

✅ سرفصل و جزئیات آموزش

با کمک این دوره یک وب اپلیکیشن فول استک کامل می سازید و به جنگو 5، استایل دهی حرفه ای با TailwindCSS، داکر و داکر کامپوز مسلط می شوید.

آنچه یاد خواهید گرفت

یک اپلیکیشن فول استک کامل جنگو با HTMX ،TailwindCSS ،HTML و AlpineJS کدنویسی می کنید.
یک محیط توسعه محلی با داکر و داکر کامپوز راه اندازی می کنید.
از View های مبتنی بر کلاس در جنگو برای راه اندازی فیلترینگ و صفحه بندی پیشرفته استفاده می کنید.
لاگین از طریق رسانه های اجتماعی را به اپلیکیشن های جنگو با django-allauth اضافه می کنید.
HTML و CSS را از ابتدا، شامل سمانتیک HTML و CSS flex و CSS grid یاد می گیرید.
یاد می گیرید ویرایشگر متن غنی را با اپلیکیشن های جنگو خود یکپارچه کنید.

پیش نیازهای دوره

کمی دانش پایتون مفید خواهد بود، اگرچه ما یک رفرشر کامل پایتون را در نظر می گیریم
هیچ دانش HTML یا CSS نیاز نیست.
هیچ نرم افزاری نیاز نیست، همه موارد استفاده شده در دوره نصب شده است
بدون نیاز به دانش قبلی در جنگو

توضیحات دوره

در این دوره کامل و پروژه محور جنگو، شما یک وب اپلیکیشن کامل و آماده تولید را از ابتدا خواهید ساخت.

مباحث تحت پوشش دوره عبارتند از:

راه اندازی محیط پایتون و پروژه های جنگو خود
درک Model-View-Controller، درخواست ها و پاسخ ها
کار گسترده با قالب های جنگو
افزودن روابط بین مدل ها (مانند one-to-many یا many-to-many)
استفاده از Django ORM برای کوئری و تجمیع داده از پایگاه داده خود
استفاده و سفارشی سازی پنل قدرتمند ادمین جنگو
مدیریت ورودی کاربر با فرم های جنگو
تولید فرم ها به صورت خودکار با استفاده از مدل های جنگو
افزودن احراز هویت گسترده و ورود به سیستم از طریق رسانه های اجتماعی، از جمله تأیید ایمیل
یاد می گیرید که چگونه کش کردن، فشرده سازی و ارائه دارایی های ثابت در تولید را انجام دهید.

یادگیری اکوسیستم کامل جنگو

TailwindCSS - طراحی رابط های کاربری sleek و واکنش گرا
HTMX - افزودن ویژگی های پویا بدون پیچیدگی جاوا اسکریپت
PostgreSQL - مدیریت داده با یک پایگاه داده سطح تولید
داکر و داکر کامپوز - کانتینرسازی وب اپلیکیشن خود برای استقرار آسان
احراز هویت - پیاده سازی سیستم های کاربری ایمن با Django-allauth، شامل لاگین از طریق رسانه های اجتماعی
ویرایشگر Markdown - یکپارچه سازی قابلیت های ویرایش متن غنی در پروژه جنگو خود
استقرار - لایو کردن پروژه در Railway

در پایان دوره، مهارت‌های توسعه، طراحی و استقرار وب اپلیکیشن های جنگو با استفاده از فناوری‌ های پیشرفته را در اختیار خواهید داشت.

این دوره برای چه کسانی مناسب است؟

کارآفرینانی که می خواهند پروژه های وب خود را با استفاده از جنگو، یک فریمورک کامل، به سرعت بسازند.
توسعه دهندگان نرم افزار که می خواهند به نقش جنگو روی آورند یا می خواهند فول استک را یاد بگیرند.
دانشجویان کدنویسی که می خواهند یاد بگیرند اپلیکیشن های فول استک بسازند.

توسعه وب فول استک با جنگو 5، TailwindCSS و HTMX

فصل 1: مقدمه

بررسی پروژه دوره جنگو 01:03
الزامات فنی برای این دوره 00:38
بررسی برنامه درسی 02:22
چگونه درخواست کمک کنیم؟ 00:47

فصل 2: اصول HTML

عناصر هد و بادی 05:24
بررسی عناصر هد و بادی None
عناصر بلوکی و درون خطی 06:47
بررسی عناصر بلوکی و درون خطی None

فصل 3: همه عناصر اصلی HTML

هدینگ ها (h1 تا h6) 02:45
بیایید چند هدینگ کدنویسی کنیم None
پاراگراف ها (p) 02:33
لینک ها (a) 06:31
بیایید یک صفحه متنی HTML را کدنویسی کنیم None
تصاویر (img) 06:31
لیست ها (ol و ul و li) 06:16
بیایید یک صفحه کامل HTML را کدنویسی کنیم None
Divs و اسپن ها 05:44

فصل 4: فرم‌ های HTML

آشنایی با فرم‌ های HTML 06:08
فیلدهای ورودی متن HTML (ورودی) 05:29
بیایید یک فرم HTML را کدنویسی کنیم None
چک باکس ها و دکمه های رادیویی HTML (ورودی) 07:34
نواحی متنی HTML (textarea) 08:07
منوهای کشویی HTML (انتخاب و گزینه) 04:32
ارسال فرم ها (متد و اکشن) 02:50
دسترس پذیری و تکمیل خودکار فرم 06:07
بیایید یک فرم HTML کامل با چند نوع ورودی کدنویسی کنیم None

فصل 5: HTML سمانتیک

آشنایی با HTML سمانتیک 00:47
عناصر ناوبری و هدر 04:26
صفحه اصلی، سکشن و مقاله 03:32
Aside و فوتر 03:10
بیایید یک صفحه کامل با HTML سمانتیک کدنویسی کنیم None

فصل 6: متا تگ های HTML

متا تگ ها و viewport 04:08
متا تگ های توییتر و Open Graph 02:52
بررسی متا تگ های HTML! None

فصل 7: اصول CSS

آشنایی با CSS و سلکتورها 05:22
یونیت های CSS 07:00
بررسی اصول CSS None
مدل جعبه ای در CSS 04:10
border-box چگونه کار می کند؟ 02:39
بررسی مدل جعبه ای در CSS None
ویژگی سلکتور CSS 04:45
موقعیت یابی CSS (نسبی، مطلق، ثابت و چسبنده) 11:05
بررسی سلکتورها و موقعیت یابی CSS None
کار با رنگ ها در CSS 06:14
کار با تایپوگرافی در CSS 05:18
بررسی رنگ ها و تایپوگرافی در CSS None
شبه کلاس ها و شبه عناصر 05:01

فصل 8: CSS flex و CSS grid

آشنایی با CSS flex 04:33
جاستیفای و ترازبندی CSS flex 03:49
ویژگی های آیتم فرزند CSS flex 05:13
wrap کردن خط و گپ ها در CSS flex 03:14
ستون ها و سطرهای CSS grid 02:23
نواحی قالب CSS grid 04:25
تکرار و auto-fit در CSS grid 02:17
جایگذاری CSS grid 04:17
جاستیفای و ترازبندی CSS grid 03:39

فصل 9: رفرشر کامل پایتون

مقدمه بخش - آیا می توانید از آن صرف نظر کنید؟ 01:01
متغیرها در پایتون 08:26
بررسی متغیرها در پایتون None
فرمت بندی رشته با f-strings (و غیره) 06:26
دریافت ورودی کاربر با پایتون 05:16
بررسی فرمت بندی رشته و ورودی کاربر None
لیست ها، تاپل ها و مجموعه ها در پایتون 06:31
بررسی لیست ها، تاپل ها و مجموعه ها None
عملیات های پیشرفته مجموعه پایتون 04:39
کار با بولی ها در پایتون 04:59
کنترل جریان - دستورات if در پایتون 08:17
بررسی بولی ها و دستورات if None
کلیدواژه ''in'' در پایتون 02:02
استفاده از کلیدواژه ''in'' در دستورات if با پایتون 08:18
بررسی کلیدواژه ''in'' و دستورات if None
حلقه های پایتون - for و while 11:07
بررسی حلقه ها در پایتون None
List comprehensions در پایتون 07:24
بررسی List comprehensions None
کار با دیکشنری ها در پایتون 08:31
بررسی دیکشنری ها در پایتون None
تخریب ساختار متغیرها در پایتون 08:28
بررسی تخریب ساختار متغیرها None
توابع در پایتون 10:41
بررسی توابع None
پارامترها و آرگومان های تابع در پایتون 07:40
چگونه مقدار پارامتر پیش فرض را برای توابع در پایتون تنظیم کنیم؟ 03:54
چگونه مقادیر را از توابع در پایتون بازگردانیم؟ 07:19
توابع ناشناس یا لامبدا در پایتون 07:52
Dictionary comprehensions در پایتون 04:01
آنپک کردن آرگومان ها با پایتون (args*) 10:24
آنپک کردن آرگومان های کلیدواژه با پایتون (kwargs**) 08:44
برنامه نویسی شی گرا در پایتون 15:52
متدهای جادویی پایتون - __str__ و __repr__ 06:25
classmethod@ و staticmethod@ در پایتون 14:03
وراثت کلاس در OOP با پایتون 08:32
کامپوزیشن کلاس در OOP با پایتون 06:08
Type Hinting با پایتون 05:08
ایمپورت ها در پایتون چگونه کار می کنند؟ 09:33
ایمپورت های نسبی در پایتون (و اینکه چرا باید از آن ها دوری کنید؟) 08:52
برخورد با خطاها و استثناها در پایتون 12:47
ایجاد کلاس های خطای سفارشی در پایتون 05:04
توابع first-class در پایتون چه هستند؟ 07:52
دکوراتورهای ساده در پایتون 07:12
سینتکس ''at'' برای دکوراتورها در پایتون 03:32
دکوره کردن توابع با پارامترها 02:24
کدنویسی دکوراتورها با پارامترها 04:50
منظور از ''تغییرپذیری'' در پایتون چیست؟ 06:03
پارامترهای تغییرپذیر تابع پیش فرض (و اینکه چرا ایده بدی هستند؟) 04:27

فصل 10: محیط توسعه محلی جنگو (راه اندازی و پیکربندی پروژه)

آشنایی با این بخش 00:26
چگونه pyenv و پایتون را در ویندوز نصب کنیم؟ 02:00
چگونه pyenv و پایتون را در مک نصب کنیم؟ 01:34
چگونه Poetry را در ویندوز نصب کنیم؟ 01:34
چگونه Poetry را در مک نصب کنیم؟ 01:22
چگونه ویژوال استودیو کد را در ویندوز نصب کنیم؟ 01:10
چگونه ویژوال استودیو کد را در مک نصب کنیم؟ 00:51
چگونه در ویندوز یک virtualenv راه اندازی کرده و وابستگی ها را نصب کنیم؟ 01:48
چگونه در مک یک virtualenv راه اندازی کرده و وابستگی ها را نصب کنیم؟ 01:48
چگونه یک پروژه جنگو را در ویندوز شروع کنیم؟ 01:43
چگونه یک پروژه جنگو را در مک شروع کنیم؟ 01:46
چگونه در ویندوز مهاجرت ها را اجرا کنیم، یک ابرکاربر ایجاد کنیم و به پنل ادمین دسترسی پیدا کنیم؟ 01:16
چگونه در مک مهاجرت ها را اجرا کنیم، یک ابرکاربر ایجاد کنیم و به پنل ادمین دسترسی پیدا کنیم؟ 01:16
چگونه یک اپلیکیشن جنگو در ویندوز ایجاد کنیم؟ 01:12
چگونه یک اپلیکیشن جنگو در مک ایجاد کنیم؟ 01:13

فصل 11: ساخت اپلیکیشن Hello World با جنگو

آشنایی با این بخش 00:25
MVT (Model View Template) در جنگو چیست؟ 05:52
نوشتن اپلیکیشن Hello World با جنگو 07:44

فصل 12: پروژه Capstone - بخش 1 - اصول جنگو

آشنایی با این بخش 00:51
چگونه مدل های جنگو را ایجاد و رجیستر کنیم؟ 08:14
چگونه مهاجرت های پایگاه داده را ایجاد و اجرا کنیم؟ 05:29
چگونه همه مقاله ها را در صفحه اصلی نمایش دهیم؟ 08:39
آشنایی با فرم های جنگو 04:55
کوکی های مرورگر چه هستند؟ 02:56
حملات CSRF چه هستند؟ 07:52
ایجاد یک view با جنگو که از یک فرم استفاده می کند 07:51
ایجاد مقاله ها در اپلیکیشن با View های مبتنی بر کلاس 04:55
افزودن اندپوینت های دیگر اپلیکیشن با CBVs 07:07
پاکسازی URLs مقاله 01:26
HTML escaping چیست و چگونه در جنگو کار می کند؟ 02:27

فصل 13: پروژه Capstone - بخش 2 - سفارشی سازی و جنگو پیشرفته

آشنایی با این بخش 00:16
چگونه یک قالب اولیه در جنگو ایجاد کنیم؟ 03:05
بروزرسانی قالب ها برای توسعه قالب اولیه 01:55
فیلترهای جنگو چه هستند؟ 03:51
چگونه ناوبری بین صفحات را در جنگو اضافه کنیم؟ 04:57
چگونه آیتم ها را به صورت شرطی در قالب های جنگو رندر کنیم؟ 02:36
محاسبه تعداد کلمه به صورت پویا در مقاله ها 06:26
چگونه شمارش کلمه را به قالب های خود اضافه کنیم؟ 02:37
چگونه فیلدهای پنل ادمین جنگو را سفارشی سازی کنیم؟ 03:10

فصل 14: اجرای اپلیکیشن های جنگو با داکر

آشنایی با این بخش 00:57
چگونه یک داکر ایمیج را برای اپلیکیشن جنگو خود بسازیم؟ 08:56
چگونه یک کانتینر داکر را با اپلیکیشن جنگو خود اجرا کنیم؟ 07:57

فصل 15: بهبودهای راه اندازی اپلیکیشن جنگو

آشنایی با این بخش 00:49
نوار ابزار اشکال زدایی جنگو (بسیار مفید) 07:44
چگونه ایجاد یک ابرکاربر را خودکار کنیم؟ 05:26

فصل 16: احراز هویت جنگو و ورود از طریق رسانه های اجتماعی با django-allauth

آشنایی با این بخش 01:07
چگونه رابطه کاربر را به مدل جنگو اضافه کنیم؟ 05:12
چگونه article creator را در فرم View مبتنی بر کلاس تنظیم کنیم؟ 01:21
چگونه صفحات لاگین و خروج از سیستم را با جنگو اضافه کنیم؟ 07:08
چگونه نیاز به لاگین را در CBVs جنگو ایجاد کنیم؟ 07:50
چگونه django-allauth را راه اندازی کنیم؟ 02:47
چگونه از django-allauth URLs در پروژه خود استفاده کنیم؟ 04:49
چگونه احراز هویت اجتماعی را با django-allauth راه اندازی کنیم؟ 01:46
چگونه یک اپلیکیشن GitHub OAuth ایجاد کنیم؟ 01:30
چگونه اپلیکیشن های اجتماعی جدید را با django-allauth اضافه کنیم؟ 02:48
چگونه با allauth جنگو را برای لاگین با ایمیل به جای نام کاربری راه اندازی کنیم؟ 03:19
چگونه صفحه ادمین UserProfile را سفارشی سازی کنیم؟ 08:47
ترجمه ها و محلی سازی ها چگونه در جنگو کار می کنند؟ 05:35
چگونه ترجمه ها را به پنل ادمین جنگو اضافه کنیم؟ 07:06
ایجاد یک UserManager سفارشی برای استفاده از فیلد ایمیل در جنگو 10:39

فصل 17: ویژگی های دیگر مقاله و ویرایشگر Markdown

آشنایی با این بخش 00:31
چگونه ویژگی های محاسباتی سفارشی به مدل های خود اضافه کنیم؟ 04:07
نمایش آمار مقاله کاربر در قالب 03:22
چگونه یک ویرایشگر Markdown را به پروژه جنگو خود اضافه کنیم؟ 06:23
حذف داپلیکیشن از قالب های فرم ما 02:37

فصل 18: اجرا با داکر کامپوز

آشنایی با این بخش 00:24
چگونه اتصالات PostgreSQL را در پایتون با psycopg راه اندازی کنیم؟ 06:02
اجرای پایگاه داده و اپلیکیشن جنگو با داکر کامپوز 08:51
اجرای مهاجرت های پایگاه داده با داکر کامپوز 06:55
فرمان های کاربردی داکر کامپوز 03:54

فصل 19: استایل دهی کامل با TailwindCSS

چگونه نود جی اس را روی سیستم عامل مک نصب کنیم؟ 03:31
چگونه نود جی اس را روی ویندوز نصب کنیم؟ 03:39
چگونه TailwindCSS را نصب و راه اندازی کنیم؟ 10:42
پلاگین های اختیاری TailwindCSS 02:28
بارگذاری مجدد خودکار مرورگر با django-browser-reload 02:31
افزودن django_widget_tweaks 01:14
ایجاد استایل های دکمه با TailwindCSS 10:55
استایل دهی به نوار ناوبری ما با TailwindCSS 06:01
سفارشی سازی تم TailwindCSS خود با ایجاد box shadow underline 07:03
تغییر استایل های منو بسته به اینکه در کدام صفحه هستیم 04:10
استایل دهی به داشبورد کاربر 13:57
استایل دهی به فرم حذف مقاله (+ کار با آیکون های svg در جنگو) 08:36
ریفکتور کردن قالب طرح بندی فرم اولیه برای کاهش داپلیکیشن 04:37
استایل دهی به قالب های فرم مقاله (استایل دهی به فرم ها با جنگو و widget_tweaks) 09:22
استایل دهی به صفحه لاگین allauth جنگو 13:33
نگاهی به ساختار عنصر allauth جنگو 03:06
استایل دهی به ورود به سیستم از طریق رسانه های اجتماعی در عنصر ارائه دهنده 02:14
استایل دهی به لیست خطاها در صفحه لاگین ما 00:58
ویژگی های کلیدی صفحه لندینگ و ثبت نام ما 02:11
ایجاد ساختار واکنش گرا برای ثبت نام و صفحه لندینگ ما 05:59
استایل دهی به فرم ثبت نام در صفحه لندینگ ما 06:42
استایل دهی خطاهای فرم در صفحه ثبت نام 03:42
چگونه عنصر جزئیات HTML را برای افشاگری استایل کنیم؟ 08:40
بهبودهایی در قالب اولیه ما برای کار در بین اپلیکیشن ها 06:13
استایل دهی به طرح بندی اصلی allauth 01:21
عناصر Allauth - استایل دهی به دکمه 01:41
عناصر Allauth - استایل دهی به فرم و فیلد 07:50
عناصر Allauth - استایل دهی به عناوین 01:41
برخی از پیشرفت ها و استایل های نهایی در قالب اولیه ما 04:46
جایی که در انتهای این بخش قرار داریم 01:33