Build a JavaScript AI App with React and the OpenAI API

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

In this course, learn how to integrate the OpenAI API into a JavaScript-based web app. Join instructor Morten Rand-Hendriksen as he takes a React-based weather app, adds a heavy dose of AI, and creates an interactive experience that knows what location you want weather information from, explains the weather data in simple language, and even suggests what to wear. Through this project-based course, Morten teaches you about API integration, user-based authentication, storing user tokens in a ServiceWorker, task-based API configuration, and sending and receiving requests to the API.

01 - Introduction

01 - Build a JavaScript AI app with React and the OpenAI API

02 - Use the exercise files on GitHub Codespaces

03 - Using GitHub Codespaces with this course

02 - 1. Building a Weather App with AI Power

01 - Beyond ChatGPT What AI can do for you

02 - Real-world challenge A more useful weather app

03 - Ideating with ChatGPT as a base

03 - 2. The Core App

01 - Sidebar Build a React app using Vite and GitHub Codespaces

02 - Boot up the app in GitHub Codespaces

03 - Work with the OpenWeatherMap API

04 - App walk-through

04 - 3. Connecting to the OpenAI API

01 - What is the OpenAI API, and how does it relate to ChatGPT

02 - Test the API in the OpenAI Playground

03 - Generate secret keys

04 - Test the API with a REST client

05 - 4. Using AI as a Human-to-Machine Translator

01 - Create a location string from a prompt

02 - The challenge of non-deterministic APIs

03 - Function calling in the OpenAI API

04 - Create a custom function call for the OpenAI API

06 - 5. Integrating AI into the Weather App

01 - Sequence API calls in an app

02 - Create a fetch request to the OpenAI API

03 - Add a function call to the request

04 - Parse the response

05 - Pass the response to the weather data request

06 - Update the weather data display

07 - 6. Creating Rich AI Outputs

01 - Prompt engineering for developers

02 - Advanced calls to the OpenAI API

03 - Integrate the AI API response

04 - Provide good UX with independent loaders

08 - Conclusion

01 - Go further

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: LinkedIn Learning (Lynda)