لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت کلون 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
نمایش نظرات