Learn LangChain.js - Build LLM apps with JavaScript and OpenAI
LangChain.js is a framework for building AI apps. Click here to get to the course's interactive challenges: https://scrimba.com/links/langchain
At the end of this course, you will be able use LangChain's Expression Language to build GPT-powered chatbots that have specific knowledge about an underlying dataset. You will use text embeddings and a vector database to perform retrieval-augmented generation (RAG).
The course requires an understanding of JavaScript. Here is a free JS course if you need a refresher:
https://scrimba.com/learn/learnjavascript
✏️ If you have any feedback to the teacher Tom Chant, please reach out to him on X here:
https://twitter.com/tpchant
Also, feel free to follow Scrimba on YouTube: https://www.youtube.com/c/Scrimba
⭐️ Code ⭐️
🔗 Download via Scrimba: https://scrimba.com/links/langchain
⭐️ Chapters ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:01) What you'll learn and build
⌨️ (0:04:08) Introduction to LangChain from Jacob Lee (Lead Maintainer of LangChain.js)
⌨️ (0:05:36) App Flow Diagrams
⌨️ (0:09:04) What are embeddings
⌨️ (0:15:20) Supabase Setup
⌨️ (0:19:27) Split the text
⌨️ (0:21:28) Split the text II
⌨️ (0:27:47) Upload to supabase
⌨️ (0:31:53) Starter code
⌨️ (0:33:19) Explainer The Standalone Question
⌨️ (0:35:31) Aside Prompt Templates
⌨️ (0:38:59) Aside Prompt Templates II
⌨️ (0:42:08) Adding the first chain
⌨️ (0:46:11) Retrieval
⌨️ (0:52:45) Add StringOutputParser
⌨️ (0:55:15) Fetching the answer the template
⌨️ (1:00:39) Serialize the docs
⌨️ (1:02:53) Aside RunnableSequence
⌨️ (1:07:54) Aside RunnableSequence 2
⌨️ (1:10:57) Aside RunnableSequence 3 RunnablePassthrough
⌨️ (1:14:47) Super Challenge - add the RunnableSequence
⌨️ (1:17:10) Super Challenge - solution
⌨️ (1:21:47) Wire up the UI
⌨️ (1:24:34) Setting up the memory
⌨️ (1:27:27) Super Challenge Wire up the memory
⌨️ (1:33:51) Performance Issues Check-list
⌨️ (1:37:44) Outro
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from freeCodeCamp.org · freeCodeCamp.org · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
React: Production Server Setup Part 2 - Live Coding with Jesse
freeCodeCamp.org
cookies vs localStorage vs sessionStorage - Beau teaches JavaScript
freeCodeCamp.org
Browser history tutorial - Beau teaches JavaScript
freeCodeCamp.org
Graph Data Structure Intro (inc. adjacency list, adjacency matrix, incidence matrix)
freeCodeCamp.org
React: Parameterized Routing with Next.js - Live Coding with Jesse
freeCodeCamp.org
React: Dealing with jQuery Issues - Live Coding with Jesse
freeCodeCamp.org
setInterval and setTimeout: timing events - Beau teaches JavaScript
freeCodeCamp.org
Browser and Device Testing - Live Coding with Jesse
freeCodeCamp.org
Last Minute Updates - Live Coding with Jesse
freeCodeCamp.org
Post Launch Updates - Live Coding with Jesse
freeCodeCamp.org
React: Setting Up Google Analytics - Live Coding with Jesse
freeCodeCamp.org
React: Masonry Layout - Live Coding with Jesse
freeCodeCamp.org
Load Balancing Digital Ocean Droplets - Live Coding with Jesse
freeCodeCamp.org
try, catch, finally, throw - error handling in JavaScript
freeCodeCamp.org
Load Balancing: SSL Passthrough Setup - Live Coding with Jesse
freeCodeCamp.org
Graphs: breadth-first search - Beau teaches JavaScript
freeCodeCamp.org
React: Masonry Layout Part 2 - Live Coding with Jesse
freeCodeCamp.org
React: WordPress API Live Search - Live Coding with Jesse
freeCodeCamp.org
Creating WordPress Custom Post Types - Live Coding With Jesse
freeCodeCamp.org
Dates - Beau teaches JavaScript
freeCodeCamp.org
Miscellaneous Front End Updates - Live Coding with Jesse
freeCodeCamp.org
Merging a Pull Request from GitHub - Live Coding with Jesse
freeCodeCamp.org
React + Prettier + Standard JS - Live Coding with Jesse
freeCodeCamp.org
React: Sortable Responsive Table - Live Coding with Jesse
freeCodeCamp.org
Geolocation Sorting by Distance - Live Coding with Jesse
freeCodeCamp.org
Tradeoff Matrix - Agile Software Development
freeCodeCamp.org
The Definition of Ready - Agile Software Development
freeCodeCamp.org
Getting first React job without experience - Ask Preethi
freeCodeCamp.org
React: Google Analytics Click Tracking - Live Coding with Jesse
freeCodeCamp.org
Submitting a PR to an Open Source Project - Live Coding with Jesse
freeCodeCamp.org
Should I go back to school to get CS degree? - Ask Preethi
freeCodeCamp.org
Hero Section CSS Changes - Live Coding with Jesse
freeCodeCamp.org
Working Agreement - Agile Software Development
freeCodeCamp.org
A day at Pennybox with Co-Founder Reji Eapen
freeCodeCamp.org
React: Sorting and Filtering Data - Live Coding with Jesse
freeCodeCamp.org
React: Sorting and Filtering Data Part 2 - Live Coding with Jesse
freeCodeCamp.org
React: Building a New UI - Live Coding with Jesse
freeCodeCamp.org
Definition of Done - Agile Software Development
freeCodeCamp.org
Getting started with jQuery (tutorial) - Beau teaches JavaScript
freeCodeCamp.org
Making a React Blog with WordPress Content - Live Coding with Jesse
freeCodeCamp.org
React, NextJS, CSS - Live Coding with Jesse
freeCodeCamp.org
jQuery events - Beau teaches JavaScript
freeCodeCamp.org
React/NextJS Routing and WordPress API Custom Types - Live Coding with Jesse
freeCodeCamp.org
React: Working with API Data - Live Coding with Jesse
freeCodeCamp.org
React: Refactoring Components - Live Streaming with Jesse
freeCodeCamp.org
jQuery effects - Beau teaches JavaScript
freeCodeCamp.org
More React Refactoring - Live Coding with Jesse
freeCodeCamp.org
animate in jQuery - Beau teaches JavaScript
freeCodeCamp.org
"Finishing" My React Site - Live Coding with Jesse
freeCodeCamp.org
Starting a New React Project (P2D1) - Live Coding with Jesse
freeCodeCamp.org
React Project 2 Day 2: Learning Material UI - Live Coding with Jesse
freeCodeCamp.org
The Agile Manifesto - Agile Software Development
freeCodeCamp.org
jQuery: get and set with http, text, val, and attr - Beau teaches JavaScript
freeCodeCamp.org
React Project 2 Day 3 - Live Coding with Jesse
freeCodeCamp.org
The INVEST approach to product backlog items
freeCodeCamp.org
React Project 2 Day 4 - Live Coding with Jesse
freeCodeCamp.org
Chickens and Pigs - Agile Software Development
freeCodeCamp.org
React Project 2 Day 5 - Live Coding with Jesse
freeCodeCamp.org
jQuery: add and remove DOM elements - Beau teaches JavaScript
freeCodeCamp.org
React Project 2 Day 6 - Live Coding with Jesse
freeCodeCamp.org
More on: RAG Basics
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
RAG Evaluation with RAGAS: Measuring Faithfulness, Context Precision, and Recall in Production
Dev.to · Anna Danilec
Chunking for RAG: stop tuning the wrong knob
Dev.to · saurabh naik
Your RAG Pipeline Isn’t Broken. Your Chunks Are.
Medium · LLM
Your RAG Pipeline Isn’t Broken. Your Chunks Are.
Medium · RAG
🎓
Tutor Explanation
DeepCamp AI