توسعه برنامه را با React و Django تمرین کنید

نمونه های دنیای واقعی را در مورد چگونگی توسعه مشاغل و استقرار ایمن برنامه ها در ابر
بیاموزید

عنوان اصلی : Practice Application Development With React And Django

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

مقدمه:
برنامه دوره
مربی شما کیست؟
شرایط دوره
ملاحظات طراحی جلو
کد منبع
بخش 2 - تنظیم محیط:
برای یک حساب Azure ثبت نام کنید
Azure CLI را نصب کنید
Azure Devops را راه اندازی کنید
نصب پاورشل 7
Docker Desktop را نصب کنید
Node.js را نصب کنید
PGAdmin 4 را نصب کنید
Postman را نصب کنید
پایتون را نصب کنید
Helm را نصب کنید
Kubectl را نصب کنید
پروژه Frontend را شروع کنید:
پروژه React را ایجاد کنید
طراحی آزمایشی را با Test Library And Jest شروع کنید
یک تست ساده
React Routing را اضافه کنید
افزودن تست های بیشتر در مسیر شاد
سبک وب سایت را به روز کنید
صفحه ورود را ایجاد کنید
صفحه ثبت نام Frontend را ایجاد کنید:
دکمه ورود و آزمایش صفحه ثبت نام را غیرفعال کنید
کدگذاری صفحه ثبت نام
دکمه ثبت را فعال کنید
تست پیچیدگی رمز عبور هنگام ثبت نام
کدی برای تست پیچیدگی رمز عبور
تست کنید تا مطمئن شوید وضعیت دکمه همیشه درست است
تست برای بررسی فرمت ایمیل
ایمیل تأیید کاربر ارسال شد
Setup Mock Service Worker
هرگز ثابت‌ها را کد نکنید
برای بارگیری پیام بررسی کنید
صفحه تأیید
صفحه تأیید تکمیل شده
صفحه ورود به سیستم:
تست ورود به صفحه
قبولی در آزمون ورود به سیستم
آزمایش خطاهای ورود به سیستم
صفحه ورود در حال بارگیری را نشان می دهد
توکن های دسترسی را در محل ذخیره سازی ذخیره کنید
خواندن نشانه‌های دسترسی از محل ذخیره‌سازی محلی
خروج
صفحه نمایه کاربر اصلی:
توکن دسترسی را در ذخیره‌سازی محلی آزمایشی تنظیم کنید
تست صفحه نمایه کاربر جلویی اطلاعات کاربر را نشان می دهد
کاربران احراز هویت نشده را برای ورود بفرستید
تست صفحه نمایه کاربر جلویی می تواند به روز شود
پایان برنامه نویسی صفحه نمایه کاربر جلویی می تواند به روز شود
به‌روزرسانی نمایه خطاها را نشان می‌دهد
صفحه نمایه هنگام به روز رسانی بارگیری را نشان می دهد
گذرواژه به‌روزرسانی‌های صفحه نمایه
تست پیچیدگی رمز عبور را به صفحه به‌روزرسانی نمایه اضافه کنید
صفحه اصلی فراموش شده رمز عبور:
صفحه Forgot Password Frontend از ایمیل های خالی جلوگیری می کند
آزمایش صفحه گذرواژه فراموش شده در قسمت جلویی به Backend ارسال می شود
صفحه جلویی فراموش شده رمز عبور به باطن ارسال می شود
صفحه جلویی فراموشی رمز عبور خطا را نشان می دهد
در حال بارگیری صفحه نمایش گذرواژه را فراموش کرده اید
صفحه رمز عبور را فراموش کرده فرمت ایمیل را بررسی می کند
صفحه بازنشانی رمز عبور همانطور که انتظار می رود نمایش داده می شود
صفحه بازنشانی گذرواژه درخواستی را به پشتیبان ارسال می‌کند
صفحه بازنشانی رمز عبور پیام خطا را نشان می دهد
بازنشانی گذرواژه صفحه بارگیری را نشان می دهد
صفحه رمز عبور را برای تست رمز عبور برای پیچیدگی بازنشانی کنید
The Frontend را بررسی کنید
RESTful Backend API با جنگو:
پروژه Backend را شروع کنید
ایجاد برنامه جنگو
ایجاد تست برای مدل کاربر جنگو سفارشی
مدل کاربر جنگو را به‌روزرسانی کنید
فرم‌های مدیریت جنگو را برای مدل کاربر سفارشی به‌روزرسانی کنید
تست‌هایی برای نقطه پایانی ثبت نام کاربر
نقطه پایانی ثبت نام کاربر را کد کنید
ثبت نام کاربر، ایمیل های موجود را کنترل می کند
گردش کار تأیید ایمیل
به‌روزرسانی تنظیمات جنگو برای ایمیل
تنظیمات جنگو را از متغیرهای محیطی دریافت کنید
از Postman برای تست نقطه پایانی ثبت نام استفاده کنید
راز تأیید ایمیل
نقطه پایانی تأیید کاربر
رمز دسترسی کاربر را تست و کدگذاری کنید
طول عمر رمز دسترسی آزمایشی
نقطه پایانی نمایه کاربر
کد پشتیبان برای تغییر نمایه کاربر
به‌روزرسانی نمایه کاربر، رمز دسترسی جدید و نشانه تازه‌سازی را برمی‌گرداند
به‌روزرسانی نمایه کاربر فقط با Put کار می‌کند
تست‌های اساسی و کد برای نقطه پایانی رمز عبور فراموش شده
ایمیل معتبر یک ایمیل بازنشانی رمز عبور ارسال می کند
URL فراموشی رمز عبور را رفع کنید
بازنشانی رمز عبور نقطه پایانی 400 را با راز بد برمی گرداند
Reset Password 200 with Good Secret را برمی گرداند
بازنشانی رمز عبور با راز خوب و بدون رمز عبور ناموفق است
بازنشانی گذرواژه پشتیبان رمز عبور را تغییر می‌دهد
Test Backend راز بازنشانی در بازنشانی رمز عبور را پاک می‌کند
رمزهای عبور ثبت نام را تست کنید
ادغام Frontend و Backend:
آزمایش کنید که فرانت‌اند و بک‌اند می‌توانند با هم کار کنند
صفحه ثبت نام دوبار ارسال را برطرف کنید
نشانی اینترنتی تأیید صحت
Backend را در یک ظرف بسته بندی کنید و اجرا کنید
فایل های استاتیک Backend را در Nginx بسته بندی کنید
URL استاتیک جنگو را برای خواندن از متغیر محیطی پیکربندی کنید
اشکال‌زدایی تنظیمات در باطن
The Frontend را در یک ظرف بسته بندی کنید
پیکربندی nginx را برای React به‌روزرسانی کنید
تنظیم زیرساخت ابری:
Azure And Infrastructure As Code
مزایای زیرساخت به عنوان کد
زیرساخت ما را به عنوان فایل JSON کد ایجاد کنید
رجیستری کانتینر Azure را ایجاد کنید
فشار دادن تصاویر کانتینر به ACR
The Azure Keyvault را اضافه کنید
شبکه مجازی و زیرشبکه را اضافه کنید
استقرار AKS
مجوزهای AKS برای ACR
استقرار Frontend در AKS
Kubernetes ConfigMaps
محیط های غیر تولیدی را غیرعمومی نگه دارید
DNS Foراهبر
نمایه مشتری VPN
DNS خصوصی
مجوزهای AKS برای زیرشبکه
ورود داخلی کوبرنتس
برنامه Frontend را برای استفاده از Kubernetes Internal Ingress پیکربندی کنید
مانیفست های برنامه Backend را ایجاد کنید
ALLOWED_HOSTS و خطاهای CORS
خودکارسازی فرآیند ساخت:
خط لوله Azure DevOps
کانتینرهای Backend را در خط لوله بسازید
تست در خط لوله Azure DevOps
استقرار خودکار در Kubernetes
اسکن آسیب پذیری برنامه های وب
مدیریت اسرار:
اجازه AKS را به Azure Keyvault بدهید
رازها را در خزانه کلید ایجاد کنید
کلاس ارائه دهنده Secrets Kubernetes را پیکربندی کنید
کانتینر Backend را برای دریافت اسرار از Azure به روز کنید
پایگاه داده Backend:
یک پایگاه داده PostgreSQL بدون دسترسی عمومی مستقر کنید
از طریق VPN به پایگاه داده PostgreSQL متصل شوید
برنامه Dev را به پایگاه داده متصل کنید
یک کاربر Django Super در Dev ایجاد کنید
تصویر استاتیک Backend را اجرا کنید
استقرار در تولید:
استقرار زیرساخت تولید لاجورد
VPN تولید
Production Postgres Connection
استقرار زیرساخت تولید Kubernetes
مدیر گواهی ایجاد کنید و DNS را به روز کنید
مانیفست های برنامه تولید را ایجاد کنید
رازهای تولید
خط لوله Azure برای انتقال تصاویر خوب به رجیستری تولید
استقرار برنامه برای تولید با خط لوله Azure
مهاجرت های پایگاه داده در حال تولید
آزمایش وب سایت تولید
کاربر فوق العاده تولید را ایجاد کنید
Django Debug In Production را خاموش کنید
بپیچید