آموزش React & Django Full Stack: برنامه وب، API پشتیبان، برنامه های تلفن همراه

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

معرفی Introduction

• الزامات پروژه Project requirements

• الزامات پروژه Project requirements

• مروری بر فناوری Technology overview

• مروری بر فناوری Technology overview

• IDE IDE

• IDE IDE

• اشکال زدایی Debugging

• اشکال زدایی Debugging

معرفی Introduction

معرفی جنگو Django Introduction

• معرفی Introduction

• نصب پایتون Python Installation

• محیط مجازی Virtual environment

• ایجاد پروژه Creating Project

• ایجاد پروژه Creating Project

• PyCharm IDE PyCharm IDE

• نمای کلی فایل ها و برنامه جدید Files overview and new app

• نمای کلی فایل ها و برنامه جدید Files overview and new app

• مهاجرت ها Migrations

• مهاجرت ها Migrations

• کاربر و ادمین User and admin

• کاربر و ادمین User and admin

• گزینه های فیلد Field options

• انواع میدان Field types

• انواع میدان Field types

• آدرس های اینترنتی Urls

• آدرس های اینترنتی Urls

• نماهای کلاس Class Views

• روش های مدل سازی اشیاء Model objects methods

• قالب ها Templates

• قالب های پویا Dynamic templates

• قالب های پویا Dynamic templates

• سفارشی سازی ادمین Admin customisation

• باقی مانده REST

• باقی مانده REST

• سریال سازها Serializers

• روش های پستچی و HTTP Postman & HTTP methods

• رمز Token

• مجوزها Permissions

• مجوزها Permissions

• یک به یک One to one

• یکی به بسیاری One to many

• یکی به بسیاری One to many

• خیلی به خیلی ها Many to many

معرفی جنگو Django Introduction

• معرفی Introduction

• نصب پایتون Python Installation

• محیط مجازی Virtual environment

• PyCharm IDE PyCharm IDE

• گزینه های فیلد Field options

• نماهای کلاس Class Views

• روش های مدل سازی اشیاء Model objects methods

• قالب ها Templates

• سفارشی سازی ادمین Admin customisation

• سریال سازها Serializers

• روش های پستچی و HTTP Postman & HTTP methods

• رمز Token

• یک به یک One to one

• خیلی به خیلی ها Many to many

پروژه Django API Django API project

• شروع پروژه API Starting API project

• URL ها URLs

• URL ها URLs

• مدل ها Models

• سریال سازها Serializers

• سریال سازها Serializers

• تست API Testing API

• روش سفارشی Custom method

• روش سفارشی Custom method

• درخواست داده Request Data

• درخواست داده Request Data

• به روز رسانی و ایجاد کنید Update and Create

• به روز رسانی و ایجاد کنید Update and Create

• رتبه بندی ها Ratings

• Token Auth Token Auth

• Token Auth Token Auth

• ثبت نام کاربر Register User

• محدودیت های Restrictions

پروژه Django API Django API project

• شروع پروژه API Starting API project

• مدل ها Models

• تست API Testing API

• رتبه بندی ها Ratings

• ثبت نام کاربر Register User

• محدودیت های Restrictions

React Introduction React Introduction

• معرفی Introduction

• ایجاد اپلیکیشن Create App

• ایجاد اپلیکیشن Create App

• نمای کلی فایل ها Files overview

• نمای کلی فایل ها Files overview

• اجزاء Components

• لوازم جانبی Props

• مناسبت ها Events

• مناسبت ها Events

• حالت State

• روش های چرخه زندگی Life Cycle methods

• نمایش مشروط Conditional display

• نمایش مشروط Conditional display

• حلقه ها و کلیدها Loops and keys

• حلقه ها و کلیدها Loops and keys

• روتر Router

• متن نوشته Context

• متن نوشته Context

• طراحی ظاهر Styling

• قلاب - حالت Hooks - state

• قلاب - جلوه ها Hooks - effects

• قلاب - جلوه ها Hooks - effects

React Introduction React Introduction

• معرفی Introduction

• نمای کلی فایل ها Files overview

• اجزاء Components

• لوازم جانبی Props

• حالت State

• روش های چرخه زندگی Life Cycle methods

• روتر Router

• متن نوشته Context

• قلاب - حالت Hooks - state

پروژه React React project

• ایجاد اپلیکیشن react Creating react app

• چیدمان Layout

• چیدمان Layout

• جزء لیست List component

• جزء لیست List component

• در حال واکشی داده ها Fetching data

• در حال واکشی داده ها Fetching data

• CORS CORS

• CORS CORS

• طراحی ظاهر Styling

• جزء جدید New component

• جزء جدید New component

• رویدادها و وسایل Events and props

• رویدادها و وسایل Events and props

• ویرایش مؤلفه Edit component

• نمایش جزئیات Displaying details

• نمادهای فونت Font Icons

• نمایش رتبه Displaying rating

• ستاره های رتبه بندی Rating stars

• ارسال رتبه Sending rating

• ارسال رتبه Sending rating

• در حال به روز رسانی والدین Updating parent

• ویرایش مؤلفه Edit component

• ترفندهای چیدمان Layout tweaks

• ترفندهای چیدمان Layout tweaks

• فرم Form

• فرم Form

• سرویس API API Service

• به روز رسانی لیست Updating list

• به روز رسانی لیست Updating list

• رکوردهای جدید New records

• رکوردهای جدید New records

• حذف رکوردها Delete records

• مسیریابی Routing

• صفحه ورود Login page

• متن نوشته Context

• متن نوشته Context

• قلاب برای زمینه Hooks for context

• قلاب برای زمینه Hooks for context

• بیسکویت ها Cookies

• بیسکویت ها Cookies

• توکن پویا Dynamic token

• ثبت نام کاربران Register users

• ثبت نام کاربران Register users

• طراحی ظاهر Styling

• خروج Logout

• خروج Logout

• قلاب سفارشی Custom hook

• قلاب خود در جزء Own hook in component

پروژه React React project

• ایجاد اپلیکیشن react Creating react app

• نمایش جزئیات Displaying details

• نمادهای فونت Font Icons

• نمایش رتبه Displaying rating

• ستاره های رتبه بندی Rating stars

• در حال به روز رسانی والدین Updating parent

• ویرایش مؤلفه Edit component

• سرویس API API Service

• حذف رکوردها Delete records

• مسیریابی Routing

• صفحه ورود Login page

• متن نوشته Context

• توکن پویا Dynamic token

• طراحی ظاهر Styling

• قلاب سفارشی Custom hook

• قلاب خود در جزء Own hook in component

React Native Introduction React Native Introduction

• نمای کلی چارچوب Framework overview

• نمایشگاه Expo

• در حال اجرای برنامه شما Running your app

• نمای کلی فایل ها Files overview

• نمای کلی فایل ها Files overview

• اجزاء، لوازم جانبی و حالت Components, props and state

• اجزاء، لوازم جانبی و حالت Components, props and state

• طراحی ظاهر Styling

• فلکس Flex

• فلکس Flex

• ورودی های کاربر User inputs

• لیست ها Lists

• تصاویر Images

• کد مخصوص پلتفرم Platform specific code

• کد مخصوص پلتفرم Platform specific code

• نماد و صفحه نمایش اسپلش Icon and splash screen

• جهت یابی Navigation

• جهت یابی Navigation

• ساختن Build

• بیرون انداختن Eject

• بیرون انداختن Eject

React Native Introduction React Native Introduction

• نمای کلی چارچوب Framework overview

• نمایشگاه Expo

• در حال اجرای برنامه شما Running your app

• نمای کلی فایل ها Files overview

• طراحی ظاهر Styling

• ورودی های کاربر User inputs

• لیست ها Lists

• تصاویر Images

• نماد و صفحه نمایش اسپلش Icon and splash screen

• ساختن Build

پروژه React Native React Native project

• شروع پروژه Initialising project

• دریافت داده از جنگو Getting data from Django

• دریافت داده از جنگو Getting data from Django

• لیست استایل Styling list

• ناوبری را فعال کنید Enable Navigation

• ناوبری را فعال کنید Enable Navigation

• پاس دادن به پارامترها Passing params

• پاس دادن به پارامترها Passing params

• نمادهایی برای رتبه بندی Icons for rating

• نوار بالا Top bar

• نوار بالا Top bar

• ویرایش مؤلفه Edit component

• ویرایش مؤلفه Edit component

• تشکیل می دهد Forms

• تشکیل می دهد Forms

• روش PUT PUT method

• واکشی از لوکال هاست Fetch from localhost

• واکشی از لوکال هاست Fetch from localhost

• UI را رتبه بندی کنید Rate UI

• درخواست نرخ Rate request

• درخواست نرخ Rate request

• ثبت رکورد جدید POST new record

• حذف رکورد Delete record

• حذف رکورد Delete record

• رابط کاربری وارد شوید Login UI

• رابط کاربری وارد شوید Login UI

• AsyncStorage AsyncStorage

• AsyncStorage AsyncStorage

• رمز Token

• رمز Token

• ثبت نام Register

• ثبت نام Register

پروژه React Native React Native project

• شروع پروژه Initialising project

• لیست استایل Styling list

• نمادهایی برای رتبه بندی Icons for rating

• ویرایش مؤلفه Edit component

• روش PUT PUT method

• UI را رتبه بندی کنید Rate UI

• ثبت رکورد جدید POST new record

استقرار برنامه ها Deploy Apps

• نمای کلی هروکو Heroku overview

• آماده سازی جنگو برای هروکو Preparing Django for Heroku

• آماده سازی جنگو برای هروکو Preparing Django for Heroku

• در حال اعزام به هروکو Deploying to Heroku

• در حال اعزام به هروکو Deploying to Heroku

• حساب Firebase Firebase account

• برنامه React را اجرا کنید Deploy React App

استقرار برنامه ها Deploy Apps

• نمای کلی هروکو Heroku overview

• حساب Firebase Firebase account

• برنامه React را اجرا کنید Deploy React App

پایان Finish

• خلاصه Summary

پایان Finish

• خلاصه Summary