ساخت کلون اینستاگرام با MERN Stack با Mongo ،Express ،React ،Node
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت پروژه کلون اینستاگرام
- احراز هویت و مجوزدهی
- Tailwind CSS
- داشبورد مدیریت
- Redux و Redux Toolkit
- MongoDB
- اتصال MongoDB و Mongoose
- Postman برای تست API
پیشنیازهای دوره
- آشنایی با مفاهیم و سینتکس جاوااسکریپت مدرن
- درک اولیه از اکوسیستم React
توضیحات دوره
این دوره نگاهی کامل و عمیق به توسعه وب مدرن با استفاده از MERN stack ارائه میدهد. در پایان، دانشجویان یک کلون اینستاگرام کاملاً کاربردی و مهارتهای لازم برای ساخت و مدیریت پروژههای وب خود را خواهند داشت. علاوه بر این، بینشهایی درباره بهترین شیوه ها برای توسعه فرانتاند و بکاند کسب خواهند کرد که آنها را به توسعهدهندگانی چندمنظوره و ارزشمند در بازار کار امروز تبدیل میکند.
ویژگیهای اصلی توضیح داده شده:
- احراز هویت و مجوزدهی: ایجاد مکانیزمهای ورود امن و مدیریت مؤثر مجوزهای کاربر
- ورود: یکپارچهسازی فرآیند احراز هویت با توکن JWT
- ویژگیهای تعامل: جذب مخاطب با امکاناتی مانند لایک، دیسلایک، گزینههای دنبال کردن/لغو دنبال کردن و سیستم کامنتگذاری پویا
- چت: مدیریت چتها و پیامها، دستهبندی صفحات و پیادهسازی Socket.io برای قابلیتهای بلادرنگ
- جامعهسازی: استفاده از رتبهبندی تولیدکنندگان محتوا برای ایجاد فضای رقابتی و داشبوردهای کاربری برای تجربههای شخصیسازی شده.
- استقرار: اپلیکیشن بر روی پلتفرم Render مستقر خواهد شد.
- ویژگیهای امنیتی: پیادهسازی عملکرد ورود و ثبتنام، مدیریت کاربران و نقشهای کاربری
مخاطبان این دوره:
- مشتاقان توسعه MERN Stack: ایدهآل برای کسانی که به دنبال تسلط به MERN stack از طریق توسعه یک پروژه جامع وبلاگ هستند.
- توسعهدهندگان وب: مناسب برای توسعهدهندگانی که قصد دارند مهارتهای خود را با ویژگیها و عملکردهای پیشرفته در اکوسیستم MERN ارتقا دهند.
- علاقهمندان به تکنولوژی: عالی برای مشتاقان فناوری که مایل به بررسی در توسعه وب اپلیکیشن های مدرن با ویژگیهای اجتماعی، مدیریت محتوا و استراتژیهای درآمدزایی هستند.
این دوره با دقت طراحی شده است تا دانشجویان را در ساخت یک اپلیکیشن وبلاگ غنی از ویژگیها راهنمایی کند و اطمینان حاصل شود که تجربه عملی با روشها و فناوریهای ضروری توسعه وب کسب میکنند.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب علاقهمند به ایجاد وب اپلیکیشن های فولاستک با استفاده از MERN Stack
ساخت کلون اینستاگرام با MERN Stack با Mongo ،Express ،React ،Node
-
مقدمه 02:25
-
محیط و ابزارها 03:39
-
راهاندازی اولیه پروژه 03:58
-
نصب پکیجها 02:17
-
اجرای سرور Express 13:18
-
استفاده از متغیرهای محیطی 02:58
-
پیکربندی Atlas 06:44
-
اتصال به پایگاه داده 06:57
-
ایجاد اسکیمای کاربر 07:44
-
ایجاد اسکیمای پست 03:53
-
ایجاد اسکیمای کامنت 02:58
-
ایجاد اسکیما برای چت 04:47
-
کنترلر برای ثبتنام 07:49
-
کنترلر برای ورود 12:35
-
کنترلر برای خروج 02:08
-
کنترلر برای دریافت پروفایل کاربر 04:48
-
کنترلر برای ویرایش پروفایل کاربر 25:59
-
کنترلر برای کاربران پیشنهادی 04:56
-
کنترلر برای دنبال کردن یا لغو دنبال کردن کاربران 10:48
-
ایجاد مسیرها برای API 10:09
-
بررسی APIها با استفاده از Postman 22:39
-
کنترلر برای افزودن پست جدید 19:22
-
کنترلر برای دریافت تمام پستها 07:43
-
کنترلر برای دریافت پستهای شخصی کاربر 05:24
-
کنترلر برای لایک و دیسلایک پستها 05:43
-
کنترلر برای افزودن کامنت 06:48
-
کنترلر برای دریافت کامنتها 06:03
-
کنترلر برای حذف پست 07:32
-
کنترلر برای نشان کردن پست 08:02
-
کنترلر برای ارسال پیام 10:15
-
کنترلر برای دریافت پیام 04:34
-
ایجاد مسیرها برای پیام 02:53
-
ایجاد مسیرها برای پست 13:46
-
راهاندازی React 19 ،Vite ،Shadcnui و Tailwindcss 4 08:51
-
ایجاد صفحه ثبتنام 08:39
-
عملکرد صفحه ثبتنام 21:12
-
ایجاد صفحه ورود 07:27
-
مسیریابی صفحات 15:15
-
ایجاد نوار کناری 13:12
-
عملکرد خروج 06:15
-
ساخت صفحه پستها 05:45
-
ایجاد صفحه نمایش تکی پست - بخش 1 11:13
-
ایجاد صفحه نمایش تکی پست - بخش 2 12:58
-
ایجاد صفحه کامنت - بخش 1 18:20
-
ایجاد صفحه کامنت - بخش 2 04:51
-
نصب Redux 11:21
-
Redux Persist 08:30
-
ایجاد صفحه پست 16:27
-
ادامه ایجاد صفحه پست 14:07
-
یکپارچهسازی API پست 13:59
-
ایجاد Slice پست 03:35
-
ایجاد هوک سفارشی برای دریافت تمام پستها 08:33
-
دریافت و نمایش دادههای پست از API با استفاده از Redux 27:01
-
حذف پست 12:51
-
لایک و دیسلایک پست 21:54
-
عملکرد کامنت - بخش 1 16:44
-
عملکرد کامنت - بخش 2 24:22
-
ساخت هدر نوار کناری سمت راست 10:38
-
کامپوننت کاربران پیشنهادی 14:52
-
ایجاد وضعیت اولیه برای پروفایل کاربر 05:06
-
ایجاد هوک سفارشی برای دریافت پروفایل کاربر 04:01
-
فراخوانی تابع useGetUserProfile در صفحه پروفایل 04:37
-
استایلدهی عکس پروفایل 03:02
-
افزودن سایر گزینهها 03:16
-
افزودن شرط برای کاربر وارد شده 07:29
-
نمایش تعداد پستها، فالوورها و فالووینگها 02:30
-
نمایش بیوگرافی کاربر 04:21
-
افزودن تبها برای پستها، ذخیرهشدهها و تگشدهها 07:50
-
نمایش پستها 13:36
مشخصات آموزش
ساخت کلون اینستاگرام با MERN Stack با Mongo ،Express ،React ،Node
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:69
- مدت زمان :10:56:14
- حجم :6.26GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy