آموزش با React و OpenAI API یک برنامه هوش مصنوعی جاوا اسکریپت بسازید

معرفی Introduction

• با React و OpenAI API یک برنامه هوش مصنوعی جاوا اسکریپت بسازید Build a JavaScript AI app with React and the OpenAI API

• از فایل های تمرینی در GitHub Codespaces استفاده کنید Use the exercise files on GitHub Codespaces

• استفاده از GitHub Codespaces با این دوره Using GitHub Codespaces with this course

1. ساخت اپلیکیشن آب و هوا با استفاده از هوش مصنوعی 1. Building a Weather App with AI Power

• فراتر از ChatGPT: آنچه هوش مصنوعی می تواند برای شما انجام دهد Beyond ChatGPT: What AI can do for you

• چالش دنیای واقعی: یک برنامه مفیدتر آب و هوا Real-world challenge: A more useful weather app

• ایده پردازی با ChatGPT به عنوان پایه Ideating with ChatGPT as a base

2. برنامه هسته 2. The Core App

• نوار کناری: با استفاده از Vite و GitHub Codespaces یک برنامه React بسازید Sidebar: Build a React app using Vite and GitHub Codespaces

• برنامه را در GitHub Codespaces بوت کنید Boot up the app in GitHub Codespaces

• با OpenWeatherMap API کار کنید Work with the OpenWeatherMap API

• برنامه پیاده‌روی App walk-through

3. اتصال به OpenAI API 3. Connecting to the OpenAI API

• OpenAI API چیست و چه ارتباطی با ChatGPT دارد؟ What is the OpenAI API, and how does it relate to ChatGPT?

• API را در Playground OpenAI تست کنید Test the API in the OpenAI Playground

• کلیدهای مخفی تولید کنید Generate secret keys

• API را با مشتری REST تست کنید Test the API with a REST client

4. استفاده از هوش مصنوعی به عنوان مترجم انسان به ماشین 4. Using AI as a Human-to-Machine Translator

• یک رشته مکان از یک درخواست ایجاد کنید Create a location string from a prompt

• چالش API های غیر قطعی The challenge of non-deterministic APIs

• فراخوانی تابع در OpenAI API Function calling in the OpenAI API

• یک فراخوان تابع سفارشی برای OpenAI API ایجاد کنید Create a custom function call for the OpenAI API

5. ادغام هوش مصنوعی در برنامه آب و هوا 5. Integrating AI into the Weather App

• توالی تماس های API در یک برنامه Sequence API calls in an app

• یک درخواست واکشی به OpenAI API ایجاد کنید Create a fetch request to the OpenAI API

• یک فراخوانی تابع به درخواست اضافه کنید Add a function call to the request

• پاسخ را تجزیه کنید Parse the response

• پاسخ به درخواست داده های آب و هوا را ارسال کنید Pass the response to the weather data request

• نمایش داده های آب و هوا را به روز کنید Update the weather data display

6. ایجاد خروجی های غنی هوش مصنوعی 6. Creating Rich AI Outputs

• مهندسی سریع برای توسعه دهندگان Prompt engineering for developers

• تماس های پیشرفته با OpenAI API Advanced calls to the OpenAI API

• پاسخ AI API را یکپارچه کنید Integrate the AI API response

• UX خوبی را با لودرهای مستقل ارائه دهید Provide good UX with independent loaders

نتیجه Conclusion

• برو جلوتر Go further