- Видео 38
- Просмотров 61 772
Js-Craft Academy
Добавлен 7 фев 2018
Hi there, I’m Daniel, and welcome to the JS Craft Academy !
Each episode is you will find here is focused on something that can help React and Javascript developers to improve their craft. Most videos will be short, sweet, and to the point about the specific topic. No slides. No scripts. Just Sublime Text and real life coding.
It is expected that most developers have some experience with Javascript in general, but anyone will usually be able to benefit some how.
Each episode is you will find here is focused on something that can help React and Javascript developers to improve their craft. Most videos will be short, sweet, and to the point about the specific topic. No slides. No scripts. Just Sublime Text and real life coding.
It is expected that most developers have some experience with Javascript in general, but anyone will usually be able to benefit some how.
🎙 Hrishi Olickel - ex CTO Greywing - on AI Engineering, building with LLMs, AI Agents and more
Podcast page: www.js-craft.io/blog/hrishi-olickel-on-ai-engineering-building-with-llms-ai-agents-and-more/
Today, I’m excited to share my interview with Hrishi Olickel, whom I discovered through his talks on AI integration, including The LLM Hacker's Guide and A Solid Pattern to Build LLM Applications with Claude. Hrishi is based in Singapore, was the CTO Greywing (Y Combinator), and was included in Forbes 30 Under 30 - Asia.
We talked about his journey into AI, his work with multi-modal models, and his approach to learning and building AI-driven systems.
🔗 Mentioned Links
- ruclips.net/video/8w0hUcQSDy8/видео.html
- ruclips.net/video/gsO5V30h-lU/видео.html
- x.com/hrishioa
- olickel.com/
- huggi...
Today, I’m excited to share my interview with Hrishi Olickel, whom I discovered through his talks on AI integration, including The LLM Hacker's Guide and A Solid Pattern to Build LLM Applications with Claude. Hrishi is based in Singapore, was the CTO Greywing (Y Combinator), and was included in Forbes 30 Under 30 - Asia.
We talked about his journey into AI, his work with multi-modal models, and his approach to learning and building AI-driven systems.
🔗 Mentioned Links
- ruclips.net/video/8w0hUcQSDy8/видео.html
- ruclips.net/video/gsO5V30h-lU/видео.html
- x.com/hrishioa
- olickel.com/
- huggi...
Просмотров: 224
Видео
🎙 Luca Dellanna - Author of Ergodicity & Winning long term games - on building a sustainable career
Просмотров 164Месяц назад
Main page for the interview: www.js-craft.io/blog/luca-dellanna-author-of-ergodicity-winning-long-term-games-on-building-a-sustainable-career/ Hello and welcome! It’s Daniel here, the author of LangChain for JavaScript Developers. Today, I’m thrilled to share my conversation with Luca Dellanna, a consultant, author, and expert in behavioral economics and management. I discovered Luca through hi...
🎙 Jason Swett - Software Developer & Consultant - on book writing, podcasting, AI & entrepreneurship
Просмотров 1762 месяца назад
Hello and welcome! It's Daniel here, the author of LangChain for JavaScript Developers: js-craft.io/book Today, I’m excited to share my interview with Jason Swett! Jason is a podcaster, speaker, consultant. Author of Professional Rails Testing and the creator of SaturnCI. 👨💻 Mentioned links: Below are the links mentioned during our talk: - www.amazon.com/Professional-Rails-Testing-Tools-Princi...
🎙 Ishan Anand, creator of Spreadsheets-are-all-you-need.ai
Просмотров 2424 месяца назад
Hello and welcome! It's Daniel here, the author of LangChain for JavaScript Developers. Today, I’m excited to share my interview with Ishan Anand, whom I discovered while watching recordings from this year's AI Engineering World's Fair. Ishan shared how he implemented a working GPT-2 model directly into Excel. Yes, you heard that right Excel. Ok, a very big Excel file, but still... just a pure ...
🎙 Josef Strzibny, author of Deployment from Scratch and Kamal Handbook
Просмотров 1884 месяца назад
Podcast episode page: www.js-craft.io/blog/interview-josef-strzibny-deployment-from-scratch/ This is my interview with Josef Strzibny. I discovered Josef and his work through a talk he gave at the Ruby Balkans conference. In that talk, he shared the story of how he self-published his two books, Deployment from Scratch and Kamal Handbook. I really appreciated his openness and down-to-earth attit...
🎙 Jacob Lee, maintainer of LangChain.js and founding engineer of LangChain
Просмотров 5715 месяцев назад
Blog post here: www.js-craft.io/blog/interview-jacob-lee-langchain-js/ Hey folks! This is my interview with Jacob Lee, the main maintainer of LangChain.js and a founding engineer of the LangChain company. This talk covers topics such as: - What LangChain is and the benefits of using it - A good learning roadmap for getting started with LangChain - How other tools from the LangChain ecosystem, s...
What is Langchain.js and its use cases
Просмотров 689 месяцев назад
Example app with Langchain.js and React.js: www.js-craft.io/blog/reactjs-langchain-example/ Langchain is a framework meant to facilitate the interaction between an AI model and a traditional web application. Langchain is to the LLM - webapp communication kind of what jQuery is to Javascript, or Django to Python. It gives you a standardized way of doing stuff.
CSS Grid hover row
Просмотров 25110 месяцев назад
Full article and code here: www.js-craft.io/blog/css-grid-row-hover/ Let's see how we can highlight a row in a CSS grid when we hover it. In this example, we will just change the background color of the hovered row, but you can replace this with any other effect.
ReactJs and Langchain (javascript) - example app
Просмотров 15010 месяцев назад
We will build a small ReactJs app that will search for synonyms of a given word, in 4 different languages, using ChatGPT. Alongside connecting to our first LangChain AI Model we will also use things such as chains, output parsers, or chat prompt templates. Full article and example here : www.js-craft.io/blog/reactjs-langchain-example/
Upload multiple files in React
Просмотров 1,1 тыс.11 месяцев назад
Learn how to upload multiple files in React using by using a mix of FormData() interface and the Fetch API. You can find the full code of the example here: www.js-craft.io/blog/react-upload-multiple-files/ For this example, we will build a React app that uploads a few images to a server, and shows a busy indicator while the files are transferred. To see more React content I've also made this vi...
Javascript Console Trace Example
Просмотров 16011 месяцев назад
Javascript Console Trace is great for debugging when we have multiple possible paths that can lead to a given function call. Let's take a look at an example of how to use the Javascript console.trace() function. Full article and code here: www.js-craft.io/blog/console-trace-debugging-javascript/
3 Props to make a Responsive CSS Grid Layout
Просмотров 16811 месяцев назад
Full article and code here : www.js-craft.io/blog/making-a-responsive-css-grid-layout-with-just-3-properties/ What if I told you that you only need to know 3 CSS properties to make a fully responsive CSS grid layout. Let's see how! #css3 #responsivedesign #cssgrid #cssflexbox
Fixing the Maybe one of these should be marked as a client entry with "use client" - NextJs error
Просмотров 197Год назад
Let's see how we can use the 'use client' in NextJs so that we can avoid errors such as - Maybe one of these should be marked as a client entry with "use client" or - You're importing a component that needs useEffect. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default Full article and code here: www.js-craft.io/blog/...
Javascript includes multiple values
Просмотров 270Год назад
The Js array includes() function does not have a multiple values search option, but we can simulate this with the help of others array functions. 📘 The full code and article are here: www.js-craft.io/blog/javascript-includes-multiple-values/ 🗞 Subscribe to the newsletter here: www.js-craft.io/newsletter/ #javascript #react #reactjs #learnjavascript
React copy text to clipboard
Просмотров 96Год назад
Let's see how we can use the Javascript navigator.clipboard API to implement a copy text to clipboard functionality in React. 📘 The full code and article are here: www.js-craft.io/blog/react-copy-text-clipboard/ 📘 For copying images to the clipboard you can check out this article: www.js-craft.io/blog/copy-paste-image-clipboard-react/ 🗞 Subscribe to the newsletter here: www.js-craft.io/newslett...
Fixing the Maybe one of these should be marked as a client entry with "use client" - NextJs error
Просмотров 473Год назад
Fixing the Maybe one of these should be marked as a client entry with "use client" - NextJs error
React copy paste images to clipboard
Просмотров 1,1 тыс.Год назад
React copy paste images to clipboard
tensorflowjs and javascript image recognition with cocco ssd
Просмотров 605Год назад
tensorflowjs and javascript image recognition with cocco ssd
tensorflowjs identify objects javascript example
Просмотров 44Год назад
tensorflowjs identify objects javascript example
Making a responsive sidebar layout with the NextJs 13 app folder
Просмотров 2 тыс.2 года назад
Making a responsive sidebar layout with the NextJs 13 app folder
CSS overscroll-behavior - prevent scroll of body but allow modal scroll
Просмотров 1,2 тыс.2 года назад
CSS overscroll-behavior - prevent scroll of body but allow modal scroll
guy was way early on multimodal RAG nice talk ...
Nice talk! I know Luca from his books.
wow, I did know that you could make a full AI model in Excel. So cool!
indeed nice interview 🔗🐦
actually just bought the book a few days ago and now I discovered this video
Nice interview Daniel! 👏
Thank you sir :)
thanks👍
Thank you. But in the ".cell span {" there is not enough "pointer-events: none;"
hi Stefan! thanks for comment, but not sure what you mean :) ? Can you please elaborate
@@js-craftacademy6740 Hi. In your case, pointing the mouse over an empty space on a row works well, but pointing the mouse over the text - hover on the row does not work.
nice
yeah ... Langchain opens up a lot of new possibilities.
bro you are the best you saved me a lot of time for this little small thing
happy to hear this :)
Thank you very much for this easy to follow instruction!
Thanks, Martin! Very kind of you to leave this comment :)
Thanks!!!
You're welcome, Amanda :)
Thank you! Great explanation, keep it up :)
nice but any chance of a git repo? link in description is dead
Hey Great Video! Small youtuber looking for help here please Check my channel!
how to integrate zxcvbn for checking active directory password
Thanks for the explanation, your voice remembers seven from seven scissors!
thanks. Dead simple and informative
Why doesn't context.inc in Blue work in my code?
Figured out. Sorry, I forget to define inc method in the AppProvider.
Thank you for such a simple and concise explanation.
Simple, concise, clear... excellent. Thank you!
Wow!!!!!!!!!!! <3
Awesome tutorial
Thanks Daniel :) Glad you like it
Thanks for this. Was confused by the official docs but this cleared things up for me. I am curious as to how this is is better than Redux container/components pattern, especially in larger projects
Hi Tom! I think that the React Context is aimed at more local / smaller scale use cases. For bigger projects I would still go for something like Redux, or MobX.
Good tutorial ! Thanks