Early Access
Coming Soon

Building AI-Powered Streaming Text and Chat UIs

In this course we build AI-powered streaming text and chat UIs with TypeScript and Python. Large Language Models are reshaping industries, yet integrating them into real-time, streaming UIs presents unique challenges.

  • 5.0 / 5 (1 rating)
  • Published
  • Updated
On demand video

1 hr 36 mins

Video Lessons

24 Videos

Course Instructor
Avatar Image

Louis Sanna

I'm a Tech Lead with a decade of experience in startups and consulting.

I've built GenAI applications for international organizations and private companies, transforming their internal process.

How The Course Works

01Remote

You can take the course from anywhere in the world, as long as you have a computer and an internet connection.

02Self-Paced

Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.

03Community

Join a vibrant community of other students who are also learning with Building AI-Powered Streaming Text and Chat UIs. Ask questions, get feedback and collaborate with others to take your skills to the next level.

04Structured

Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.

Course Overview

Streamline AI Communication with TypeScript and Python

What you will learn
  • How to stream the answer of a Large Language Model

  • Importance of real-time for GenAI UI

  • How to integrate LangChain with FastAPI

  • Differences between Server-Sent Events and WebSockets

  • What problems Retrieval Augmented Generation can solve

  • How to create a agent

Join us as we dive into the world of AI-powered streaming text and chat UIs using TypeScript and Python.

Large Language Models (LLMs) are revolutionizing various industries, but creating simple demos in notebooks or with tools like Gradio is not enough. To truly harness the potential of these models, we need to build sophisticated, real-world applications.

Our comprehensive course is structured into six detailed modules where you will:

  • Develop a dynamic front-end with React.
  • Integrate FastAPI with LangChain to create a robust backend.
  • Utilize Server-Sent Events (SSE) for seamless real-time data streaming.

This comprehensive course comes packed with valuable extras:

  • The complete source code under MIT licence
  • Exclusive access to our community forum
  • Detailed exploration of Retrieval-Augmented Generation (RAG) for enhancing model responses
  • Hands-on experience with developing intelligent agents capable of maintaining context in conversations

Taught by Louis Sanna, a seasoned Tech Lead with expertise in GenAI applications and digital transformation projects for major organizations like UNESCO and Renault. His deep industry insights and practical experience will guide you from basics to advanced implementations.

Preview the Application: Experience the power of what you'll build firsthand. Try out the demo app we will develop during the course: The Demo App

Enroll now and start building transformative AI-powered applications that streamline communication and enhance user engagement!

Our students work at

  • salesforce-seeklogo.com.svgintuit-seeklogo.com.svgAdobe.svgDisney.svgheroku-seeklogo.com.svgAT_and_T.svgvmware-seeklogo.com.svgmicrosoft-seeklogo.com.svgamazon-seeklogo.com.svg

Course Syllabus and Content

Module 1

System Design for AI applications

4 Lessons 21 Minutes

System Design for AI application.

Module 2

Building the Front-End

6 Lessons 27 Minutes

In this module, we're diving into the creation of an AI product with a frontend focus.

Module 3

Building the Backend

4 Lessons 11 Minutes

In this module, we're diving into the creation of an AI product with a Backend focus.

Module 4

Building a Chat

2 Lessons 7 Minutes

In this module, we learn how to build a chat.

Module 5

Implementing Retrieval Augmented Generation

3 Lessons 8 Minutes

In this module, we implement Retrieval Augmented Generation"

Module 6

Conclusion

1 Lesson 1 Minutes

Conclusion

Module 7

Building an Agent

4 Lessons 18 Minutes

In this lessons we will explore how AI agents function with a focus on autonomy, tool usage, and self-correction. They will also be introduced to the potential future developments in AI agent technology.

Meet the Course Instructor

Louis Sanna

Louis Sanna

I'm a Tech Lead with a decade of experience in startups and consulting.

I've built GenAI applications for international organizations and private companies, transforming their internal process.

Frequently Asked Questions

What is 'Building AI-powered streaming text and chat UI?'

In this course, we’ll cover the integration of TypeScript and Python to build AI-powered streaming text and chat UIs. We’ll build a real-time application using React for the frontend and FastAPI with LangChain for the backend, demonstrating the use of Server-Sent Events for live data streaming. This project is valuable because it equips you with the skills to create cutting-edge AI interfaces that are highly sought after in the tech industry.

Who is this course for?

This course was produced for developers interested in AI and real-time web application development, with at least intermediate knowledge in Python, TypeScript, or similar technologies.

What if I don't like the course?

We offer a 30-day money-back guarantee, so if you're not satisfied with the course, you can request a refund within 30 days of purchase by  sending us a message.

What is included in the course?

This course includes 24 videos, totaling nearly two hours of runtime. You’ll have access to every lesson video, textual lesson content, downloadable project code files under the MIT license, interactive IDE, and an AI Tutor to enhance your learning experience.

What are there prerequisites for this course?

This course assumes you know the basics of programming either in javascript or Python.

How long will it take to complete the course?

The course offers flexibility, allowing you to learn at your own pace. Start, stop, re-watch anytime. It’s expected that you’d spend approximately 8 hours going through the entire course materials.

Can I access the course on my mobile device?.

Yes, the course is fully responsive and can be accessed on your mobile device.

Is there a certificate upon completion of the course?

Yes, you can get a certificate by sending us a message.

Can I ask questions during the course?

Yes, you can ask questions in the comments section of each lesson, and our team will respond as quickly as possible. You can also ask us questions anytime through the community driven Discord channel.

Can I download the course videos?

No, the course videos cannot be downloaded, but they can be accessed online at any time.

What is the price of the course?

The course is currently priced at [$X USD]. Alternatively, you can access the complete course as part of the "newline Pro subscription", which costs $20/month.

How is this course different then other tutorial available on the web?

This course is unlike any other course on LLM development because it doesn't just stop at creating prototypes in notebooks. We focus on building and deploying a full-stack application, integrating advanced technologies like React, FastAPI, and LangChain. Throughout the course, we emphasize best practices, including thorough testing and scalability considerations, ensuring that you not only learn how to make a functioning app but also understand how to maintain and improve it using industry standards. By the end, you'll have a solid, deployable product and the skills to create robust, real-world applications.