(Udemy) LangChain: Develop AI web-apps with JavaScript and LangChain (Shawn Esquivel)

About Course

Learn how to build AI web applications with JavaScript and LangChain. This comprehensive course will teach you everything you need to know to create your own AI products. You’ll learn about cutting-edge technologies like LangChain, NextJS, Vercel, and TailwindCSS. By the end of the course, you’ll be able to chat with anything, supercharge your work, launch your own AI products, and troubleshoot any problem that comes your way. This course is completely free and includes lifetime access to the course content, 1 on 1 troubleshooting support, a Notion course textbook, and an exclusive Discord community. The course is suitable for developers with some experience in JavaScript and React. No experience in AI, NextJS, or TailwindCSS is required. Learn from expert instructor Shawn Esquivel and start your AI journey today! This course is brought to you by Theetay, offering top-rated courses from platforms like Udemy, Udacity, Coursera, MasterClass, NearPeer, and more, all for free.

Course Content

Environment Setup & Quick Start to LangChainNextJS

A Message from the Professor
1.1 • Developer Environment Setup

03:24
1.2 Cloning the Repository

04:01
(Optional) Downloading the Course Materials Manually

02:05
1.3 • Extensions to Make Life Easier

05:49
1.4 • Extensions to Make Life Easier (Cont.)

01:02
1.5 • Troubleshooting Guide

04:32
1.6 • API Keys Needed

04:31
1.7 • Add API Keys to Environment (Cont.)

01:31
1.7 • Set API Usage Limits (Optional)

01:05
1.8 Course Resources

02:16
1.9 LangChain Quick Start Guide

30:03
(Optional) NextJSReactTailwind Crash Course Part 1

00:40
(Optional) NextJSReactTailwind Crash Course Part 2

10:29
(Optional) NextJSReactTailwind Crash Course Part 3

27:21
(Optional) NextJSReactTailwind Crash Course Part 4

04:29

Memory (Project) + NextJS Intro

Streaming (Project)

PDF Chatbot (Project)

4.0 • PDF Chatbot Demo

01:02
4.1 • Set Up Pinecone

02:31
4.2 • Quick Review of Frontend

01:15
4.3 • Using PDFLoader (pdf-upload.js)

04:00
4.4 • Character Text Splitter (pdf-upload.js)

06:24
4.5 • How do Embeddings Work (pdf-upload.js)

05:29
4.6 • Initialize Pinecone (pdf-query.js)

00:55
4.7 • Vector Database Question Answer Chain (pdf-query.js)

05:48
4.8 • Conclusion

02:19
Review

01:07

YouTube Chatbot (Project)

AI Content Generator (Project)

6.0 • AI Content Generator Demo

00:32
6.1 • Overview of Project

04:02
6.2 • Transcript API

08:52
6.3 • Video Metadata

10:11
6.4.1 • SerpAPI Tool

05:25
6.4.2 • Web Browser Tool and Prompt Template

04:01
6.4.3 • Zero Shot Agent

03:53
6.4.4 • Connecting it to the Handler

05:30
6.5.1 Summary

02:07
6.5.2 LLM Chain Prompt Template

06:30
6.6.1 Follow Up Questions

02:32
6.6.2 Conclusion

02:37

AI Content Generator (Project)

7.0 • RoboHR Demo

01:45
7.1 • High Level Overview

01:36
7.2 • File Overview

02:58
7.3 • Convert Resumes to Embeddings

03:37
7.4 • Resume Upload Section

10:58
7.7 • Load Summary Chain

10:03
7.8 • Upload to Pinecone (recommended)

09:29
7.8.1 Supabase Part 1 Uploading (alternative

06:01
7.8.2 Supabase Part 2 Querying (alternative

15:07
7.8.3 If you’re enjoying

01:05
7.9 • Vector Database Question Answer Chain

10:59
7.10 • Conclusion

01:31

Deployment (Optional)

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

Student Ratings & Reviews

No Review Yet

About Course

What Will You Learn?

Course Content

Environment Setup & Quick Start to LangChainNextJS

A Message from the Professor

1.1 • Developer Environment Setup

1.2 Cloning the Repository

(Optional) Downloading the Course Materials Manually

1.3 • Extensions to Make Life Easier

1.4 • Extensions to Make Life Easier (Cont.)

1.5 • Troubleshooting Guide

1.6 • API Keys Needed

1.7 • Add API Keys to Environment (Cont.)

1.7 • Set API Usage Limits (Optional)

1.8 Course Resources

1.9 LangChain Quick Start Guide

(Optional) NextJSReactTailwind Crash Course Part 1

(Optional) NextJSReactTailwind Crash Course Part 2

(Optional) NextJSReactTailwind Crash Course Part 3

(Optional) NextJSReactTailwind Crash Course Part 4

Memory (Project) + NextJS Intro

2.0 • Memory Demo

2.1 • Theory Intro

2.2 • Styling the Frontend with React (Optional)

2.3 • Connecting the FrontendBackend in NextJS

2.4 • Setting up the Backend

2.5 • Handling the Response in the Frontend

2.6 • Memory Summary

2.7 • Conclusion

Streaming (Project)

3.0 • Streaming Demo

3.1 • Set up the Frontend

3.2 • Stream Responses from Backend

3.3 • Streaming Conclusion

PDF Chatbot (Project)

4.0 • PDF Chatbot Demo

4.1 • Set Up Pinecone

4.2 • Quick Review of Frontend

4.3 • Using PDFLoader (pdf-upload.js)

4.4 • Character Text Splitter (pdf-upload.js)

4.5 • How do Embeddings Work (pdf-upload.js)

4.6 • Initialize Pinecone (pdf-query.js)

4.7 • Vector Database Question Answer Chain (pdf-query.js)

4.8 • Conclusion

Review

YouTube Chatbot (Project)

5.0 • YouTube Chatbot Demo

5.1 • Frontend Setup

5.2 • YouTube Transcript API

5.3 • Initialize ChatOpenAI

5.4 • Configure HNSWLib and ConversationalRetrievalQAChain

5.5 • Handling Follow Up Questions to the Chain

5.6 • Conclusion

AI Content Generator (Project)

6.0 • AI Content Generator Demo

6.1 • Overview of Project

6.2 • Transcript API

6.3 • Video Metadata

6.4.1 • SerpAPI Tool

6.4.2 • Web Browser Tool and Prompt Template

6.4.3 • Zero Shot Agent

6.4.4 • Connecting it to the Handler

6.5.1 Summary

6.5.2 LLM Chain Prompt Template

6.6.1 Follow Up Questions

6.6.2 Conclusion

AI Content Generator (Project)

7.0 • RoboHR Demo

7.1 • High Level Overview

7.2 • File Overview

7.3 • Convert Resumes to Embeddings

7.4 • Resume Upload Section

7.7 • Load Summary Chain

7.8 • Upload to Pinecone (recommended)

7.8.1 Supabase Part 1 Uploading (alternative

7.8.2 Supabase Part 2 Querying (alternative

7.8.3 If you’re enjoying

7.9 • Vector Database Question Answer Chain

7.10 • Conclusion

Deployment (Optional)