دوره MERN Stack - ساخت یک وب اپلیکیشن با AWS برای اشتراکگذاری ویدئو
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه یک وب اپلیکیشن فولاستک با استفاده از استک MERN (MongoDB ،Express، ریاکت و نودجیاس) برای اشتراکگذاری ویدئو بسازید؟
- استفاده از تایپاسکریپت برای توسعه فرانتاند و بکاند و اطمینان از ایمنی تایپ و کد قابل نگهداری
- پیادهسازی احرازهویت ایمن کاربر با استفاده از JWT (JSON Web Token)
- ایجاد یک رابط کاربری کاملاً واکنشگرا با استفاده از Tailwind CSS و اطمینان از اینکه اپلیکیشن شما در تمام دستگاهها خوب به نظر برسد.
- مدیریت آپلود فایلها و ذخیرهسازی به طور موثر با AWS S3 برای محتوای ویدئو و تصویر
- راهاندازی قابلیت دانلود و اشتراکگذاری ویدئو در داخل وب اپلیکیشن
- مدیریت عملیاتهای CRUD (Create و Read و Update و Delete) برای ویدئوها و پروفایلهای کاربری
- پیادهسازی قابلیت جستجو برای یافتن و پخش ویدئوهای خاص از اپلیکیشن
- افزودن کنترلهای حریم خصوصی به پستهای ویدئو که به کاربران امکان میدهد که بین تنظیمات عمومی و خصوصی انتخاب کنند.
- راهاندازی مکانیزمهای بازیابی و ریست پسورد با استفاده از ایمیل
- اجازه به کاربران برای بروزرسانی اطلاعات پروفایل خود، مانند نام و ایمیل
- استفاده از Multer برای مدیریت آپلود فایلها در اپلیکیشنهای نودجیاس
- ساختاردهی یک بکاند مقیاسپذیر و قابل نگهداری با استفاده از Express و MongoDB
- یادگیری بهترین شیوهها برای استقرار وب اپلیکیشنهای فولاستک در Vercel
- کسب تجربه عملی با شیوههای توسعه واقعی، از جمله استفاده از سرویسهای AWS برای ذخیرهسازی ابر و مدیریت ویدئو
پیشنیازهای دوره
- دانشجویان نیازی به دانش قبلی برای شرکت در دوره ندارند. آنها همه مطالب را یاد خواهند گرفت.
توضیحات دوره
در این دوره جامع MERN Stack، شما یاد خواهید گرفت که چگونه یک وب اپلیکیشن کاملا تابعی اشتراکگذاری ویدئو را با یکپارچهسازی فناوریهای پیشرفته مانند AWS، تایپاسکریپت، Tailwind CSS و موارد دیگر از ابتدا بسازید. چه مبتدی باشید و چه توسعهدهنده سطح متوسط، این دوره شما را در تمام مراحل ایجاد یک وب اپلیکیشن فولاستک که به کاربران امکان میدهد که ویدئوها را بارگذاری، اشتراکگذاری و دانلود کنند راهنمایی میکند. شما به MERN Stack (MongoDB ،Express، ریاکت و نودجیاس) مسلط شده و ویژگیهای اساسی مانند احرازهویت، استریمینگ ویدئو و آپلود ایمن فایلها را بررسی خواهید کرد.
در طول دوره، شما روی یک پروژه عملی کار خواهید کرد: پلتفرم کاملاً واکنشگرا اشتراکگذاری ویدئو که کاربران میتوانند در آن ثبتنام کنند، ویدئوهای خود را آپلود کنند، پروفایلهای خود را مدیریت کرده و تنظیمات حریم خصوصی را کنترل کنند. شما یاد خواهید گرفت که چگونه از AWS برای ذخیرهسازی ویدئو و تصویر استفاده کرده و اپلیکیشن خود را مقیاسپذیر و ایمن کنید. بعلاوه، شما به بررسی نحوه پیادهسازی عملیاتهای اساسی CRUD، مدیریت احرازهویت با JWT (JSON Web Token) و ارائه ویژگیهایی مانند بازیابی پسورد، قابلیت جستجو و بروزرسانیهای پروفایل کاربری خواهید پرداخت.
این دوره بر ساخت مهارتهای واقعی از طریق تجربه عملی تأکید دارد و در پایان پروژه، شما یک وب اپلیکیشن قابل استقرار خواهید داشت که تخصص شما در توسعه وب مدرن را نشان میدهد. شما همچنین یاد خواهید گرفت که چگونه اپلیکیشن خود را در Vercel مستقر کنید تا پروژه شما لایو و آماده اشتراکگذاری با جهان بیرون باشد.
پروژه وب اپلیکیشن اشتراکگذاری ویدئو:
- کاربران میتوانند ثبتنام کنند، وارد اپلیکیشن شوند و پروفایلهای خود را مدیریت کنند، از جمله بروزرسانی نام و ایمیل خود
- آپلود ویدئوها در AWS با Multer که اجازه ذخیرهسازی ایمن و مقیاسپذیر فایلها را میدهد.
- ویژگیهای دانلود و اشتراکگذاری ویدئو که به کاربران امکان میدهد ویدئوها را دانلود کرده یا لینکهای ویدئو را به اشتراک بگذارند.
- تنظیمات حریم خصوصی برای پستهای ویدئوی عمومی یا خصوصی
- عملیاتهای کامل CRUD برای مدیریت محتوای تولید شده توسط کاربر
- گزینههای بازیابی و ریست پسورد از طریق ایمیل
- احرازهویت مبتنی بر JWT برای دسترسی ایمن به این پلتفرم
- قابلیت جستجوی ویدئو که به کاربران امکان میدهد ویدئوها را پیدا و پخش کنند.
- طراحی کاملاً واکنشگرا با استفاده از Tailwind CSS برای نمایش بهینه در هر دستگاه
- استقرار در Vercel برای میزبانی وب اپلیکیشن خود
در پایان دوره، تمام مهارتهای لازم برای ساخت و استقرار وب اپلیکیشن کاملا غنی اشتراکگذاری ویدئو را با استفاده از MERN stack و AWS کسب خواهید کرد و در اعمال این مهارتهای کسب شده در پروژههای آینده خود اعتمادبهنفس خواهید داشت.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی و سطح متوسط که به دنبال تسلط به MERN Stack هستند.
- توسعهدهندگانی که به دنبال ساخت وب اپلیکیشنهای فولاستک هستند.
- کسی که میخواهد یاد بگیرد چگونه احرازهویت ایمن کاربر را با JWT پیاده کند.
- دانشجویانی که به دنبال کسب تجربه عملی در توسعه تایپ ایمن با استفاده از تایپاسکریپت هستند.
- توسعهدهندگان مشتاق وب که میخواهند پلتفرم واقعی اشتراکگذاری ویدئو بسازند.
- توسعهدهندگانی که به یادگیری نحوه کار با AWS S3 برای ذخیرهسازی و مدیریت فایل علاقهمند هستند.
- توسعهدهندگان فرانتاند که به دنبال توسعه اپلیکیشنهای فولاستک هستند.
- توسعهدهندگانی که میخواهند ویژگیهای استریمینگ، آپلود و اشتراکگذاری ویدئو را پیاده کنند.
- دانشجویانی که میخواهند یاد بگیرند چگونه وب اپلیکیشنهای فولاستک را در Vercel مستقر کنند.
- کسی که به یادگیری Tailwind CSS برای ایجاد رابطهای کاربری مدرن و واکنشگرا علاقهمند است.
دوره MERN Stack - ساخت یک وب اپلیکیشن با AWS برای اشتراکگذاری ویدئو
-
پروژه وب اپلیکیشن اشتراکگذاری ویدئو - کد منبع 00:05
-
پروژه وب اپلیکیشن اشتراکگذاری ویدئو - دموی لایو 08:22
-
دانلود Node 02:33
-
راهاندازی Vite Ts 02:54
-
نصب Tailwind CSS 01:44
-
پیکربندی و بررسی Tailwind CSS 02:57
-
پیکربندی Ts در بکاند با Ts 04:54
-
راهاندازی سرور بکاند 03:26
-
راهاندازی گیتهاب 04:06
-
راهاندازی MongoDB Atlas در مرورگر 04:06
-
اتصال پایگاه داده به Mongoose 05:55
-
موارد مرتبط با اتصالپذیری پایگاه داده و پورت 02:35
-
تعریف اولین اسکیمای ما 06:45
-
راهاندازی کنترلر ثبتنام ما 05:21
-
درک و ارسال پاسخ 05:10
-
درک مسیریابی در بکاند 05:36
-
بررسی API خود با استفاده از Postman 06:07
-
ذخیره ایمن پسورد در پایگاه داده 07:07
-
نهایی سازی کنترلر ثبتنام ما 02:16
-
راهاندازی کنترلر ورود به اپلیکیشن 09:17
-
راهاندازی استراتژی JWT پاسپورت 06:33
-
تکمیل کنترلر ورود به اپلیکیشن 08:14
-
درک احرازهویت JWT 03:18
-
ایجاد طرحبندی 08:15
-
آیکونهای ریاکت و تکمیل طرحبندی 03:30
-
ایجاد صفحه ثبتنام 09:04
-
ایجاد صفحه ورود 06:34
-
ضبط ایمیل و پسورد از فرم ثبتنام 05:56
-
درک داده فرم و useState 04:50
-
راهاندازی CORS 06:37
-
راهاندازی Redux Store 08:14
-
پیکربندی Redux Store 03:50
-
فراخوانی API بکاند از فرانتاند 06:32
-
ثبتنام کاربر از فرانتاند 03:04
-
پیادهسازی انوتیفیکیشن 03:57
-
ورود کاربر به اپلیکیشن 04:15
-
راهاندازی توکن در ذخیره محلی 07:21
-
تکمیل ورود به اپلیکیشن 05:50
-
بررسی مجدد فروشگاه 04:24
-
API بکاند برای دریافت جزئیات کاربر 09:38
-
درک مسیر دارای مجوز در بکاند 05:34
-
ایجاد سایدبار 10:24
-
ساخت پروفایل کاربری 12:09
-
تکمیل سایدبار و پروفایل 04:41
-
تنظیم جزئیات کاربر 09:31
-
پیادهسازی مسیر محافظت شده در فرانتاند 07:04
-
تکمیل پروفایل کاربر 04:08
-
خروج کاربر از سیستم 05:23
-
فیکس کردن باگ در پروفایل کاربر 01:55
-
API بکاند برای بروزرسانی کاربر 06:25
-
یکپارچهسازی API بکاند برای بروزرسانی کاربر در فرانتاند 04:47
-
بروزرسانی کاربر در State محلی 04:12
-
تعریف هوک سفارشی برای ارسال توکن احرازهویت 03:30
-
پیکربندی Node-mailer 05:36
-
ارسال ایمیل استاتیک 02:53
-
ایجاد Transporter برای ارسال ایمیل 05:51
-
طراحی اولین صفحه ejs ما 07:37
-
پیکربندی ejs 03:35
-
درک جریان بروزرسانی پسورد 02:06
-
تکمیل API بکاند برای بروزرسانی پسورد 05:50
-
فیکس کردن باگ بروزرسانی پسورد 01:42
-
طراحی صفحه ریست پسورد 08:31
-
یکپارچهسازی بکاند برای ارسال ایمیل ریست پسورد 05:53
-
تکمیل فرانتاند ریست پسورد 02:05
-
یکپارچهسازی منطق برای بروزرسانی پسورد از بکاند 05:44
-
تکمیل بروزرسانی پسورد 05:20
-
راهاندازی اعتبارات AWS 06:54
-
پیکربندی کلاینت AWS در بکاند 05:42
-
میانافزار Multer برای آپلود مستقیم در باکت AWS 06:12
-
تعریف اسکیمای ویدئو 05:19
-
تعریف تایپ اسکیمای ویدئو 03:49
-
درک نحوه کار آپلود 09:29
-
تکمیل کنترلر آپلود ویدئو 06:13
-
تست API برای آپلود ویدئو 06:00
-
پیکربندی APIs برای آپلود ویدئو 03:12
-
تکمیل API آپلود ویدئو در بکاند 03:14
-
فیکس کردن سیاست باکت 06:34
-
طراحی صفحه آپلود 08:52
-
تکمیل صفحه آپلود 08:06
-
طراحی اولین ویرایشگر متن ما 03:04
-
ضبط داده از فرانتاند 09:37
-
ایجاد URL برای Thumbnail و فایلهای آپلود شده 05:13
-
درک نحوه ارسال فایلها به بکاند 04:40
-
ارسال فایلها و جزئیات دیگر به بکاند 05:02
-
تست آپلود ویدئو از فرانتاند 04:27
-
API بکاند برای واکشی ویدئوهای جدید 05:22
-
API بکاند برای واکشی ویدئوی تک 04:57
-
API بکاند برای حذف ویدئوی تک 04:43
-
API بکاند برای دانلود ویدئو 08:28
-
درک نحوه عملکرد دانلودها 02:36
-
API بکاند برای بروزرسانی جزئیات ویدئو 08:17
-
تست API بکاند برای بروزرسانی ویدئو 06:58
-
بررسی مجدد گیت 01:12
-
تعریف انواع ویدئو در Reducer ویدئو 08:18
-
یکپارچهسازی API بکاند برای ویدئوهای عمومی 07:49
-
انتخاب ویدئوی عمومی 03:47
-
طراحی کارت ویدئوی Hero 09:14
-
درک پلیر ریاکت 07:36
-
طراحی آیکونهای اشتراکگذاری و دیگر آیکونها 09:32
-
فرمتبندی مدت زمان ویدئو 04:59
-
طراحی صفحه «همه ویدئوها» 08:42
-
طراحی صفحه ویدئوی خانگی 09:29
-
تکمیل صفحه ویدئوی خانگی 05:58
-
درک اسلایدر 08:46
-
فیکس کردن باگ طراحی 02:31
-
یکپارچهسازی API بکاند برای دانلود ویدئو 07:35
-
یکپارچهسازی قابلیت دانلود در فرانتاند 03:16
-
طراحی صفحه ویدئوی تک 08:58
-
تکمیل صفحه ویدئوی تک 08:34
-
نمایش داده در صفحه ویدئوی تک 07:57
-
افزودن بارگذار به صفحه ویدئوی تک 02:50
-
API بکاند برای واکشی ویدئوهای آپلود شده توسط کاربران لاگین شده 08:45
-
API بکاند برای واکشی ویدئوها برای کاربر لاگین شده به فرانتاند 06:12
-
درک بروزرسانی ویدئو 06:01
-
استایلدهی لینک فعال 06:18
-
یکپارچهسازی حذف ویدئو از فرانتاند 08:46
-
تکمیل حذف ویدئو 02:50
-
طراحی صفحه بروزرسانی ویدئو 02:15
-
از پیش Populate کردن داده برای صفحه بروزرسانی ویدئو 08:02
-
یکپارچهسازی API بکاند برای بروزرسانی ویدئو برای فرانتاند 08:39
-
درک قابلیت بروزرسانی 06:23
-
تکمیل صفحات تمام ویدئو 03:05
-
پیادهسازی جستجوی ویدئوها 07:03
-
یکپارچهسازی جستجو با رابط کاربری 07:48
-
نمایش نتایج جستجو 03:05
-
طراحی بارگذار سفارشی 02:36
-
طراحی صفحه داشبورد کاربر 08:26
-
نمایش اطلاعات کاربر 08:58
-
نمایش تعداد آپلود و دانلود کاربر 04:57
-
تاگل کردن بین صفحه ورود به اپلیکیشن و داشبورد 04:37
-
پیادهسازی بارگذاری اسکلتون و بارگذار 09:02
-
استقرار فرانتاند 04:58
-
پیکربندی Vercel.json برای فرانتاند و بکاند 05:23
-
درک محدودیت متغیرهای محیطی توسط Vercel 05:13
-
استقرار بکاند 05:54
-
فیکس کردن خطای Cors و تست آن 05:42
مشخصات آموزش
دوره MERN Stack - ساخت یک وب اپلیکیشن با AWS برای اشتراکگذاری ویدئو
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:136
- مدت زمان :13:04:39
- حجم :8.12GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy