Django و Vue.js: آموزش ادغام Django با Vue.js - آخرین آپدیت

دانلود Django x Vue.js: Learn how to integrate Django with Vue.js

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش ساخت پروژه‌های قدرتمند با Django و Vue.js

یاد بگیرید چگونه با استفاده از Django و Vue.js پایه‌ای قوی برای پروژه‌های خود ایجاد کنید.

آنچه در این آموزش یاد خواهید گرفت:

  • توسعه همزمان Django و VueJS: نحوه توسعه یکپارچه پروژه‌های Django و Vue.js.
  • کاهش وابستگی به بسته‌های شخص ثالث: استفاده بهینه از منابع موجود و اجتناب از کامپایلرهای JavaScript مبتنی بر Python.
  • بهره‌گیری از تمپلیت‌های Django با VueJS: استفاده از قدرت تمپلیت‌های Django در کنار انعطاف‌پذیری Vue.js.
  • پیاده‌سازی امن Cross-Site Request Forgery (CSRF): حفاظت از پروژه‌ها در برابر حملات CSRF با روش‌های امن.
  • بارگذاری پویا مسیر فایل با Pathlib: استفاده از Pathlib برای مدیریت مسیرهای فایل به صورت پویا.
  • استفاده از Context Processorهای سفارشی Django: افزودن اطلاعات سفارشی به تمپلیت‌ها از طریق Context Processorها.
  • CRUD از VueJS به Django بدون فریم‌ورک‌های API اضافی: انجام عملیات ایجاد، خواندن، به‌روزرسانی و حذف (CRUD) بدون نیاز به فریم‌ورک‌هایی مانند Django Rest Framework.
  • استفاده از Vite برای ساخت و کامپایل اپلیکیشن VueJS: بهره‌گیری از Vite برای سرعت و کارایی در فرآیند ساخت.

Django یکی از محبوب‌ترین فریم‌ورک‌های بک‌اند وب است که با Python نوشته شده است. Vue.js نیز یکی از محبوب‌ترین ابزارهای JavaScript برای افزودن ویژگی‌های پویا به یک اپلیکیشن وب است.

ترکیب Django و Vue.js به توسعه‌دهندگان یک پارادایم بسیار منعطف و پویا می‌دهد و در عین حال از مزایای داخلی هر ابزار بهره می‌برند.

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

Vue.js به سرعت به انتخاب اول من برای فریم‌ورک‌های JavaScript تبدیل شده است. این به دو دلیل است: (1) نحو <template> / <script> بسیار شهودی است و من را بسیار به یاد نسخه 100 برابر بهتر jQuery می‌اندازد. (2) شما می‌توانید اجزای بسیار کوچک را خیلی سریع و ساده بسازید.

این دوره آموزشی جامع در استفاده از Vue یا Django نیست، بلکه به شما بهترین و مدرن‌ترین رویکرد برای یکپارچه‌سازی این دو ابزار را نشان می‌دهد.

هدف از این دوره ایجاد یک رویکرد عملی و آینده‌نگر برای ادغام تقریبا هر کتابخانه JavaScript با پروژه Django شما است. در حالی که شما می‌توانید Vue.js و Django را در بسیاری از جهات استفاده کنید، داشتن این نوع یکپارچه‌سازی به شما کمک می‌کند تا به آنجا برسید.

تجربه پیشنهادی

  • یکی از دوره‌های Try Django من یا دوره اولین پروژه Django شما یا موارد مشابه
  • مبانی Python (کلاس‌ها، توابع، قالب‌بندی رشته و غیره)
  • مبانی JavaScript (کلاس‌ها، توابع، قالب‌بندی رشته و غیره)
  • مبانی HTML / CSS (div ها، ورودی‌ها، استایل‌ها و غیره)

با این آموزش، شما قادر خواهید بود پروژه‌های وب قدرتمند و مدرن را با استفاده از Django و Vue.js ایجاد کنید.


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

خوش آمدید و راه اندازی Welcome & Setup

  • خوش آمدید Welcome

  • نیازمندی های توصیه شده و منابع دوره Recommended Requirements & Course Resources

  • محیط مجازی پایتون و پروژه جنگو Python Virtual Environment and Django Project

  • ایجاد پروژه Vuejs Create the Vuejs Project

پیکربندی جنگو + ویو Configuring Django + Vue

  • پیکربندی فایل های استاتیک برای جنگو Static File Configuration for Django

  • پردازشگر زمینه سفارشی در جنگو Custom Context Processor in Django

  • استفاده از Pathlib برای تنظیم مسیرهای فایل پویا Using Pathlib to Set Dynamic File Paths

  • بارگذاری برنامه Vue در یک قالب جنگو Mounting the Vue App in a Django Template

  • ویژگی های HTML به عنوان Props در Vue HTML Attributes as Props in Vue

  • Vue Ref برای مدیریت وضعیت Vue Ref for Managing State

  • مدیریت وضعیت سراسری با Vue Global State Management with Vue

درخواست ها و پاسخ های HTTP HTTP Requests and Responses

  • اولین درخواست API خود با Vue Your First API Request with Vue

  • مدیریت یک درخواست API با جنگو Handling an API Request with Django

  • جایگزینی Fetch با Axios Replacing Fetch with Axios

  • نگاشت مقدار ورودی به Vue Ref با v-model Map Input Value to Vue Ref with v-model

  • دستورالعمل های داخلی با Vue Built-in Directives with Vue

  • Axios Post با داده های فرم واکنش گرا Axios Post with Reactive Form Data

جنگو + Vue مدیریت داده Django + Vue Data Handling

  • Django Create API View Django Create API View

  • مدیریت فرم های HTML در Vue Handling HTML Forms in Vue

  • ادغام Vue با مدل جنگو و فرم مدل جنگو Vue Integratio to Django Model & Django Model Form

بخش جمع بندی Wrap up section

  • با تشکر و مراحل بعدی! Thank you and next steps!

نمایش نظرات

Django و Vue.js: آموزش ادغام Django با Vue.js
جزییات دوره
2 hours
21
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,163
4.3 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Justin Mitchel Justin Mitchel

کدنویس، معلم، کارآفرین

  • دانشجوی مشتاق زندگی!
  • من عاشق یادگیری چیزهای جدید هستم و نکته جالب در مورد کد این است که همیشه چیزهای جدیدی وجود دارد.
  • من معتقدم بهترین راه برای یادگیری، آموزش است. به همین دلیل است که من در واقع شروع کردم. اکنون به دیگران کمک می کنم در حالی که مهارت های خود را تقویت می کنم.
  • در
  • به من بپیوندید
  • استاد کمکی در دانشکده بازرگانی مارشال در دانشگاه کالیفرنیای جنوبی
  • دوره های اصلی من (4+ سال پیش)  
  • بودند
  • من یک کارآفرین هستم که خودآموخته توسعه‌دهنده جنگو/پایتون هستم

من یک دوره کاملاً جدید ایجاد کرده ام که به طور خاص برای مخاطبان SkillShare ساخته شده است.