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

2 ساعتپیشرفته2023-09-18

مدرسین

Morten Rand-Hendriksen

Senior Staff Instructor, Speaker, Web Designer, and Software Developer

جزئیات دوره

در این دوره، یاد می‌گیرید چطور API OpenAI رو به یک اپلیکیشن وب مبتنی بر جاوا اسکریپت متصل کنید. با مربی‌گری Morten Rand-Hendriksen، یک اپلیکیشن پیش‌بینی وضعیت هوا مبتنی بر React رو بررسی می‌کنیم که با استفاده از AI اطلاعات مربوط به وضعیت هوا رو از موقعیت مکانی شما دریافت می‌کنه، داده‌های وضعیت هوا رو به زبانی ساده توضیح می‌ده، حتی به شما پیشنهاد می‌ده چی بپوشید! در این دوره پروژه‌محور، Morten شما رو با نحوه اتصال به API، احراز هویت کاربر، ذخیره توکن‌های کاربری در ServiceWorker، پیکربندی API بر اساس وظایف و ارسال و دریافت درخواست‌ها به API آشنا می‌کنه.

مهارت ها

GPTEcma InternationalReact.jsAPIsMetaJavaScriptOpenAIAdvancedGenerative AIFront-End Web DevelopmentArtificial Intelligence FoundationsArtificial Intelligence (AI)Web DevelopmentProgramming LanguagesSoftware Development

سرفصل ها

0. مقدمه

01 - یک برنامه هوش مصنوعی جاوا اسکریپت با React و OpenAI API بسازید
02 - از فایل‌های تمرین در GitHub Codespaces استفاده کنید
03 - استفاده از GitHub Codespaces با این دوره

1. ساخت اپلیکیشن آب‌و‌هوا با استفاده از هوش مصنوعی

04 - فراتر از ChatGPT - آنچه که هوش مصنوعی می‌تواند برای شما انجام دهد
05 - چالش دنیای واقعی - یک برنامه مفیدتر آب و هوا
06 - ایده پردازی با ChatGPT به عنوان پایه

2. برنامه هسته

07 - نوار کناری - با استفاده از Vite و GitHub Codespaces یک برنامه React بسازید
08 - برنامه را در GitHub Codespaces بوت کنید
09 - با OpenWeatherMap API کار کنید
10 - اجرای برنامه

3. اتصال به OpenAI API

11 - OpenAI API چیست و چه ارتباطی با ChatGPT دارد
12 - API را در OpenAI Playground تست کنید
13 - کلیدهای مخفی تولید کنید
14 - API را با یک مشتری REST تست کنید

4. استفاده از هوش مصنوعی به عنوان مترجم انسان به ماشین

15 - یک رشته مکان از یک دستور ایجاد کنید
16 - چالش API‌های غیر قطعی
17 - فراخوانی تابع در OpenAI API
18 - یک فراخوانی تابع سفارشی برای OpenAI API ایجاد کنید

5. ادغام هوش مصنوعی در برنامه آب و هوا

19 - تماس‌های API را در یک برنامه ترتیب دهید
20 - یک درخواست واکشی به OpenAI API ایجاد کنید
21 - یک فراخوانی تابع به درخواست اضافه کنید
22 - پاسخ را تجزیه کنید
23 - پاسخ به درخواست داده‌های آب‌و‌هوا را ارسال کنید
24 - نمایش داده‌های آب‌و‌هوا را به روز کنید

6. ایجاد خروجی‌های غنی هوش مصنوعی

25 - مهندسی سریع برای توسعه دهندگان
26 - تماس‌های پیشرفته با OpenAI API
27 - پاسخ AI API را یکپارچه کنید
28 - UX خوب با لودرهای مستقل ارائه دهید

نتیجه

29 - جلوتر بروید