К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Building a ChatGPT AI with JavaScript - A Code-Along Guide · LearnSpace
Назад в каталог
courseraПрограммирование

Building a ChatGPT AI with JavaScript - A Code-Along Guide

Курс от Packt
Начальный≈ 4.7 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. ChatGPT enhances programming and code analysis, offering significant early advantages. This course teaches you to create an AI-powered pet name generator. Starting with ChatGPT and the latest web development tools, you’ll install the necessary tools and gain hands-on experience with web technologies. You will: - Learn to implement machine learning in a real-world project - Use React Hooks for interactive interfaces, and make API calls to OpenAI using Fetch and NPX. - Build an AI application, understand machine learning, - Create React Hook-based interfaces, adding a pet name generator to your portfolio. - Learn to build an AI app with OpenAI API, - Install tools and dependencies, and get hands-on with React, Next.js, JavaScript, Node, and CSS. Ideal for those interested in web development and ChatGPT jobs, this course suits beginners and those with basic JavaScript knowledge. No programming experience is needed, but basic JavaScript and web development knowledge is a plus.

Навыки, которые вы освоите

ChatGPTJavascriptCascading Style Sheets (CSS)React.jsJavaScript FrameworksAI IntegrationsDevelopment EnvironmentNode.JSWeb Design and DevelopmentApplication Programming Interface (API)Security ControlsIntegrated Development EnvironmentsSecure CodingPackage and Software ManagementGenerative AI

Программа курса

6 модулей · 31 учебных материалов

01Setting Up the OpenAI ChatGPT Project9 материалов

Setting Up the OpenAI ChatGPT Project

Introduction to the CourseВидеоFull Course ResourcesЧтениеGoing Through the Final ChatGPT AI ModelВидеоWhat Is Next.js and React.jsВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Building a ChatGPT AI with JavaScript - A Code-Along Guide
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 4.7 ч

6 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Немецкий, Индонезийский, Испанский, Японский, Казахский, Венгерский

Часть программы вашего университета
What Is Node.js and NPM - OpenAI Project SetupВидео
Install Next.js with NPX - ChatGPT Project SetupВидео
Download and Install a Text Editor - Visual Studio Code for OpenAI ChatGPTВидео
How Does NPM Run Dev Work in Next.jsВидео
Complete File Structure Review of the OpenAI ChatGPTВидео
02Client-Side Code for OpenAI ChatGPT5 материалов

Client-Side Code for OpenAI ChatGPT

Overview of Next.js Key Index and Starter Coding Files for the ChatGPT OpenAIВидеоCleaning Up the Index File for ChatGPT OpenAI APIВидеоWriting a Form in React with Next.js for ChatGPT OpenAIВидеоWhat are Hooks and How to Manage State in ReactВидеоManaging Next.js ApplicationsDIALOGUE
03Client-Side Adding State and Hooks to the OpenAI ChatGPT Application6 материалов

Client-Side Adding State and Hooks to the OpenAI ChatGPT Application

Animal Input State Update for Open AI QueriesВидеоonSubmit Functionality for OpenAI API Connection with ChatGPTВидеоAsync Await Fetch OpenAI and ChatGPT Post Request PatternВидеоAsync Await Fetch OpenAI and ChatGPT Data Response PatternВидеоHandling State and Form Inputs in ReactDIALOGUEAssessment 1Задание
04OpenAI API Setup and Documentation3 материалов

OpenAI API Setup and Documentation

OpenAI API ChatGPT ExamplesВидеоChatGPT API Key for OpenAI and Environment Security ProtocolВидеоUsing OpenAI's API with Environment VariablesDIALOGUE
05Finish Styling the OpenAI Application3 материалов

Finish Styling the OpenAI Application

CSS Styling to OpenAI FormВидеоAdd Result Styling CSS to OpenAI ProjectВидеоStyling with React and CSS ModulesDIALOGUE
06Generate API for OpenAI Configuration with ChatGPT5 материалов

Generate API for OpenAI Configuration with ChatGPT

Call and Response Example for OpenAI Implementation and CustomizationsВидеоRobust Error Handling and Logic Completion to OpenAI APIВидеоAssessment 2ЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание