توسعه فول استک با Next.js 13
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت
- چگونه از NextJS برای ساخت یک اپلیکیشن ساده شبکه اجتماعی استفاده کنیم؟
- چگونگی کامپوننتهای ماژولار در React بسازیم؟
- چگونه با TypeScript کار کنیم؟
- چگونه با PostgreSQL کار کنیم؟
- چگونه با pg، یک درایور پایگاه داده سطح پایین برای NodeJS کار کنیم؟
- چگونه اپلیکیشن را با احراز هویت JSON Web Token (JWT) ایمن کنیم؟
- چگونه منطق ساده مجوزدهی مبتنی بر نقش را پیادهسازی کنیم؟
- چگونه کرون جابها را با استفاده از Vercel Cron ایجاد، مستقر و ایمن کنیم؟
- چگونه اسکریپتها را به صورت محلی و در محیط تولید اجرا کنیم؟
- چگونه اپلیکیشن را روی Vercel مستقر کنیم؟
- چگونه اپلیکیشن را با TailwindCSS استایل کنیم؟
- چگونه از SWR برای واکشی دادهها و تغییر آنها استفاده کنیم؟
- چگونه از Postman برای تست API استفاده کنیم؟
- چگونه از NextJS route groups برای سازماندهی مسیرها استفاده کنیم؟
- چگونه از Git و GitHub برای کنترل نسخه استفاده کنیم؟
توضیحات دوره
این دوره جامع، با الهام از رونمایی اخیر متا از Threads، بهطور دقیق طراحی شده تا مهارتها و دانش لازم برای ساخت یک کلون توییتر را به شما آموزش دهد. خود را در این مسیر یادگیری پویا قرار دهید چرا که مراحل طراحی و توسعه دنیای واقعی را بازتاب میدهد. در طول این دوره، مهارتهای ضروری و غیرقابل جایگزینی را برای ساخت وب اپلیکیشن های مدرن با استفاده از جدیدترین ابزارها و فناوریها فراخواهید گرفت.
در چشمانداز همواره در حال تغییر صنعت فناوری، تقاضا برای توسعهدهندگان فول استک در بالاترین حد خود قرار دارد. در حقیقت این متخصص های فنی همه کاره در توسعه فرانتاند، بکاند و DevOps سرآمد هستند و معمولاً کل مجموعه ویژگیها و پروژهها را از ابتدا تا استقرار رهبری میکنند. توانمندی چندگانه آنها، آنها را به داراییهای ضروری تبدیل میکند که به طور یکسان مورد توجه استارتاپها و غولهای شرکتی قرار میگیرند.
پس از اتمام این دوره تحولآفرین، با موفقیت یک وب اپلیکیشن کاملاً کاربردی را مفهومسازی، ساخته و در فضای ابری مستقر خواهید کرد. با این دانش پایه، می توانید به حوزههای پیشرفتهتر فناوری وارد شوید و مسیر شغلی پرسود و رضایتبخشی در این صنعت در حال گسترش برای خود رقم بزنید.
در این تجربه یادگیری جذاب، که بهصورت مجموعه آموزشی گامبهگام طراحی شده است، به آسانی میتوانید همراه با مدرس بر روی کامپیوتر خود پیش بروید و اسرار توسعه وب را کشف کنید. هر درس علاوه بر کدها، فرایندهای فکری پشت آن را نیز شرح میدهد تا نه تنها "چگونگی" بلکه "چرایی" هر تصمیم استراتژیک برای شما روشن شود.
این دوره مناسب دانشجویانی است که دانش پایه برنامهنویسی دارند. اما حتی اگر سابقه برنامهنویسی ندارید، استعداد فنی ذاتی شما در خلال آموزشهای دقیق این دوره پرورش یافته و بهراحتی میتوانید با محتوا هماهنگ شوید و در فرایند یادگیری پیشرفت کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی و نیمهحرفهای که میخواهند توسعه فول استک با NextJS را بیاموزند.
- توسعهدهندگان حرفهای که میخواهند با ویژگیهای NextJS 13 مانند App Router بیشتر آشنا شوند.
- هر کسی که میخواهد یاد بگیرد چگونه با استفاده از فناوریهای وب مدرن یک وب اپلیکیشن بسازد.
توسعه فول استک با Next.js 13
-
مقدمه 05:53
-
نصب ابزارها و فناوریها 02:30
-
کشف 01:30
-
Excalidraw 04:27
-
طراحی نمونه اولیه رابط کاربری 03:14
-
طراحی مسیرهای API 08:31
-
طراحی اسکیمای پایگاه داده 08:58
-
کاربران ویندوز: راهاندازی Git Bash 01:26
-
شروع پروژه NextJS 02:49
-
ساخت و افزودن کلید SSH به GitHub 04:44
-
Push کردن مخزن پروژه به GitHub 02:02
-
استقرار پروژه در Vercel 04:17
-
صفحه اصلی 13:09
-
استقرار صفحه اصلی 02:11
-
ساخت Initial SQL Migration 16:15
-
معرفی SQL و TypeScript 07:26
-
ایجاد اتصال به پایگاه داده 09:11
-
بارگذاری کاربران فیک 06:58
-
بارگذاری پستهای فیک 07:12
-
بارگذاری فالوورهای فیک 04:38
-
bcrypt 07:13
-
بارگذاری کاربر مدیر 08:20
-
ریفکتور کردن اتصال پایگاه داده 02:06
-
بررسی کد 00:35
-
معرفی صفحه ورود 00:34
-
نصب Jose 00:29
-
اندپوینت ورود به سیستم 07:37
-
ریفکتور کردن DB Helper 03:24
-
تولید توکن JWT 07:41
-
تست با Postman 07:39
-
Stub های صفحه ورود و فید 06:38
-
HTML کامپوننت فرم 11:02
-
تست فرم 02:19
-
طراحی و استایل صفحه ورود 06:12
-
بررسی کد 00:40
-
اندپوینت ثبتنام 06:45
-
بررسی اندپوینت ثبتنام 00:28
-
صفحه ثبتنام 10:10
-
بررسی صفحه ثبتنام 00:22
-
راهاندازی پایگاه داده تولید 05:12
-
مهاجرت در محیط تولید 07:27
-
خطای تایید پسورد 03:44
-
فایل نمونه ENV 02:01
-
طرح بندی خصوصی 04:55
-
احراز هویت JWT 09:44
-
ریست پایگاه داده 02:51
-
میان افزار احراز هویت 06:51
-
بررسی میان افزار احراز هویت 00:19
-
SWR Fetcher 07:03
-
ریفکتور کردن Fetcher 04:25
-
SWR باید در کلاینت استفاده شود 00:47
-
بررسی پیکربندی SWR 00:19
-
طراحی هدر 05:36
-
نمایش آواتار کاربر 06:40
-
نمایش Placeholder آواتار 01:13
-
مرکز طرح بندی خصوصی 02:21
-
نوار ناوبری و فوتر 03:53
-
Stub های صفحات برای طرح بندی خصوصی 02:15
-
برجسته کردن لینک فعال 02:16
-
بررسی لینک فعال 00:22
-
معرفی صفحه فید 04:59
-
کوئری SQL برای فید 04:41
-
اندپوینت فید 04:02
-
اشکال زدایی خطای 500 04:45
-
رفع خطای 500 01:35
-
بررسی کد 01:10
-
کانتینر و لیست فید 10:15
-
کامپوننت پست 08:39
-
طراحی کامپوننت پست بخش 1 05:17
-
طراحی کامپوننت پست بخش 2 03:07
-
معرفی صفحه پروفایل 00:58
-
اندپوینت دریافت پستها 09:02
-
اندپوینت دریافت پست 05:13
-
بروزرسانی اندپوینت پست بخش 1 03:56
-
بروزرسانی اندپوینت پست بخش 2 02:02
-
اندپوینت حذف پست 03:04
-
اندپوینت ساخت پست 03:42
-
فرم ساخت پست 09:26
-
کانتینر و لیست پست 10:15
-
بروزرسانی لیست پستها با SWR Mutate 02:47
-
توضیح SWR Mutate 01:21
-
جمعبندی صفحه پروفایل 01:35
-
رفع خطای کلید در React 01:18
-
اندپوینت دریافت فالویینگ ها 06:05
-
رابط کاربری صفحه فالویینگ ها 09:50
-
اندپوینت فالوئرها 05:25
-
رابط کاربری صفحه فالوئرها 02:49
-
معرفی صفحه حساب 01:09
-
اندپوینت خروج 02:14
-
رابط کاربری صفحه حساب 06:30
-
بررسی صفحه حساب کاربری 00:31
-
معرفی صفحه کاربر 01:42
-
اندپوینت دریافت کاربران 06:15
-
اندپوینت فالو کردن 05:03
-
اندپوینت ساخت فالو کردن 05:13
-
اندپوینت حذف فالو کردن 03:32
-
معرفی رابط کاربری صفحه کاربر 01:08
-
Stub صفحه کاربر 01:58
-
هدر صفحه کاربر 14:59
-
استایل های هدر صفحه کاربر 01:58
-
لیست پستهای صفحه کاربر 04:52
-
خطای کاربر یافت نشد 03:34
-
معرفی نوار جستجو 00:44
-
اندپوینت جستجو بخش 1 03:19
-
اندپوینت جستجو بخش 2 01:43
-
Stub نوار جستجو 01:16
-
اتصال ورودی به API جستجو 07:45
-
Lodash Debounce 04:48
-
نمایش نتایج جستجو 05:47
-
مدیریت Click Outside 12:59
-
معرفی صفحه ویرایش پست 00:41
-
صفحه ویرایش پست 10:33
-
اشکال زدایی درخواست PATCH 03:58
-
دکمه ویرایش پست مشروط 09:59
-
اندپوینت حذف پست 10:23
-
پاکسازی و استقرار 03:09
-
افزودن JWT Secret در محیط تولید 03:37
-
تست وبسایت تولید 01:03
-
معرفی فلگ اطلاعات نادرست 02:46
-
مهاجرت SQL برای اطلاعات نادرست 03:26
-
اندپوینت فلگ اطلاعات نادرست و مجوزها 12:27
-
حذف اطلاعات نادرست 06:51
-
ایمن کردن کرون جاب در Vercel 07:59
-
اجرای مهاجرت در محیط تولید 01:24
-
اجرای کرون جاب در Vercel 02:08
-
کامپوننتهای سرور 06:10
-
نتیجه گیری 00:28
مشخصات آموزش
توسعه فول استک با Next.js 13
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:همه سطوح
- تعداد درس:127
- مدت زمان :10:20:07
- حجم :4.78GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy