دوره آموزشی
دوبله زبان فارسی
ساخت کامل پروژه مدرن کانوا با ری اکت و Express در 2024 از صفر تا صد
✅ سرفصل و جزئیات آموزش
در این دوره با ساخت پروژه اپلیکیشن فول استک کانوا با React.js، نود جی اس، Express.js و MongoDB از مفهوم تا ایجاد آشنا می شوید.
آنچه یاد خواهید گرفت
- ساخت پروژه کامل کانوا
- اصول React js
- اصول Express js
- کامپوننت عملکردی
- اصول MongoDB
- طراحی کل اپلیکیشن با Tailwind CSS از ابتدا
- استفاده از میان افزار برای مسیرهای محافظت شده
- راه اندازی تابع آپلود تصویر در Clodinary
- راه اندازی لاگین و رجیستریشن کاربر
- راه اندازی تابع جابجایی عنصر حرکت
- راه اندازی تابع تغییر اندازه عنصر
- راه اندازی تابع چرخش عنصر
- گزینه افزودن متن و افزودن Opacity
- Padding متن - افزودن Font Weight
- گزینه اضافه شده به تصویر
- ذخیره داده در MongoDB
پیش نیازهای دوره
- آشنایی اولیه با جاوا اسکریپت
- درک خوب Tailwind CSS
- دانش HTML و CSS
- دانش پایه خط فرمان
توضیحات دوره
به سفر کامل در توسعه فول استک خوش آمدید! با دوره جامع «ساخت کامل پروژه مدرن کانوا با ری اکت و Express در 2024 از صفر تا صد» با ساخت اپلیکیشن های پویا و تعاملی کانوا از ابتدا، عمیقاً به دنیای توسعه وب مدرن می پردازید.
چه توسعه دهنده باتجربه باشید که به دنبال گسترش مهارت های خود هستید یا یک تازه وارد مشتاق یادگیری زیر و بم ها، این دوره برای تجهیز شما به دانش و ابزارهای لازم برای ایجاد وب اپلیکیشن های خیره کننده و غنی طراحی شده است.
آنچه یاد خواهید گرفت:
- مبانی توسعه فول استک - درک کاملی از فناوری های اصلی که وب اپلیکیشن های مدرن را هدایت می کنند، از جمله React.js، نود جی اس، Express.js و MongoDB به دست می آورید.
- ساخت با React.js - به هنر ایجاد رابط های کاربری پویا با استفاده از React.js، کتابخانه پیشرو جاوا اسکریپت در صنعت برای ساخت رابط های کاربری مسلط می شوید.
- توسعه سمت سرور با نود جی اس و Express.js - می آموزید که چگونه با استفاده از نود جی اس و Express.js اپلیکیشن های سمت سرور قوی و مقیاس پذیر ایجاد کرده و از قدرت جاوا اسکریپت غیرهمزمان برای مدیریت درخواست ها استفاده کنید.
- مدیریت داده با MongoDB - دنیای پایگاه داده های NoSQL را بررسی کرده و یاد می گیرید که چگونه از MongoDB برای ذخیره و مدیریت داده اپلیکیشن خود به راحتی استفاده کنید.
- یکپارچه سازی کانوا در پروژه های خود - پتانسیل کامل قابلیت های طراحی کانوا را کشف کرده و یاد می گیرید که چگونه آن را به طور یکپارچه در وب اپلیکیشن های خود یکپارچه کنید تا تجربیات کاربر از نظر بصری خیره کننده ای ایجاد کنید.
- از مفهوم تا ایجاد - با دنبال کردن مفهومی از ایده پردازی تا پیاده سازی، شما را در هر مرحله از فرآیند توسعه، از برنامه ریزی و طراحی تا استقرار و بهینه سازی راهنمایی می کنیم.
این دوره برای چه کسانی مناسب است؟
- کسانی که می خواهند به توسعه دهنده MERN Stack تبدیل شوند.
- دانشجویانی که در حال مطالعه توسعه وب یا زمینه های مرتبط هستند.
- فریلنسرهایی که به دنبال گسترش خدمات خود هستند.
- این تجربه را به پورتفولیوی کاری اضافه کنید.
- تکلیف پروژه دانشگاهی
ساخت کامل پروژه مدرن کانوا با ری اکت و Express در 2024 از صفر تا صد
-
مقدمه پروژه - آنچه خواهید ساخت 16:09
-
به پشتیبانی شما نیاز داریم 01:20
-
ماموریت مدرس 01:23
-
بررسی دوره - برای مدرس بسیار الهام بخش خواهد بود 02:39
-
مقدمه ری کت 06:46
-
ایجاد اپلیکیشن جدید ری اکت با Vite 07:21
-
اجرای پروژه و ساخت فرمان 06:33
-
درک عمیق ساختار پروژه ری اکت 14:43
-
سازماندهی پوشه های فایل 05:09
-
بهترین افزونه های ویژوال استودیو کد و تنظیمات برای توسعه ری اکت 06:19
-
درک اولیه کامپوننت - بخش 1 08:59
-
درک اولیه کامپوننت - بخش 2 07:22
-
JSX و کنوانسیون ها 09:41
-
ShortHand If else در JSX 04:01
-
تابع فورا فراخوانی شده JSX 06:42
-
JSX داخل حلقه 05:52
-
رندرینگ شرطی JSX با If Else 08:55
-
رندرینگ شرطی JSX با دستور Switch 04:07
-
رندرینگ شرطی JSX با عملگر سه گانه 02:42
-
رندرینگ شرطی JSX با عملگر منطقی و عملگر And 03:32
-
رندرینگ شرطی JSX با تابع فورا فراخوانی شده 03:40
-
انتقال ویژگی ها به کامپوننت فرزند 05:13
-
انتقال رشته ساده به کامپوننت فرزند 05:06
-
انتقال آبجکت به کامپوننت فرزند 05:35
-
انتقال تابع به کامپوننت فرزند 02:52
-
مدیریت رویداد کلیک 05:40
-
مدیریت ارسال فرم 05:07
-
اعمال React Router Dom 15:15
-
لینک و لینک ناوبری برای مسیریاب 13:37
-
مسیریاب مرورگر در مقابل مسیریاب هش 05:09
-
انتقال پارامتر از طریق ناوبری 05:45
-
[هوک] آشنایی با هوک 01:45
-
[هوک] useRef InnerText InnerHTML 09:58
-
[هوک] useRef - کار با Attribute 05:44
-
[هوک] useRef - کار با عنصر ورودی 07:38
-
[هوک] useRef - کار با کلاس CSS 06:13
-
[هوک] useState - درک عملکرد داخلی 08:35
-
[هوک] useState - کار با آبجکت تغییرناپذیر 08:21
-
[هوک] useState - کار با آرایه تغییرناپذیر - بخش 1 14:15
-
[هوک] useState - کار با آرایه تغییرناپذیر - بخش 2 06:48
-
[هوک] useState - مدیریت فرم مانند یک حرفه ای - بخش 1 12:32
-
[هوک] useState - مدیریت فرم مانند یک حرفه ای - بخش 2 11:34
-
[هوک] useEffect - درک آرگومان ها و کاربردها 06:40
-
[هوک] useEffect - فراخوانی api با promises 07:00
-
[هوک] useEffect - فراخوانی api با async await 07:09
-
مقدمه - Express JS چیست؟ 04:01
-
اولین اپلیکیشن Express خود 10:23
-
مسیریابی Express js 06:45
-
چهار موضوعی که باید روی آن ها تمرکز کنیم 01:21
-
درک پاسخ 04:17
-
پاسخ رشته ساده 05:07
-
کد وضعیت پاسخ 04:12
-
پاسخ جی سان 04:14
-
دانلود پاسخ 04:12
-
ریدایرکت کردن پاسخ 04:27
-
هدر پاسخ 05:43
-
تنظیم کوکی های پاسخ 04:59
-
پاک کردن کوکی های پاسخ 04:46
-
کار با درخواست 01:32
-
درخواست Get با کوئری URL 06:26
-
کار با هدر درخواست Get 04:15
-
درخواست Post ساده 02:48
-
درخواست Post با کوئری URL 03:52
-
درخواست Post با ویژگی های هدر 05:14
-
اپلیکیشن جی سان Post 07:42
-
کار با داده فرم چند بخشی 08:46
-
آپلود فایل 09:46
-
میان افزار 02:18
-
میان افزار اپلیکیشن 08:05
-
میان افزار مسیر 03:49
-
آشنایی با MongoDB 01:41
-
نصب MongoDB و Compass 06:23
-
اتصال به MongoDB 08:07
-
اسکیما و مدل ها 07:24
-
ایجاد و ذخیره یک سند 08:05
-
یافتن مستندات به روش های متعدد 10:21
-
انتخاب، مرتب سازی، محدود سازی و شمارش مستندات Query API 08:51
-
کوئری پیچیده - عملگرهای مقایسه 07:58
-
کوئری پیچیده - عملیات ها And و Or 05:34
-
تمرین کوئری پیشرفته 06:13
-
بروزرسانی یک سند (روش اول) 03:43
-
بروزرسانی یک سند (روش دوم) 05:38
-
حذف مستندات به دو روش 03:53
-
شروع به ساخت پروژه کامل کانوا - آنچه خواهید ساخت - مقدمه 16:09
-
راه اندازی پروژه و افزونه های ویژوال استودیو کد 04:33
-
راه اندازی و استقرار پروژه - بخش 1 09:52
-
راه اندازی و استقرار پروژه - بخش 2 15:53
-
راه اندازی و استقرار پروژه - بخش 3 16:46
-
راه اندازی و استقرار پروژه - بخش 4 12:34
-
راه اندازی و استقرار پروژه - بخش 5 10:56
-
راه اندازی و استقرار پروژه - بخش 6 14:52
-
راه اندازی React Router Dom و Tailwind Css - بخش 1 10:44
-
راه اندازی React Router Dom و Tailwind Css - بخش 2 16:04
-
طراحی صفحه اصلی کانوا 13:21
-
ایجاد و طراحی فرم رجیستر و لاگین - بخش 1 12:26
-
ایجاد و طراحی فرم رجیستر و لاگین - بخش 2 16:52
-
ایجاد و طراحی فرم رجیستر و لاگین - بخش 3 10:19
-
ایجاد و طراحی فرم رجیستر و لاگین - بخش 4 10:39
-
آپلود پروژه در سرور لایو 06:09
-
ایجاد و طراحی صفحه اصلی - بخش 1 11:29
-
ایجاد و طراحی صفحه اصلی - بخش 2 11:03
-
ایجاد و طراحی صفحه اصلی - بخش 3 13:01
-
ایجاد و طراحی صفحه اصلی - بخش 4 15:53
-
ایجاد و طراحی صفحه اصلی - بخش 5 10:36
-
ایجاد و طراحی صفحه اصلی - بخش 6 14:50
-
ایجاد و طراحی صفحه اصلی - بخش 7 13:30
-
ایجاد و طراحی صفحه اصلی - بخش 8 11:14
-
ایجاد و طراحی صفحه اصلی - بخش 9 15:41
-
طراحی سایدبار صفحه اصلی - بخش 1 12:51
-
طراحی سایدبار صفحه اصلی - بخش 2 13:27
-
طراحی سایدبار صفحه اصلی - بخش 3 15:20
-
طراحی سایدبار صفحه اصلی - بخش 4 12:10
-
طراحی سایدبار صفحه اصلی - بخش 5 04:30
-
طراحی بخش پاپ آپ سایدبار - بخش 1 08:57
-
طراحی بخش پاپ آپ سایدبار - بخش 2 07:29
-
طراحی بخش پاپ آپ سایدبار - بخش 3 13:51
-
راه اندازی کامپوننت طراحی اصلی - بخش 1 18:40
-
راه اندازی کامپوننت طراحی اصلی - بخش 2 19:26
-
راه اندازی کامپوننت طراحی اصلی - بخش 3 08:11
-
راه اندازی کامپوننت طراحی اصلی - بخش 4 10:36
-
راه اندازی کامپوننت طراحی اصلی - بخش 5 10:25
-
کامپوننت طراحی قابلیت طراحی - بخش 1 11:15
-
کامپوننت طراحی قابلیت طراحی - بخش 2 17:06
-
کامپوننت طراحی قابلیت طراحی - بخش 3 07:51
-
ایجاد اندیکاتور طراحی، چرخش، تغییر اندازه و جابجایی - بخش 1 09:48
-
ایجاد اندیکاتور طراحی، چرخش، تغییر اندازه و جابجایی - بخش 2 13:43
-
ایجاد اندیکاتور طراحی، چرخش، تغییر اندازه و جابجایی - بخش 3 06:33
-
متد جابجایی Div در HTML - بخش 1 15:07
-
متد جابجایی Div در HTML - بخش 2 13:44
-
متد جابجایی Div در HTML - بخش 3 09:24
-
متد تغییر اندازه Div در HTML - بخش 1 09:12
-
متد تغییر اندازه Div در HTML - بخش 2 05:19
-
متد چرخش Div در Html - بخش 1 12:04
-
متد چرخش Div در Html - بخش 2 11:59
-
گزینه افزودن متن و افزودن Opacity - بخش 1 09:53
-
گزینه افزودن متن و افزودن Opacity - بخش 2 08:40
-
گزینه افزودن متن و افزودن Opacity - بخش 3 13:30
-
Padding متن - افزودن وزن فونت - بخش 1 10:00
-
Padding متن - افزودن وزن فونت - بخش 2 11:44
-
Padding متن - افزودن وزن فونت - بخش 3 09:53
-
گزینه اضافه شده به تصویر - بخش 1 09:45
-
گزینه اضافه شده به تصویر - بخش 2 08:19
-
گزینه اضافه شده به تصویر - بخش 3 06:18
-
تابع رجیستر کاربر - بخش 1 13:29
-
تابع رجیستر کاربر - بخش 2 13:03
-
تابع رجیستر کاربر - بخش 3 15:41
-
تابع رجیستر کاربر - بخش 4 06:24
-
تابع رجیستر کاربر - بخش 5 19:13
-
تابع لاگین کاربر - بخش 1 15:55
-
تابع لاگین کاربر - بخش 2 11:48
-
ایجاد، طراحی و ذخیره پایگاه داده - بخش 1 13:06
-
ایجاد، طراحی و ذخیره پایگاه داده - بخش 2 16:05
-
ایجاد، طراحی و ذخیره پایگاه داده - بخش 3 09:52
-
ایجاد، طراحی و ذخیره پایگاه داده - بخش 4 11:19
-
ایجاد، طراحی و ذخیره پایگاه داده - بخش 5 16:52
-
ایجاد، طراحی و ذخیره پایگاه داده - بخش 6 13:04
-
طراحی قابلیت - افزودن و دانلود - بخش 1 13:56
-
طراحی قابلیت - افزودن و دانلود - بخش 2 13:01
-
طراحی قابلیت - افزودن و دانلود - بخش 3 14:03
-
فیکس کردن باگ برای افزودن زد ایندکس متن 03:53
-
تابع ذخیره تصویر - بخش 1 15:10
-
تابع ذخیره تصویر - بخش 2 15:45
-
تابع ذخیره تصویر - بخش 3 09:26
-
تابع آپلود تصویر - بخش 1 14:02
-
تابع آپلود تصویر - بخش 2 15:13
-
تابع آپلود تصویر - بخش 3 12:59
-
تابع نمایش تصویر - بخش 1 09:00
-
تابع نمایش تصویر - بخش 2 16:46
-
تابع نمایش تصویر - بخش 3 11:57
-
نمایش قالب طراحی - بخش 1 17:55
-
نمایش قالب طراحی - بخش 2 15:58
-
نمایش قالب طراحی - بخش 3 18:05
-
راه اندازی سازماندهی پروژه - بخش 1 11:54
-
راه اندازی سازماندهی پروژه - بخش 2 15:58
-
راه اندازی سازماندهی پروژه - بخش 3 18:01
-
راه اندازی سازماندهی پروژه - بخش 4 04:50
-
تابع خروج کاربر از سیستم 04:16
-
محافظت از مسیر 03:58
-
نمایش پیام اعتبارسنجی برای لاگین کاربر 06:19
مشخصات آموزش
ساخت کامل پروژه مدرن کانوا با ری اکت و Express در 2024 از صفر تا صد
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:179
- مدت زمان :28:10:59
- حجم :13.96GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,360,500
1,672,100 تومان
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,720,500
1,144,100 تومان
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,206,500
841,300 تومان
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,391,000
878,200 تومان
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,261,000
1,452,200 تومان
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی