Responsive LLM Applications with Server-Sent Events
1h 18m 18s
English
Paid
Course description
Large Language Models (LLM) are transforming entire industries, but integrating them into user interfaces with real-time data streaming comes with unique challenges. In this course, you will learn to seamlessly embed LLM APIs into applications and create AI interfaces for streaming text and chats using TypeScript, React, and Python. We will develop a fully functional AI application step by step with high-quality code and flexible implementation.
Read more about the course
As part of the course, you will create an LLM application that includes:
- autocompletion scenario (translation from English to emoji),
- chat,
- retrieval augmented generation scenario,
- AI agent usage scenarios (code execution, data analysis agent).
This application can become a starting point for most projects, saving a lot of time, and its flexibility allows for the addition of new tools as needed.
By the end of the course, you will have mastered the end-to-end implementation of a flexible and high-quality LLM application. You will also gain the knowledge and skills necessary to create complex solutions based on LLM.
Watch Online
0:00
/ #1: Introduction to AI Product Development
All Course Lessons (20)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction to AI Product Development Demo | 03:48 | |
| 2 | Picking the stack - Navigating JavaScript and Python | 06:10 | |
| 3 | Designing a Hybrid Web Application Architecture with JavaScript and Python | 05:08 | |
| 4 | Streaming events with Server-Sent Events and WebSockets | 06:31 | |
| 5 | Discovering the OpenAI Completion API | 06:30 | |
| 6 | Handling Server-Sent Events with JavaScript | 06:14 | |
| 7 | Building the useCompletion hook | 07:01 | |
| 8 | Rendering Completion Output | 01:26 | |
| 9 | Mocking Streams | 03:29 | |
| 10 | Testing the useCompletion hook | 03:11 | |
| 11 | Creating a FastAPI server | 01:55 | |
| 12 | Exploring asynchronous programming in Python | 03:42 | |
| 13 | Integrating Langchain with FastAPI for Asynchronous Streaming | 04:34 | |
| 14 | Testing with PyTest and LangChain | 01:02 | |
| 15 | Building the useChat hook | 05:12 | |
| 16 | Building the User Interface | 01:53 | |
| 17 | Discovering Retrieval Augmented Generation | 03:19 | |
| 18 | Building a Semantic Search Engine with Chroma | 03:37 | |
| 19 | Adding Retrieval-Augmented Generation to the chat | 02:14 | |
| 20 | Final words | 01:22 |
Unlock unlimited learning
Get instant access to all 19 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Uber Eats Clone
Sources: Nomad Coders
Best Way to Learn to Code. We believe that the best way to become a developer is by doing clone coding. It is very easy to get bored and unmotivated in the begi
40 hours 22 minutes 44 seconds
Beginner Python Primer for AI Engineering
Sources: Towards AI, Louis-François Bouchard
Don't just interact with LLM models - create your own AI solutions in Python. This course will take you from beginner to confident proficiency in Python...
1 hour 41 minutes 58 seconds
Machine Learning with Python : COMPLETE COURSE FOR BEGINNERS
Sources: udemy
Machine Learning and artificial intelligence (AI) is everywhere; if you want to know how companies like Google, Amazon, and even Udemy extract meaning and insig
13 hours 12 minutes 31 seconds
Learn React 19 with Epic React v2
Sources: Kent C. Dodds
Ready for the React 19 revolution? The most in-demand JavaScript framework has received a major update! You are already familiar with React, but in React 19 the
26 hours 51 minutes 3 seconds