آموزش ساخت کلون ChatGPT با استفاده از React.js - آخرین آپدیت

دانلود ChatGPT Clone using React.js

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره شامل مربی هوشمند کورسرا (Coursera Coach) است! روشی هوشمندانه‌تر برای یادگیری با گفتگوهای تعاملی و آنی که به شما کمک می‌کند دانش خود را آزمایش کنید، فرضیات را به چالش بکشید و در طول مسیر یادگیری، درک خود را عمیق‌تر کنید. در این دوره عملی، شما یک اپلیکیشن قدرتمند چت‌بات هوش مصنوعی را با استفاده از React.js خواهید ساخت. با شروع از مفاهیم بنیادی React، به بررسی کامپوننت‌ها، Props و مدیریت State خواهید پرداخت؛ مهارت‌هایی که برای هر توسعه‌دهنده وب ضروری هستند. در ادامه، وارد مراحل طراحی رابط کاربری چت، ادغام API مدل ChatGPT و بهبود تجربه کاربری با استفاده از Local Storage و متغیرهای محیطی (Environment Variables) می‌شوید. همچنین در این مسیر، با مفاهیمی مانند Error Boundaries، استایل‌دهی و نمایشگرهای Loading آشنا شده و تخصص خود در React.js را ارتقا خواهید داد. این دوره شما را گام‌به‌گام از ساخت پنجره چت و سیستم ورودی تا استقرار (Deploy) برنامه روی Vercel هدایت می‌کند. هر بخش به‌گونه‌ای طراحی شده تا مهارت‌های لازم برای ایجاد یک چت‌بات هوش مصنوعی واقعی را به شما بیاموزد. شما پیاده‌سازی API مدل ChatGPT را با Axios یاد می‌گیرید، فرآیندهای Asynchronous را به طور روان مدیریت می‌کنید و داده‌های کاربر را به طور موثر ذخیره خواهید کرد. این دوره برای توسعه‌دهندگانی که به دنبال گسترش مهارت‌های Front-end و کاوش در زمینه ادغام هوش مصنوعی هستند، ایده‌آل است. با رویکرد عملی این دوره، در نهایت یک کلون کامل و کاربردی از ChatGPT خواهید داشت که آماده انتشار است. در پایان این دوره، شما قادر خواهید بود اپلیکیشن‌های وب پویا و تعاملی با React.js بسازید، APIهای خارجی را ادغام کنید و برنامه‌ها را روی Vercel مستقر نمایید. علاوه بر این، توانایی مدیریت موثر State و Props، پیاده‌سازی Error Boundaries و استایل‌دهی به کامپوننت‌های React برای خلق یک تجربه کاربری بی‌نقص را کسب خواهید کرد.

سرفصل ها و درس ها

معرفی دوره Course Introduction

  • مقدمه Introduction

  • کامپوننت‌های ری‌اکت React Components

  • پراپ‌های ری‌اکت (Props) React Props

ری‌اکت (React) React

  • وضعیت در ری‌اکت (State) React State

  • کامپوننت پنجره چت Chat Window Component

  • ورودی چت Chat Input

رابط برنامه‌نویسی ChatGPT API ChatGPT API

  • استفاده از ChatGPT API با Axios ChatGPT API with Axios

  • ذخیره‌سازی محلی (LocalStorage) LocalStorage()

  • متغیرهای محیطی Environment Variables

مدیریت خطاها (Error Boundary) Error Boundary

  • مدیریت خطاها (Error Boundary) Error Boundary

  • استایل‌دهی با CSS Styling with CSS

  • نمایشگر در حال بارگذاری (Loading) Loading Indicator

استقرار در Vercel Deploy to Vercel

  • استقرار در Vercel Deploy to Vercel

  • دموی نهایی برنامه App Demo

نمایش نظرات

آموزش ساخت کلون ChatGPT با استفاده از React.js
جزییات دوره
4h 11m
14
(آخرین آپدیت)
86
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده