CodeSnaps
CodeSnaps
  • 17
  • 117 393
The Only LangChain.js Course You Need (Part 1): Getting Started with the Best LLM Framework
This is the first video in a series about LangChain, the most popular LLM framework for building AI applications like ChatGPT. In this video you will learn about the foundation and basics of LangChain.js.
### 👨🏻‍💻 Here’s What You’ll Learn
- What is LangChain.js and why you should use it
- How to set up LangChain.js in a new project
- How to create prompt templates
- How to use system and human messages
- How to use LangChain Expression Language (LCEL)
- How to create chains with the model
- How to use the output parser
- How to use runnable sequence
- How to use streaming
- How to batch process prompts
### 👇 Timestamps:
00:00 Intro
00:39 Setup and Installation
01:09 Invoke Model
02:05 Prompt Templates
04:15 LCEL
05:30 Output Parser and Runnable Sequence
06:50 Streaming Response
07:29 Batch Processing
08:01 Conclusion
มุมมอง: 223

วีดีโอ

World's Shortest Next.js 13 Course
มุมมอง 1184 หลายเดือนก่อน
This is the shortest Next.js course you'll ever take. Learn how to create a new Next.js app, style it, create pages and routes, fetch data, implement streaming and loading stages, create custom route handlers, custom error pages, and more. 📚 Materials/References: Code: github.com/CodeSnaps/worlds-shortest-nextjs-course 👨🏻‍💻 Here’s What You’ll Learn - What is Next.js? - How to create a new Next....
Everything You Need to Know about Streamlit
มุมมอง 1385 หลายเดือนก่อน
Learn how to turn your Python scripts into web apps using Streamlit. Streamlit is a Python library that makes it easy to create and share beautiful, custom web apps for machine learning and data science. No experience in HTML, CSS, or JavaScript is required. 📚 Materials/References: Code: github.com/CodeSnaps/streamlit-crash-course 👨🏻‍💻 Here’s What You’ll Learn - What is Streamlit - How to insta...
Build Charts in React With Recharts in 7 Minutes
มุมมอง 33Kปีที่แล้ว
Learn how to create beautiful charts in React with Recharts, a charting library built specifically for React. Once you understand how to create one chart, you can pretty much create any chart you can imagine. 📚 Materials/References: Code: github.com/CodeSnaps/recharts-library 👨🏻‍💻 Here’s What You’ll Learn - What is Recharts - How to install Recharts - How to create an area chart, bar chart, and...
Build Stunning Documentation With React & Docusaurus (Complete Guide)
มุมมอง 26Kปีที่แล้ว
Learn how to create stunning documentation in minutes with React and Docusaurus. Spend more time building your product and less time writing your documentation. 📚 Materials/References: Code: github.com/CodeSnaps/docusaurus-guide Here’s What You’ll Learn 👨🏻‍💻 - What is Docusaurus - Install Docusaurus - Creating your own documentation - MDX (Markdown JSX) - Import components into Markdown - Using...
The Only JavaScript Cheat Sheet You Need (For Beginners & Pros)
มุมมอง 1.3Kปีที่แล้ว
Welcome to the ultimate JavaScript cheat sheet, your go-to resource to reference and look up everything from the basics to advanced techniques in JavaScript! 👨🏻‍💻 Here's what you'll learn: - Comments - Console - Variables - Numbers - Booleans - Strings - Assignment Operators - Conditionals - Functions - Scope - Arrays - Array Methods - Iterators - Loops - Objects - Classes - Modules - Promises ...
Next.js 13 Changed Data Fetching and Rendering... But Is It Good?
มุมมอง 7Kปีที่แล้ว
What's the difference between app router, page router, static site generation, static rendering, server-side rendering, dynamic rendering, incremental static regeneration, server components, client components, getStaticProps, getServerSideProps, getStaticPaths, generateStaticParams, and hydration? 📚 Materials/References: Server & Client Components: th-cam.com/video/aoHK8skFZ1U/w-d-xo.html 👨🏻‍💻 ...
Everything You Need to Know About Server Components in Next.js 13
มุมมอง 24Kปีที่แล้ว
With the release of Next.js 13, Next.js officially supports React server components, and here's everything you need to know about server components so you can start building better, faster apps right away. 📚 Materials/References: Code: github.com/CodeSnaps/react-server-components 👨🏻‍💻 Here's what you'll learn: - What are server components - The difference between server and client components - ...
Beautiful Password Generator using only HTML, CSS, and JavaScript | Step-by-Step Tutorial
มุมมอง 239ปีที่แล้ว
Use only HTML, CSS, and JavaScript to create a beautiful password generator. We'll cover everything from creating a colored character-length slider, implementing toggles for including numbers and symbols, copying the password to the clipboard, and even adding a password strength meter. 📚 Materials/References: Full Repository: github.com/CodeSnaps/password-generator-vanilla-js Full HTML Code: gi...
Next.js 13 & Tailwind CSS: Build an Amazing Tip Calculator App in Minutes!
มุมมอง 1.3Kปีที่แล้ว
Build an amazing tip calculator app using Next.js 13 and Tailwind CSS with a step-by-step process to create a fully functional tip calculator app from scratch. Key Takeaways: - Set up a Next.js 13 project and configure Tailwind CSS - Implement server-side and client-side rendering in Next.js 13 - Use the production-ready app router - Build a responsive tip calculator app with a user-friendly in...
Animated Search Bar with HTML, CSS, & JavaScript | Interactive and Engaging UI
มุมมอง 1.1Kปีที่แล้ว
Animated Search Bar with HTML, CSS, & JavaScript | Interactive and Engaging UI
How to Implement Dark Mode in React/Next.js Using Sass
มุมมอง 3.3Kปีที่แล้ว
How to Implement Dark Mode in React/Next.js Using Sass

ความคิดเห็น

  • @alarsut
    @alarsut 19 วันที่ผ่านมา

    Thank you very much for you Video

  • @Niamudeen
    @Niamudeen หลายเดือนก่อน

    Bro what vs code theme are you using ? 😅

  • @ForAllThatAreGood
    @ForAllThatAreGood หลายเดือนก่อน

    Nice Part1! Good content, good examples ... and understandable!

  • @lucasfigueiredo8145
    @lucasfigueiredo8145 2 หลายเดือนก่อน

    Dont i need to use try catch?

  • @AravindhKumar007
    @AravindhKumar007 2 หลายเดือนก่อน

    That was a great explanation touching all the necessary details 👏

  • @murali-krishnan
    @murali-krishnan 3 หลายเดือนก่อน

    Thanks for this quick and crisp video, man. BTW, what's your VScode theme? It looks stunning.

    • @CodeSnaps
      @CodeSnaps 3 หลายเดือนก่อน

      Thanks so much, it's the GitHub Dark Theme :)

  • @demoduderox
    @demoduderox 3 หลายเดือนก่อน

    Appreciate the clear and concise video format - looking forward to Part 2

  • @lightyagami6167
    @lightyagami6167 3 หลายเดือนก่อน

    that's some quality content ngl thanks for the quick simple walkthrough to integrate react charts

  • @SparkyTunes
    @SparkyTunes 3 หลายเดือนก่อน

    Works great many thanks. I wonder if you would consider a tutorial about adding cookie functionality to this?

  • @williamshakespeare7741
    @williamshakespeare7741 3 หลายเดือนก่อน

    Thanks for the tutorial. I want to make a horizontal bar chart like this 📊 but horizontal I can't customize gaps between barchart bars

  • @magnieduardo8570
    @magnieduardo8570 4 หลายเดือนก่อน

    So good

  • @SRIKANTHP-stellar
    @SRIKANTHP-stellar 4 หลายเดือนก่อน

    Thank you very much for your knowledge sharing sir, finally i made my project works perfect this method. Actually i`m working on a React project with Tailwind Css. It Works perfect. Thank you Sir !!!

  • @julio-montero-tv
    @julio-montero-tv 4 หลายเดือนก่อน

    Such a great video!! Keep it up man 👨‍💻

    • @CodeSnaps
      @CodeSnaps 4 หลายเดือนก่อน

      Thanks a lot!

  • @antonyndungu5514
    @antonyndungu5514 4 หลายเดือนก่อน

    Great video

  • @gool7947
    @gool7947 4 หลายเดือนก่อน

    simple and thoroughly explained. Thnks man

  • @mr.fortyfour9722
    @mr.fortyfour9722 4 หลายเดือนก่อน

    Can u also explain how do add a new sidebar, i am trying it but isnt works

  • @vijayendradarode7762
    @vijayendradarode7762 5 หลายเดือนก่อน

    @3:15 How did you jump to the folder structure? Could you pls explain? I have locally hosted docusaurus website but can't find the folder structure.

  • @alexdin1565
    @alexdin1565 5 หลายเดือนก่อน

    but how we can get the value from the client component to a server component?

  • @ryldy787gekerz9
    @ryldy787gekerz9 5 หลายเดือนก่อน

    good one i might use it thank you

  • @kimbapslayer1995
    @kimbapslayer1995 5 หลายเดือนก่อน

    Excellent total. Broke it into understandable steps. Then made it clear once you know the foundation, it becomes easy mode. Well done and thanks.

  • @skinwalker_
    @skinwalker_ 5 หลายเดือนก่อน

    That was super useful and perfect pace..

  • @sad.story_
    @sad.story_ 5 หลายเดือนก่อน

    ❤❤❤❤

  • @Atul_25
    @Atul_25 6 หลายเดือนก่อน

    Awesome explanation,💫🔥💯❤️🌟

  • @derippu_desu
    @derippu_desu 6 หลายเดือนก่อน

    Thanks

  • @mukeshsangal8792
    @mukeshsangal8792 7 หลายเดือนก่อน

    Super and Quick Resolution to recharts thanks so much

  • @alexisngaing3690
    @alexisngaing3690 7 หลายเดือนก่อน

    Thanks

  • @tusharnagar1398
    @tusharnagar1398 7 หลายเดือนก่อน

    Thanks you so much ! You are great

  • @dineshdhoni7470
    @dineshdhoni7470 7 หลายเดือนก่อน

    I am your subscriber now. Kindly post something awesome like this

  • @harshayyy9
    @harshayyy9 8 หลายเดือนก่อน

    plz make more videos on charts and dashboards json data plz

  • @scotmarvin8991
    @scotmarvin8991 8 หลายเดือนก่อน

    Really helpful, Kaumon! Thanks for creating and sharing this wonderful resource.

  • @Apeiron242
    @Apeiron242 8 หลายเดือนก่อน

    Jesus, would it kill them to make an interface?!

  • @iamabishekbaiju
    @iamabishekbaiju 8 หลายเดือนก่อน

    Thank you , thank you and thank you. You just completely cleared all of my doubts regarding this topic.

  • @akashkarthi5276
    @akashkarthi5276 9 หลายเดือนก่อน

    Mann..this video is soooo underrated

  • @roque_sn
    @roque_sn 9 หลายเดือนก่อน

    What is your icon theme? It looks so good!

  • @alexg7282
    @alexg7282 9 หลายเดือนก่อน

    If you have a Typescript error with <Tooltip content={<CustomTooltip />} /> you have to add : - Import TooltipProps from "recharts" - import { ValueType, NameType, } from "recharts/types/component/DefaultTooltipContent"; Finally : const CustomTooltip = ({ active, payload, label, }: TooltipProps<ValueType, NameType>) => {....

  • @Coweaterthe1st
    @Coweaterthe1st 9 หลายเดือนก่อน

    Very helpful, thank you!

  • @shreyankcode5902
    @shreyankcode5902 9 หลายเดือนก่อน

    Great tutorial, just as needed !!!

  • @abhishekchandel4244
    @abhishekchandel4244 9 หลายเดือนก่อน

    appreciate the quality of the content

  • @GhostZodick
    @GhostZodick 9 หลายเดือนก่อน

    docusaurus doesn't seem to have a search bar. If I have lot's of documents, I won't be able to search them.

    • @GuidoJansen-yk7ne
      @GuidoJansen-yk7ne 9 หลายเดือนก่อน

      It has built-in Algolia search. It's disabled by default that's why you didn't see it in the demo. Instructions on how to enable it can be found in the docs 😊

  • @tronganhnguyenthanh1157
    @tronganhnguyenthanh1157 9 หลายเดือนก่อน

    Hi. I have a question for you. How to customize the data in YAxis ?

  • @easyitlearn-g1k
    @easyitlearn-g1k 10 หลายเดือนก่อน

    that's amazing video on next js Data Fetching and comparison between next 12 vs 13. well done. Thank you for sharing your knowledge on such a this simple and easy way

  • @rishibakshi2004
    @rishibakshi2004 10 หลายเดือนก่อน

    hey! that was a very nice and super quick walkthrough , thank you so much for this!❤ you got a sub

  • @shivanisehgal7545
    @shivanisehgal7545 10 หลายเดือนก่อน

    Very helpful explanation !! Is there a way to mimic getInitialProps in next 13?

  • @adreto2978
    @adreto2978 10 หลายเดือนก่อน

    cool video but I can hear mouth noises - if you fixed your audio you would get way more subs. Steal fireships audio setup lol

  • @aakasheoran
    @aakasheoran 10 หลายเดือนก่อน

    How can I customize the background/hvoer color of a bar group when I hover over them in a bar graph?

  • @Krishcode264
    @Krishcode264 10 หลายเดือนก่อน

    😘

  • @oussamachahidi9201
    @oussamachahidi9201 10 หลายเดือนก่อน

    That really helps man, thanks !

  • @ahmadbaghereslami796
    @ahmadbaghereslami796 11 หลายเดือนก่อน

    thanks

  • @evstafyevandrew2198
    @evstafyevandrew2198 11 หลายเดือนก่อน

    Спасибо, друг!!!

  • @caesarsage
    @caesarsage 11 หลายเดือนก่อน

    Thanks for this amazing guide. What do you suggest if i should use a WordPress for my blogs or use docusaurus for both my documentation and blogs