بوتکمپ توسعه وب در 100 ساعت - ساخت 22 پروژه ریاکت
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت اپلیکیشنهای واقعی مانند کلونهای اسپاتیفای، Tinder، لینکدین، نتفلیکس و توییتر
- تسلط به توسعه MERN Stack از اصول تا مفاهیم پیشرفته
- پیادهسازی احرازهویت، چت بلادرنگ و سیستمهای پرداخت
- ایجاد اپلیکیشنهای فول استک با استفاده از Next.js، GraphQL، نودجیاس و ریاکت
- توسعه پلتفرمهای تجارت الکترونیک حرفهای با یکپارچهسازی Stripe
- ایجاد داشبوردهای واکنشگرای ادمین
- تسلط به تکنیکهای مدرن احرازهویت و مجوزدهی
- یادگیری یکپارچهسازی ریاکت با Go و پایتون
- یادگیری نحوه استقرار هر نوع اپلیکیشن
پیشنیازهای دوره
- درک اولیه از جاوااسکریپت، HTML و CSS
- درک اولیه از React.js
- هیچ تجربه قبلی با NextJS نیاز نیست.
- علاقه به یادگیری و تمرین با پروژههای عملی
توضیحات دوره
تسلط به توسعه وب مدرن - حدود 20 پروژه واقعی با استفاده از محبوبترین فناوریهای امروزی
با این دوره آموزشی جامع که بیش از 100 ساعت طول میکشد، به سفر عملی توسعه وب خواهید رفت. شما بیش از 20 پروژه واقعی را در حالی میسازید که با پرتقاضاترین فناوریهای مورد استفاده توسط شرکتهای بزرگ در سراسر جهان آشنا میشوید.
این دوره با اصول آغاز میشود و شما را با React.js برای ساخت رابطهای کاربری پویا و نودجیاس برای توسعه قدرتمند بکاند آشنا میسازد. اصول تایپاسکریپت نیز پوشش داده میشود تا ایمنی تایپ را به کدهای جاوااسکریپت شما بیاورد و اپلیکیشنهای شما را مقاومتر و قابل نگهداریتر کند. شما یاد خواهید گرفت چگونه state پیچیده را با Zustand مدیریت کنید و اپلیکیشنهای فوقالعاده سریع را با Next.js بسازید.
مدیریت پایگاهداده از جمله PostgreSQL و MongoDB، با هر دو راهحل SQL و NoSQL به طور کامل پوشش داده میشود. شما تجربه عملی کافی با GraphQL برای توسعه بهینه API خواهید داشت و با برنامهنویسی گو برای سرویسهای بکاند با عملکرد بالا آشنا میشوید.
این دوره شامل پوشش گستردهای از ابزارها و شیوههای مدرن توسعه است:
- Express.js برای ساخت RESTful APIs
- پایتون برای توسعه و اتوماسیون جامع بکاند
- PostgreSQL برای ذخیرهسازی داده قابل اعتماد
- Redis برای کش کردن با عملکرد بالا
- داکر برای کانتینرسازی
- Stripe برای پردازش پرداخت
- بهترین شیوهها برای احرازهویت و مجوزدهی
آنچه که این دوره را متمایز میکند، رویکرد مبتنی بر پروژه آن است. به جای یادگیری فقط تئوری، شما به ساخت اپلیکیشنهای واقعی خواهید پرداخت که میتوانید آنها را به پورتفولیوی خود اضافه کنید. هر پروژه مفاهیم جدیدی را معرفی میکند در حالی که یادگیریهای قبلی را تقویت میکند و به شما کمک میکند درک عمیقی از نحوه کارکرد فناوریهای مختلف در وب اپلیکیشنهای مدرن به دست آورید.
در پایان دوره، شما با اعتمادبهنفس قادر به ساخت اپلیکیشنهای فول استک با استفاده از ابزارها و شیوههای استاندارد صنعت خواهید بود. چه بخواهید به یک توسعهدهنده حرفهای تبدیل شوید و چه بخواهید مهارتهای کنونی خود را تقویت کنید، این دوره تجربههای عملی لازم برای موفقیت در چشمانداز فناوری رقابتی امروزی را فراهم میکند.
این دوره برای مبتدیان و توسعهدهندگان سطح متوسط که به دنبال گسترش مهارتهای خود با فناوریهای توسعه وب مدرن هستند، عالی است. همه مفاهیم به زبان ساده و واضح توضیح داده شدهاند، به طوری که مباحث پیچیده برای یادگیرندگان از تمام زمینهها قابل دسترسی باشد.
این دوره برای چه کسانی ماسب است؟
- این دوره جامع برای توسعهدهندگان وب طراحی شده که میخواهند به توسعه فول استک تسلط پیدا کنند، از مبتدیان تا توسعهدهندگان سطح متوسط که به دنبال گسترش مهارتهای خود هستند.
بوتکمپ توسعه وب در 100 ساعت - ساخت 22 پروژه ریاکت
-
خوش آمدید، خوش آمدید، خوش آمدید! 01:00
-
وقتی که گیر میکنید چه کار باید بکنید؟ نصیحت من 00:41
-
راهاندازی ویژوال استودیو کد من و افزونهها 06:00
-
پیشنمایش پروژه 02:16
-
راهاندازی پروژه - سرور 13:31
-
ساخت API ما 37:20
-
راهاندازی Chakra UI 06:42
-
نوار ناوبری و صفحه ایجاد 20:52
-
پیادهسازی فروشگاه Zustand و صفحه ایجاد 12:48
-
صفحه اصلی 26:53
-
استقرار رایگان 16:53
-
پیشنمایش پروژه 01:44
-
راهاندازی پروژه - بکاند 11:56
-
راهاندازی پایگاه داده 12:23
-
ثبتنام - بکاند 21:34
-
لاگین، خروج از پروژه و بروزرسانی پروفایل - بکاند 25:13
-
مسیرهای پیام 14:48
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 02:21
-
راهاندازی فرانتاند 24:38
-
صفحات لاگین و ثبتنام - فرانتاند 23:50
-
صفحه پروفایل 14:14
-
صفحه تنظیمات 11:06
-
سایدبار 16:37
-
کانتینر چت 31:19
-
توضیح و پیادهسازی Socket.io 45:42
-
استقرار 21:27
-
پیشنمایش پروژه 02:09
-
راهاندازی بکاند 21:13
-
راهاندازی پایگاه داده و مسیر ثبتنام 29:25
-
مسیرهای لاگین و خروج از سیستم 05:58
-
مسیرهای پیام 32:33
-
مسیرهای کاربر 06:44
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 02:21
-
طراحی رابط کاربری صفحات احرازهویت فرانتاند 23:32
-
طراحی رابط کاربری صفحه اصلی 26:06
-
پیادهسازی احرازهویت 44:05
-
دریافت مکالمات 17:08
-
قابلیت ارسال پیام 29:18
-
پیادهسازی سوکت 27:00
-
استقرار 14:39
-
پیشنمایش پروژه 02:54
-
راهاندازی فرانتاند و احرازهویت 15:44
-
راهاندازی مسیرها 10:45
-
راهاندازی پایگاه داده و منطق ثبتنام 24:49
-
میانافزار حفاظت از مسیر 10:00
-
مسیرهای ادمین و کنترلرها 30:02
-
مسیرها و کنترلرهای آلبوم 06:00
-
مسیرها و کنترلرهای آهنگ 09:35
-
مسیرها و کنترلرهای کاربر 12:36
-
ایجاد ارائهدهنده احرازهویت و صفحه Callback 35:43
-
طرحبندی اصلی و سایدبار سمت چپ 47:28
-
ایجاد صفحه آلبوم 21:53
-
ایجاد فعالیت دوستان 17:01
-
ایجاد صفحه اصلی 31:44
-
قابلیت پخش آهنگ و صف 36:15
-
کامپوننت دکمه پخش 06:56
-
کنترلهای پلی بک 19:58
-
صفحه ادمین (ایجاد آهنگها) 01:03:25
-
صفحه ادمین (ایجاد آلبومها) 10:23
-
پیادهسازی Socket.io برای ویژگیهای بلادرنگ 56:19
-
رابط کاربری صفحه چت 27:32
-
صفحه 404 سفارشی 02:31
-
استقرار 25:34
-
پیشنمایش پروژه 03:04
-
سرفصل دوره 02:59
-
راهاندازی پروژه 20:31
-
مسیرها و کنترلرهای احرازهویت 42:10
-
مسیرها و کنترلرهای کاربر 42:18
-
مسیرها و کنترلرهای پست 39:19
-
مسیرها و کنترلرهای نوتیفیکیشن 14:18
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 02:21
-
طراحی رابط کاربری 46:19
-
حفاظت از مسیر در فرانتاند 39:39
-
دریافت پستها در صفحه اصلی 06:54
-
حذف پستها 06:51
-
ایجاد پستها 08:06
-
دریافت کاربران پیشنهادی 03:54
-
فالو کردن و آنفالو کردن کاربران 08:57
-
دوست داشتن پست 12:59
-
قابلیت کامنت 06:35
-
صفحه انوتیفیکیشنها 07:49
-
صفحه پروفایل 11:51
-
بروزرسانی پروفایل کاربری 14:52
-
بهینهسازیهای کد 08:43
-
استقرار رایگان 14:37
-
پیشنمایش پروژه 01:53
-
راهاندازی بکاند 12:31
-
راهاندازی پایگاه داده 07:56
-
احرازهویت - توکنهای دسترسی و رفرش 57:47
-
مسیرهای محصول 41:48
-
مسیرهای سبدخرید 12:34
-
مسیرهای کوپن 08:38
-
مسیرهای پرداخت 33:38
-
مسیرهای تحلیل 19:00
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 01:06
-
راهاندازی فرانتاند با ریاکت 20:03
-
طراحی رابط کاربری صفحه ثبتنام 08:07
-
صفحه لاگین و پیادهسازی احرازهویت 31:40
-
صفحه اصلی 06:17
-
داشبورد ادمین 38:41
-
صفحه دستهبندی 17:05
-
ساخت فروشگاه سبد خرید 10:58
-
صفحه سبد خرید 44:07
-
پرداختهای Stripe 34:21
-
ایجاد کوپنها 08:16
-
رابط کاربری تحلیل 08:38
-
اسلایدر محصولات ویژه 10:35
-
رهگیرهای Axios برای رفرش کردن توکنها 06:58
-
استقرار 17:35
-
پیشنمایش پروژه 01:27
-
راهاندازی بکاند 07:40
-
راهاندازی پایگاه داده - MongoDB 16:00
-
اندپوینت ثبتنام 21:29
-
ارسال ایمیل - اعتبارسنجی حساب 17:18
-
اعتبارسنجی ایمیل و ایمیل خوشآمدگویی و خروج از سیستم 18:57
-
اندپوینت لاگین 03:50
-
فراموشی پسورد 10:47
-
ریست پسورد و چک کردن اندپوینتهای احرازهویت 16:06
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 01:06
-
راهاندازی بکاند 12:21
-
رابط کاربری صفحه ثبتنام 22:18
-
رابط کاربری صفحه لاگین 07:32
-
رابط کاربری صفحه اعتبارسنجی ایمیل 10:02
-
پیادهسازی ثبتنام 13:14
-
اعتبارسنجی ایمیل و حفاظت از مسیرها 13:06
-
پیادهسازی صفحه لاگین و داشبورد 11:05
-
پیادهسازی فراموشی پسورد 22:24
-
استقرار فوقالعاده دقیق 25:27
-
پیشنمایش پروژه 01:12
-
راهاندازی بکاند 10:37
-
راهاندازی پایگاه داده و اندپوینت ثبتنام 25:40
-
چک کردن لاگین و خروج و اندپوینتهای احرازهویت 12:19
-
مسیرهای کاربر 11:46
-
مسیرهای تطابق 21:18
-
مسیرهای پیام 10:52
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 02:21
-
راهاندازی فرانتاند با ریاکت و Tailwind 10:46
-
صفحه احرازهویت 41:57
-
صفحه پروفایل 31:52
-
صفحه اصلی - کامپوننت سایدبار 14:03
-
تکمیل صفحه اصلی ما 34:17
-
توضیح SocketIO و نوتیفیکیشنهای بلادرنگ 35:11
-
صفحه چت و پیامهای بلادرنگ 36:40
-
استقرار 15:56
-
بررسی پروژه 07:44
-
راهاندازی بکاند 15:09
-
راهاندازی پایگاه داده (MongoDB) 12:53
-
منطق ثبتنام در بکاند 18:34
-
تولید JWT 08:16
-
لاگین و خروج از سیستم و جمعبندی سریع 08:40
-
واکشی فیلمها 30:36
-
واکشی برنامههای تلویزیونی 06:46
-
میانافزار حفاظت از مسیر 10:28
-
مسیرهای جستجو 29:35
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 01:06
-
راهاندازی فرانتاند 12:52
-
طراحی رابط کاربری صفحه ثبتنام و لاگین 13:41
-
طراحی رابط کاربری صفحه احرازهویت 33:05
-
قابلیت ثبتنام، لاگین و خروج از سیستم 35:14
-
صفحه اصلی 01:09:16
-
صفحه تماشا 36:49
-
صفحه جستجو 15:25
-
صفحه تاریخچه 09:36
-
صفحه 404 سفارشی و فیکسهای جزئی 09:48
-
استقرار 28:10
-
پیشنمایش پروژه 01:20
-
راهاندازی بکاند 14:34
-
مسیر ثبتنام 19:22
-
ارسال ایمیلهای خوشآمدگویی 21:09
-
لاگین، خروج از سیستم و حفاظت از مسیر 10:49
-
مسیرهای کاربر 21:53
-
مسیرهای پست 25:20
-
ایمیل نوتیفیکیشم کامنت 08:33
-
مسیرهای نوتیفیکیشن 06:08
-
مسیرهای اتصال 24:17
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 02:21
-
راهاندازی فرانتاند 18:29
-
صفحه ثبتنام 19:04
-
حفاظت از مسیر در ریاکت 07:32
-
نوار ناوبری 13:17
-
صفحه لاگین 04:12
-
صفحه اصلی - بخش 1 41:52
-
صفحه اصلی - بخش 2 29:22
-
صفحه نوتیفیکیشنها 16:10
-
صفحه شبکه 11:37
-
صفحه پست تکی 08:40
-
صفحه پروفایل 49:19
-
استقرار 21:32
-
پیشنمایش پروژه 04:31
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 01:06
-
طراحی رابط کاربری با Tailwind CSS 59:38
-
دریافت پروفایل کاربری و مخازن 27:06
-
جستجوی پروفایل 23:01
-
صفحه جستجو 14:18
-
راهاندازی سرور 26:10
-
راهاندازی پایگاه داده و احرازهویت 53:42
-
پروفایل لایکها و دریافت لایکها 23:35
-
استقرار 16:48
-
پیشنمایش پروژه 07:21
-
درک GraphQL 06:28
-
ایجاد اسکیما 20:31
-
تست کوئریها 04:46
-
استفاده از میانافزار Express 03:46
-
راهاندازی پایگاه داده 09:56
-
احرازهویت 19:56
-
Resolvers کاربر 14:31
-
Resolvers تراکنش 09:19
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 01:06
-
طراحی رابط کاربری 35:30
-
راهاندازی کلاینت Apollo 08:18
-
پیادهسازی احرازهویت 25:46
-
تراکنشهای CRUD 38:53
-
پاک کردن کش و دریافت آمار دستهبندی 11:45
-
واکشی داده واقعی برای نمودار 11:19
-
روابط GraphQL 15:30
-
استقرار 18:54
-
Cron Jobs (اختیاری) 07:58
-
پیشنمایش پروژه 02:46
-
نکته مهم - این را قبل از ویدئوی بعدی تماشا کنید 01:06
-
صفحه بررسی 56:13
-
صفحه محصولات 21:34
-
صفحه کاربران 18:12
-
صفحه فروش 13:59
-
صفحه سفارشات 15:25
-
صفحه تحلیل 22:04
-
صفحه تنظیمات 26:54
-
استقرار 03:16
-
پیشنمایش پروژه 02:57
-
راهاندازی پروژه و احرازهویت 19:13
-
راهاندازی Shadcn و Dark Mode 07:27
-
ایجاد نوار ناوبری 15:07
-
راهاندازی Postgres و Prisma 34:59
-
همزمانسازی احرازهویت و پایگاه داده 12:26
-
ساخت سایدبار 12:06
-
ایجاد پستها 20:20
-
کاربران پیشنهادی 21:00
-
لایک کردن، کامنت گذاشتن و حذف پستها 37:38
-
جمعبندی و هندلرهای مسیر و فایلهای ویژه 12:41
-
صفحه نوتیفیکیشنها 15:55
-
صفحه پروفایل 30:43
-
آپلود تصاویر با UploadThing 12:22
-
استقرار 07:30
-
پیشنمایش پروژه 04:15
-
راهاندازی پروژه 04:35
-
احرازهویت 04:19
-
راهاندازی پایگاه داده 09:35
-
راهاندازی استریم 05:21
-
درک و پیادهسازی وبهوکها 24:52
-
کوئریها و جهشهای Convex 15:37
-
ساخت نوار ناوبری 17:55
-
ساخت صفحه اصلی 21:39
-
راهاندازی تماسهای ویدئویی با ارائهدهنده استریم 10:52
-
ایجاد هوک useMeetingActions 07:58
-
صفحه ملاقات 08:44
-
راهاندازی ملاقات 10:26
-
اتاق ملاقات 17:32
-
دکمه پایان تماس 06:27
-
ویرایشگر کد 16:04
-
صفحه ضبطها 14:09
-
صفحه زمانبندی 25:17
-
کارت ملاقات 10:52
-
صفحه داشبورد 12:10
-
دیالوگ کامنت 11:11
-
استقرار و تست در تولید 07:32
-
ساخت View داوطلب و پایان پروژه 05:50
-
پیشنمایش پروژه 03:43
-
راهاندازی احرازهویت و پایگاه داده 28:21
-
درک و پیادهسازی وبهوکها 20:55
-
صفحه اصلی - کامپوننت هدر 54:01
-
صفحه اصلی - کامپوننت سلکتور زبان 21:29
-
صفحه اصلی - پنل ویرایشگر 22:26
-
صفحه اصلی - پنل خروجی 08:08
-
اجرای کد 31:54
-
اشتراکگذاری اسنیپت 12:43
-
صفحه اسنیپتها 45:30
-
صفحه جزئیات اسنیپت 51:10
-
صفحه پروفایل 30:39
-
صفحه قیمتگذاری و پرداختهای Lemon Squeezy 41:04
-
استقرار 08:39
-
پیشنمایش پروژه 01:50
-
راهاندازی پروژه 12:44
-
طراحی صفحه احرازهویت 11:59
-
تب تنظیمات 19:53
-
طرحبندی چت 19:06
-
سایدبار 20:32
-
کانتینر پیام 27:27
-
انتخابگر اموجی 08:29
-
نوار پایینی چت 10:54
-
Callback احرازهویت 15:11
-
مبانی Redis 26:44
-
واکشی داده سایدبار 23:42
-
قابلیت ارسال پیام 22:35
-
دریافت پیامها 12:28
-
آپلود تصاویر 14:34
-
عملکرد پیامها به صورت بلادرنگ 23:34
-
استقرار 08:21
-
پیشنمایش پروژه 02:24
-
راهاندازی پروژه و مبانی Convex 16:20
-
احرازهویت 20:54
-
درک وبهوکها 29:11
-
ایجاد دورهها 17:38
-
راهاندازی Stripe 18:30
-
ساخت صفحه CourseId 14:32
-
پرداختهای یکباره 22:04
-
صفحه موفقیت و محدودیت نرخ 13:49
-
راهاندازی وبهوکهای Stripe 19:16
-
ساخت صفحه برنامه حرفهای 21:38
-
سابسکریپشنهای Stripe 32:29
-
صفحه صورتحساب و پورتال صورتحساب 28:06
-
ارسال ایمیلها 29:51
-
استقرار 15:49
-
پیشنمایش پروژه 01:36
-
راهاندازی پروژه 15:48
-
راهاندازی مسیرها 07:52
-
راهاندازی پایگاه داده Postgres 16:07
-
نوشتن کنترلرهای ما 14:35
-
تست اندپوینتهای ما 07:50
-
محدودیت نرخ و تشخیص ربات 14:41
-
راهاندازی فرانتاند با Vite و ریاکت 11:52
-
نوار ناوبری و سلکتور تم 23:36
-
واکشی محصولات 14:04
-
حذف محصولات 06:01
-
افزودن محصولات 16:13
-
صفحه محصول و بروزرسانی محصولات 16:47
-
پیکربندی برای استقرار 12:56
-
استقرار اپلیکیشن ما و تستهای نهایی 07:27
-
پیشنمایش پروژه 02:48
-
ساخت API با فلسک 01:00:58
-
طراحی رابط کاربری با ریاکت و ChakraUI 33:11
-
اتصال فرانتاند به بکاند 29:11
-
استقرار رایگان 15:57
-
پیشنمایش پروژه 00:43
-
بکاند 23:02
-
فرانتاند 22:11
-
استقرار 08:35
-
پیشنمایش پروژه 00:59
-
گو در مقابل NODE 05:59
-
راهاندازی پروژه 10:29
-
ساخت API بدون پایگاه داده 24:24
-
ساخت API با پایگاه داده 31:06
-
طراحی رابط کاربری 15:08
-
Consume کردن API 24:58
-
استقرار 14:24
مشخصات آموزش
بوتکمپ توسعه وب در 100 ساعت - ساخت 22 پروژه ریاکت
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:343
- مدت زمان :102:30:19
- حجم :69.6GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy