دوره آموزشی
The Great Courses
دوبله زبان فارسی

دوره کامل React و Next.js همراه با پروژه‌های مجهز به هوش مصنوعی

دوره کامل React و Next.js همراه با پروژه‌های مجهز به هوش مصنوعی

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • تسلط به React و Next JS
  • ساخت اپلیکیشن‌های Full-stack با React و Next.js با استفاده از بهترین شیوه های مدرن
  • یکپارچه‌سازی قابلیت‌های هوش مصنوعی با استفاده از APIهای OpenAI/Gemini در مسیرهای امن سرور
  • پیاده‌سازی احراز هویت و تعیین سطح دسترسی با استفاده از ارائه‌دهندگان مدرن
  • استقرار اپلیکیشن‌های آماده تولید با کارایی بهینه و سئو (SEO)

پیش‌نیازهای دوره

  • درک اولیه از اصول HTML ،CSS و JavaScript
  • سیستمی با قابلیت اجرای Node.js و یک ویرایشگر کد مدرن
  • اشتیاق برای یادگیری Next.js ،APIهای بک‌اِند و مفاهیم React

توضیحات دوره

این دوره برای توسعه‌دهندگانی طراحی شده است که قصد دارند با ساخت اپلیکیشن‌های واقعی و فول‌استک مجهز به هوش مصنوعی، به React و Next.js مسلط شوند. به جای یادگیری مفاهیم به صورت جداگانه، دانشجویان پروژه‌هایی در سطح تولید را با استفاده از ابزارهای مدرنی مانند Convex ،Supabase ،Drizzle ORM و درگاه‌های پرداخت امن خواهند ساخت. هر بخش از مفاهیم اساسی تا استقرار را پوشش می‌دهد تا از درک چگونگی و چرایی عملکرد هر بخش اطمینان حاصل شود.

مدرس دوره را با تقویت اصول React و Next.js شامل روتینگ، کامپوننت‌ها، server actions، کشینگ و بهینه‌سازی عملکرد آغاز می‌کند. سپس دانشجویان وارد توسعه بک‌اِند با استفاده از Convex و Supabase می‌شوند تا دیتابیس‌های مقیاس‌پذیر، سیستم‌های احراز هویت و لایه‌های API بسازند. آن‌ها مدل‌سازی رابطه‌ای با Drizzle ORM را یاد می‌گیرند، استیت سراسری را با Zustand یا Context مدیریت می‌کنند و جریان‌های پرداخت واقعی را با استفاده از درگاه‌های استاندارد صنعت پیاده‌سازی می‌نمایند.

این دوره شامل چندین پروژه مبتنی بر هوش مصنوعی است که در آن‌ها مدل‌های OpenAI ،Gemini و سایر ارائه‌دهندگان برای ساخت اپلیکیشن‌های هوشمند SaaS یکپارچه می‌شوند. او در این دوره ساخت داشبوردها، سیستم‌های مدیریت فایل، دستیارهای چت، ابزارهای اتوماسیون و موارد دیگر را آموزش می‌دهد.

در نهایت، اپلیکیشن‌ها با استفاده از پلتفرم‌های میزبانی مدرن مستقر شده و روش‌های بهینه‌سازی آن‌ها برای کاربران واقعی بررسی می‌شود. این یک دوره کامل و عملی است که مهارت‌های لازم برای ساخت و عرضه اپلیکیشن‌های وب فول‌استک و هوش مصنوعی محور را با اطمینان کامل به دانشجو منتقل می‌کند.

این دوره راهکاری جامع برای تسلط به React و NextJS است تا هر کسی بتواند پروژه بعدی خود را با اعتماد به نفس عرضه کند!

این دوره برای چه کسانی مناسب است؟

  • توسعه‌دهندگانی که می‌خواهند از طریق پروژه‌های واقعی هوش مصنوعی به React و Next.js مسلط شوند.
  • مبتدیانی که به دنبال تبدیل شدن به توسعه‌دهنده Full-stack با ابزارهای مدرن هستند.
  • یادگیرندگان React که می‌خواهند مهارت‌های بک‌اِند، دیتابیس و پرداخت را به توانایی‌های خود اضافه کنند.
  • هر کسی که هدفش ساخت اپلیکیشن‌های هوش مصنوعی SaaS آماده تولید است.

دوره کامل React و Next.js همراه با پروژه‌های مجهز به هوش مصنوعی

  • معرفی دوره 10:47
  • React چیست و چرا باید از آن استفاده کنیم؟ 08:33
  • داستان نسخه‌های React و مستندات آن 05:10
  • نیاز به یک Bundler - ابزار Vite 07:08
  • اولین اپلیکیشن React شما در مرورگر 07:26
  • استفاده از React در ویرایشگرهای کد آنلاین 03:02
  • درک تمام فایل‌ها در React (آپدیت شده) 15:23
  • مسیر یادگیری خود را در دوره React انتخاب کنید 03:55
  • فرمان Build در React 06:08
  • آماده‌سازی اپلیکیشن React برای تولید 10:19
  • کانفیگ Tailwind در اپلیکیشن React 10:05
  • ساخت کارت با Tailwind 10:13
  • مفهوم Props در React چیست؟ 06:00
  • ساخت اولین کامپوننت 05:58
  • ساخت کامپوننت‌های سفارشی با Props 11:11
  • توسعه سریع‌تر با کامپوننت‌های Tailwind 11:00
  • بررسی اجمالی و راه‌اندازی کامپوننت‌های Shadcn 19:20
  • شروع پروژه - آماده شوید 03:16
  • معرفی پروژه شمارنده همراه با فرم‌ها 03:00
  • محیط‌های اجرای جاوااسکریپت - Node و Bun برای React 08:50
  • نوشتن المان‌های HTML و فرم‌ها در React 08:37
  • پشت صحنه مدیریت State در React 07:39
  • هوک‌ها در React چه هستند؟ 08:37
  • بررسی عمیق هوک useState 12:52
  • مدیریت فرم در React 11:31
  • بررسی گام‌به‌گام پروژه مدیریت صف 05:36
  • برنامه‌ریزی گردش کاری اپلیکیشن 06:59
  • یادگیری جریان داده بین کامپوننت‌ها در React 11:24
  • مدیریت فرم و انتقال داده‌ به کامپوننت والد 13:43
  • مروری کوتاه بر متدهای map و filter در جاوااسکریپت 03:52
  • درک رندرینگ شرطی در React 09:49
  • دیباگ کردن در ساختارهای چند کامپوننتی 19:32
  • انواع مختلف Props و مفهوم Context 06:18
  • راه‌اندازی پروژه Vite برای کار با Props 27:38
  • طراحی انواع دکمه‌ها با استفاده از Props 15:26
  • استفاده از Children Props در React 18:22
  • ارسال داده‌های پیچیده از طریق Props 14:52
  • کار با useRef و forwardRef در React 23:03
  • بررسی Context API و مشکل Prop Drilling 10:11
  • ساخت اولین Context API Provider 13:13
  • ساخت اولین هوک سفارشی 11:38
  • استفاده از Context در چندین کامپوننت 06:12
  • آماده‌سازی اپلیکیشن برای استفاده از هوک‌های سفارشی 09:24
  • طراحی کامپوننت‌ها برای سبد خرید 21:42
  • نکات هوک useEffect برای مصاحبه‌های کاری 12:56
  • همگام‌سازی داده‌ها بین تب‌های مختلف مرورگر 16:38
  • مدیریت عملیات مربوط به سبد خرید 10:00
  • تکمیل قابلیت‌های هوک سفارشی 05:18
  • دیباگ کردن اپلیکیشن - فرآیند فکری 11:05
  • کتابخانه‌های مدیریت استیت 05:49
  • ساخت اولین Store در Zustand 11:52
  • اشتراک به بخش‌های مورد نیاز داده‌ها 04:44
  • مدیریت یک Store با چندین Slice مختلف 08:26
  • استفاده از اکشن‌های ناهمزمان برای فراخوانی API 10:00
  • معرفی سری آموزشی GIT 05:55
  • Git init و پوشه مخفی 17:34
  • کامیت‌ها و لاگ‌ها در Git 16:35
  • چگونگی عملکرد داخلی و کانفیگ‌های Git 27:46
  • ادغام و تداخل‌ها در Git 39:36
  • Git Diff و قابلیت Stashing 28:22
  • Git Rebase آنقدرها هم ترسناک نیست 21:43
  • بینشی درباره Pushing کد به Github 40:57
  • چگونگی ایجاد Pull Request و مشارکت در پروژه‌های Open Source 24:45
  • داستان جاوااسکریپت - از کنسول تا موتور V8 11:45
  • چگونگی اجرای کد در جاوااسکریپت - پشت صحنه 12:39
  • انواع داده‌ها، متغیرها و ثوابت در جاوااسکریپت 24:37
  • عملیات‌ها در جاوااسکریپت 20:39
  • داده‌ اولیه در جاوااسکریپت 23:18
  • داده‌ غیراولیه در جاوااسکریپت 20:59
  • پنج چالش درباره عبارات شرطی در جاوااسکریپت 19:04
  • رویارویی با ده چالش در آرایه‌ها و متدهای آن‌ها 35:07
  • معرفی حلقه‌ها در جاوااسکریپت 20:39
  • غلبه بر شش چالش حلقه در جاوااسکریپت 26:05
  • ده چالش حلقه برای یادگیری انواع حلقه‌ها در جاوااسکریپت 47:37
  • توابع، Arrow functions، کلمه THIS و مفهوم Context 26:16
  • توابع Higher-order و توابع تو در تو در جاوااسکریپت 19:54
  • کلاس پیشرفته در مورد Prototypes در جاوااسکریپت 28:01
  • سازنده‌های تابع و مدیریت خطاها 18:27
  • کلاس‌ها، آبجکت ها و ارث‌بری در جاوااسکریپت 19:54
  • مفاهیم کپسوله‌سازی، پلی مورفیسم، انتزاع و Getters/Setters 30:17
  • مبانی DOM و BOM در جاوااسکریپت 20:36
  • حل پنج چالش از DOM 35:15
  • بخش نهایی DOM با پنج چالش دیگر 33:46
  • جاوااسکریپت ناهمزمان و Event Loop 17:43
  • مفهوم Closure در جاوااسکریپت 04:37
  • Promises و زنجیره‌سازی آن‌ها 12:48
  • ارث‌بری پروتوتایپی در جاوااسکریپت 03:49
  • کلمه THIS و متصل‌سازی Context 05:21
  • استفاده از Async-await و Promise.all 15:11
  • Iterators و Generators در جاوااسکریپت 06:39
  • بررسی ES6 Modules و CommonJS 11:28
  • دموی پروژه اول - Todo همراه با Local Storage 05:10
  • افزودن یک تسک به آرایه 10:05
  • مدیریت Local Storage و رویدادهای DOM 09:34
  • Event bubbling و عملیات‌های CRUD 19:21
  • دموی پروژه مدیریت API 04:57
  • چگونگی کار با هر نوع API در کد 36:37
  • دموی پروژه سوم - اپلیکیشن تجارت الکترونیک 01:50
  • ساخت صفحه سبد خرید اپلیکیشن Ecommerce 27:10
  • تمرین پروژه سوم 01:44
  • دموی پروژه چهارم - ردیاب هزینه 02:32
  • ردیاب هزینه با Local Storage و Event Delegation 30:43
  • دموی پروژه پنجم - اپلیکیشن آزمون 03:35
  • ساخت یک اپلیکیشن آزمون کامل 28:21
  • معرفی Next.js و چرا باید از فریم‌ورک‌ها استفاده کنیم؟ 07:25
  • Router در Next.js چیست؟ App Router در مقابل Page Router (کدام را انتخاب کنیم؟) 09:44
  • نصب و نوشتن اولین Hello World در Next.js 07:34
  • مقایسه Next.js با React خالص 05:12
  • بررسی ساختار پوشه‌بندی در Next.js 05:27
  • قراردادهای نام‌گذاری پوشه‌ها و فایل‌ها در Next.js 14:16
  • انواع پوشه‌ها و فایل‌ها در Next.js 04:24
  • روتینگ تو در تو و روتینگ پویا 07:53
  • مینی پروژه - بررسی و راه‌اندازی Header 19:55
  • مینی پروژه - ساخت Footer 03:22
  • مینی پروژه - ساخت یک صفحه اصلی واکنش‌گرا 11:42
  • مینی پروژه - ساخت صفحه درباره ما به صورت واکنش‌گرا 05:09
  • مینی پروژه - ساخت صفحه تماس با ما به صورت واکنش‌گرا 11:16
  • روتینگ پویای تو در تو 09:08
  • بررسی Catch All Segment و حالت اختیاری آن 11:11
  • گروه‌بندی روت‌ها و پوشه خصوصی 12:07
  • رهگیری روت‌ها - در همان سطح و یک سطح بالاتر 15:31
  • رهگیری روت‌ها - دو سطح بالاتر و در سطح ریشه 07:25
  • معرفی روت‌های موازی و Slots در Next.js 14:46
  • روت‌های پیدا نشده و قرارداد صفحه Default 05:27
  • ساخت صفحه سفارشی Not-Found 06:55
  • کامپوننت‌های سرور 13:06
  • کامپوننت‌های کلاینت و انتخاب بین کلاینت و سرور 11:13
  • Route Handlers در Next.js چیست؟ و ایجاد Endpoint برای GET 13:38
  • ایجاد Endpoint برای POST در Next.js 09:51
  • ایجاد Endpoint برای PUT در Next.js 15:17
  • ایجاد Endpoint برای PATCH در Next.js 02:46
  • ایجاد Endpoint برای DELETE در Next.js 04:52
  • بررسی Query Parameterها 08:58
  • کار با Headers در Next.js 12:36
  • کار با Cookies در Next.js 10:25
  • اپلیکیشن یادداشت‌برداری - راه‌اندازی پروژه و اتصال به دیتابیس 23:06
  • اپلیکیشن یادداشت‌برداری - مدل MongoDB، ساخت API و فرم افزودن یادداشت 23:35
  • اپلیکیشن یادداشت‌برداری - دریافت و نمایش یادداشت‌ها با کارت‌ها، useState و Toasts 15:28
  • اپلیکیشن یادداشت‌برداری - Endpoint حذف و از بین بردن یادداشت‌ها 07:20
  • اپلیکیشن یادداشت‌برداری - Endpoint ویرایش و فرم ویرایش شرطی 18:19
  • آموزش آسان کشینگ و Revalidate - بررسی Fetch API توسعه‌یافته در Next.js 16:14
  • مدیریت خطاهای 404 با استفاده از تابع notFound در Next.js 04:35
  • هوک useParam 04:37
  • هوک usePathname 08:21
  • هوک useQueryParams 08:02
  • هوک useRouter - متدهای push ،replace ،back ،forward و prefetch 14:01
  • تابع Redirect در Next.js 03:00
  • بررسی عمیق Server Actions و برتری آن‌ها نسبت به API Routes 20:36
  • تسلط به فونت‌ها در Next.js - پیاده‌سازی آسان Google Fonts و فونت‌های محلی 14:36
  • فرم‌ها در Next.js - بررسی Prefetching، نویگیشن و Server Actions 09:09
  • بهینه‌سازی تصاویر در Next.js با استفاده از کامپوننت Image 05:25
  • تگ‌های Link و Script در Next.js - فراتر از تگ‌های معمولی HTML 02:07
  • پروژه فرم تماس - معرفی، راه‌اندازی و اتصال به دیتابیس 08:40
  • پروژه فرم تماس - مدل مخاطبان، ShadcnUI و رابط کاربری فرم 11:57
  • پروژه فرم تماس - ساخت Server Action برای مخاطبان و یکپارچه‌سازی فرم 09:01
  • پروژه فرم تماس - دریافت لیست مخاطبان و رندر در یک کامپوننت سرور 11:28
  • پروژه فرم تماس - بروزرسانی استیت مخاطب و Revalidate کردن مسیر 06:53
  • پروژه فرم تماس - کامپوننت استیت مخاطب، unstable_cache و Revalidate Tag 07:17
  • مقایسه متادیتاهای استاتیک و داینامیک و بهترین شیوه ها برای Layoutها و صفحات 12:15
  • بررسی عمیق متادیتای عنوان - شرح ویژگی‌های Default، Template و Absolute 04:36
  • چگونگی افزودن و بروزرسانی Favicon در پروژه‌های Next.js 01:32
  • تصویر استاتیک Open Graph چیست؟ اهمیت و مزایا و معایب آن 09:11
  • تصاویر داینامیک Open Graph در Next.js - ساخت یک OG API با nextog 08:48
  • معرفی Tanstack Query و مقداردهی اولیه در Query Provider اپلیکیشن Next.js 13:01
  • استفاده از useQuery در TanStack Query - ساده‌سازی دریافت داده‌ 10:40
  • هوک useMutation در TanStack Query - تغییرات، ابطال کوئری و Optimistic UI 12:46
  • مفاهیم Hydration و کشینگ در Next.js - راهنمای سریع 15:51
  • اپلیکیشن ToDo - راه‌اندازی دیتابیس، اسکیما و Query Provider 18:28
  • اپلیکیشن ToDo - افزودن تسک با اعتبارسنجی Zod و هوک‌های Mutation 25:42
  • اپلیکیشن ToDo - دریافت و نمایش تسک‌ها با Zustand و TanStack Query 26:59
  • اپلیکیشن ToDo - علامت‌گذاری تسک‌های تکمیل شده با Mutations 13:06
  • اپلیکیشن ToDo - حذف تسک با استفاده از Mutations 09:21
  • مفهوم ORM و Prisma در Next.js - از راه‌اندازی تا Seeding داده‌ 30:49
  • ساخت و دریافت داده‌ با استفاده از Prisma ORM 05:59
  • ساخت کامپوننت PostList با Prisma در محیط کامپوننت‌های سرور 02:22
  • معرفی Drizzle ORM با Next.js و Neon - راه‌اندازی و اسکیمای کاربر 14:51
  • عملیات‌های CRUD با Drizzle ORM و Server Actions در Next.js 09:54
  • ساخت رابط کاربری مدیریت کاربر - UserList و UserForm با shadcn و Drizzle ORM 08:36
  • معرفی احراز هویت و مجوزدهی در Next.js 07:29
  • تسلط به Better Auth در Next.js - ورود با گوگل و گیت‌هاب همراه با ShadCN UI 11:49
  • کانفیگ Better Auth - تنظیم DatabaseURL و کدهای مخفی گوگل و گیت‌هاب 07:58
  • Better Auth در عمل - انتقال دیتابیس، API و راه‌اندازی Auth Client 08:55
  • رابط کاربری ورود Better Auth - استفاده از ShadCN و Sign-In گوگل و گیت‌هاب 06:02
  • امنیت در Better Auth - محافظت از مسیرها، سشن ها و جریان خروج 11:54
  • احراز هویت با Clerk در Next.js - معرفی، Middleware و راهنمای راه‌اندازی صفحات ورود و ثبت‌نام 15:10
  • معرفی ماژول‌های پرداخت و صورت‌حساب و راه‌اندازی کامپوننت Stripe 14:03
  • Next.js و Stripe - ساخت جریان پرداخت 41:15
  • یکپارچه‌سازی Polar با Next.js و Better Auth 27:31
  • ترکیب Next.js و Razorpay - ایجاد سفارش و تأیید پرداخت 29:58
  • معرفی و دموی پروژه Leetcode 06:56
  • راه‌اندازی پروژه - نصب Next.js و مقداردهی اولیه Shadcn/ui 06:08
  • راه‌اندازی آسان دیتابیس - مقداردهی Prisma و دیتابیس Docker شده برای Next.js 11:29
  • احراز هویت با استفاده از Clerk - تنظیمات Clerk، ورود با گیت‌هاب و صفحات اختصاصی 15:03
  • فرآیند ورود کاربر با Prisma - تعریف اسکیما و Server Actions 15:37
  • ساخت Navbar و صفحه اصلی واکنش‌گرا با حالت تیره/روشن و احراز هویت نقش‌محور 18:12
  • راه‌اندازی Judge0 - میزبانی شخصی محلی یا یکپارچه‌سازی ابری از طریق RapidAPI 20:41
  • ایجاد مسئله - تعریف اسکیمای Prisma و اتصال به کاربر ادمین 15:47
  • ساخت مسئله - یکپارچه‌سازی Judge0 برای اعتبارسنجی و ذخیره تست‌کیس‌ها در دیتابیس 35:45
  • دسترسی نقش‌محور و رابط کاربری فرم ایجاد مسئله همراه با مسائل نمونه 29:53
  • صفحه روت مسائل - دریافت تمام مسائل با رابط کاربری جدول، فیلترها و جستجو 22:12
  • صفحه حل مسئله - دریافت با ID همراه با Header، بخش‌های چپ/راست و طرح‌بندی کامل 20:01
  • Submissions و تست‌کیس‌ها - اسکیمای Prisma برای ذخیره داده‌ اجرا 27:02
  • تاریخچه پاسخ‌ها - دریافت پاسخ‌های مخصوص کاربر و ساخت کامپوننت تاریخچه 08:36
  • اسکیمای Prisma و نقاط اتصال بک‌اِند برای ایجاد پلی‌لیست و افزودن مسائل 18:36
  • ساخت پلی‌لیست و افزودن مسائل از طریق Modal با منطق صحیح 21:52
  • صفحه پروفایل - دریافت اطلاعات کاربر، آمار، پاسخ‌ها و پلی‌لیست‌ها 17:18
  • معرفی و دموی پروژه شبیه‌ساز V0 05:29
  • راه‌اندازی پروژه - نصب Next.js و مقداردهی اولیه Shadcn/ui 05:45
  • راه‌اندازی آسان دیتابیس - مقداردهی Prisma و دیتابیس Docker شده برای Next.js 12:26
  • احراز هویت با Clerk - تنظیمات Clerk، ورود با گوگل و گیت‌هاب و احراز هویت اختصاصی 28:44
  • ساخت یک Header کاربرپسند که با ورود کاربران تغییر می‌کند 13:02
  • ساخت نقطه ورود اپلیکیشن - صفحه اصلی مدرن با قالب‌ها و فرم پروژه 20:08
  • درک و پیاده‌سازی Background Jobs با استفاده از Inngest 21:47
  • اجرای تسک‌های پس‌زمینه هوش مصنوعی با Inngest 20:34
  • کار عملی با Sandboxes E2B - داکرایز کردن و اجرای اپلیکیشن‌های Next.js 25:34
  • کیت Inngest Agents - افزودن ابزارهای فایل، ترمینال و API به عامل هوش مصنوعی 34:59
  • ساخت بک‌اِند پروژه‌ها با Prisma، Server Actions و تسک‌های پس‌زمینه 38:27
  • افزودن لیست پروژه‌ها و کامپوننت‌های نمایش پروژه با سگمنت روت پویا 20:30
  • ساخت بک‌اِند پیام‌ها با Prisma و تسک‌های پس‌زمینه برای کاربر و دستیار 49:41
  • ساخت File Explorer و Syntax Highlighting با یکپارچه‌سازی Sandbox در Iframe 52:31
  • راه‌اندازی عوامل هوش مصنوعی - تولید عنوان و خلاصه‌سازی پاسخ‌ها 16:52
  • صفحه قیمت‌گذاری با یکپارچه‌سازی پرداخت و محدودیت نرخ برای کاربران رایگان و حرفه‌ای 48:55
  • راه اندازی حافظه عامل هوش مصنوعی - ماندگاری طولانی‌مدت داده‌ها با Inngest 16:04
  • معرفی و دموی پروژه T3-Chat 04:10
  • راه‌اندازی پروژه - نصب Next.js و مقداردهی اولیه Shadcn/ui 08:29
  • راه‌اندازی آسان دیتابیس - مقداردهی Prisma و دیتابیس Docker شده برای Next.js 12:57
  • احراز هویت با استفاده از Better-Auth، گیت‌هاب و صفحات اختصاصی 34:26
  • طراحی رابط کاربری چت تعاملی - Sidebar ،Header و تم‌بندی 49:38
  • پیاده‌سازی انتخاب مدل - استفاده از Openrouter، دریافت مدل‌ها و تنظیم رابط کاربری 36:01
  • راه‌اندازی کامل چت - اسکیمای بک‌اِند، API و هوک‌های رابط کاربری 28:40
  • ساخت Sidebar چت - دریافت داده‌ها، Zustand Store و طراحی کامپوننت 34:12
  • آیتم‌های فعال در Sidebar چت - صفحات پویا و کامپوننت‌های پیام‌رسانی 13:43
  • توسعه پیشرفته API چت - قابلیت Streaming، تبدیل پیام‌ها و ماندگاری داده‌ها 26:55
  • ساخت رابط کاربری صفحه چت - رندر پویای پیام‌ها و تریگر خودکار استریم 44:14
  • نهایی‌سازی اپلیکیشن چت - پاسخ استریم با تریگر خودکار و جمع‌بندی پروژه 07:38
  • معرفی و دموی پروژه با استفاده از Supabase 03:18
  • نصب Next.js و مقداردهی اولیه Shadcn/ui 06:08
  • ترکیب Next.js و Supabase - فرآیند نهایی ورود و آشنایی توسعه‌دهنده 22:24
  • تسلط بر احراز هویت کاربر - از ثبت‌نام تا خروج در Next.js 33:53
  • Supabase در عمل - ساخت یک وبلاگ امن با Storage، RLS و Editor.js 46:27
  • روت‌های امن Supabase - دریافت، نمایش و دیباگ محتوای وبلاگ 23:24
  • معرفی و دموی پروژه 01:30
  • شروع سریع Convex - راه‌اندازی با Next.js و shadcn/ui در چند دقیقه 07:09
  • چرا Convex؟ تسلط به آینده توسعه Full-Stack بلادرنگ 14:30
  • آماده‌سازی کاربر در Convex - احراز هویت و کامپوننت‌های پروفایل در یک مرحله 30:17
  • Convex در عمل - اسکیما، توابع و رابط کاربری برای یک اپلیکیشن Todo کامل 32:26
  • معرفی Next.js 16 که اکنون با بهبودهای اساسی در دسترس است 11:15
  • بررسی عمیق cacheComponents - هسته اصلی مدل PPR در Next.js 16 32:37
  • Next.js DevTools MCP - توانمندسازی عوامل هوش مصنوعی برای درک اپلیکیشن شما 14:20
  • شرح پروکسی Next.js - مرزهای شبکه هوشمندتر و کنترل درخواست‌ها 11:06

38,370,000 9,592,500 تومان

مشخصات آموزش

دوره کامل React و Next.js همراه با پروژه‌های مجهز به هوش مصنوعی

  • تاریخ به روز رسانی: 1404/12/10
  • سطح دوره:همه سطوح
  • تعداد درس:250
  • مدت زمان :64:22:46
  • حجم :39.33GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
7,256,500 1,451,300 تومان
  • زمان: 09:44:25
  • تعداد درس: 67
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
2,260,000 452,000 تومان
  • زمان: 03:02:02
  • تعداد درس: 14
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
795,000 159,000 تومان
  • زمان: 58:00
  • تعداد درس: 12
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
19,403,000 3,880,600 تومان
  • زمان: 26:02:40
  • تعداد درس: 175
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,508,000 1,701,600 تومان
  • زمان: 11:25:13
  • تعداد درس: 94
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,833,000 366,600 تومان
  • زمان: 02:27:39
  • تعداد درس: 24
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,100,500 1,220,100 تومان
  • زمان: 08:11:21
  • تعداد درس: 28
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,634,500 726,900 تومان
  • زمان: 04:52:43
  • تعداد درس: 38
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید