Integrating Generative AI into JavaScript Web Projects

Integrating Generative AI into JavaScript Web Projects

2h 25mIntermediate2024-04-15

Authors

Sandy Ludosky

Sandy Ludosky

Web Developer and Trainer

Course details

The emergence of AI has been the center of attraction on the web since the release of the first GPT language models by OpenAI in November 2022. As a result, there’s been a growing interest within the tech community to explore the potential of generative AI technologies in web development.

In this course, join instructor Sandy Ludosky as she provides an introduction to generative AI and its many possible applications using the JavaScript language and its frameworks. Explore the core concepts of generative AI with practical, hands-on examples. Sandy shows you how to build an AI-powered chatbot with Node.js and then extend the chatbot’s capabilities by allowing it to call external APIs with function calling. By the end of this course, you’ll also be ready to build an AI-powered virtual assistant with the OpenAI Assistants API.

Skills covered

Ecma InternationalJavaScriptWeb Development ToolsGenerative AIArtificial Intelligence (AI)Web DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off

Concepts

Introduction

  • Integrate generative AI into your web projects
  • What you should know
  • Tools and exercise files

Introducing the Generative AI Models and Libraries

  • Generative AI - Genesis and evolution
  • OpenAI - Key concepts
  • OpenAI - Getting started

Create Your First Next-Gen App (Node.js)

  • Node project setup
  • Authenticate and configure with OpenAI
  • Define prompts and a system message
  • Challenge - Create an AI-agent and jokes generator
  • Solution - Generate chat completions

Extending the Chatbot Capabilities with External Tools

  • Introducing function calling
  • Enable function calling
  • Define tools and parameters
  • Challenge - Call the public API
  • Solution - Call functions and connect to APIs
  • Solution - Call functions and generate extended responses

Getting Started with the OpenAI Assistants API

  • Assistants API overview
  • Create an assistant
  • Upload files using the Files API
  • Create a conversation session
  • Run the conversation
  • Check Run lifecycle and status
  • Retrieve and display messages

Build an AI-powered Virtual Assistant (Assistants API)

  • Starter project and set up
  • Making API requests
  • Send a message
  • Introduction the Moderation API
  • Add a moderation layer
  • Generate and moderate conversations

Conclusion

  • Last words and next steps
80,000 Toman