Code with Ania Kubów
Code with Ania Kubów
  • 267
  • 13 874 232
Build a Semantic Search App using ONE simple function! | Next.js SingleStoreDB
Click here for the notebook playground and to follow along: msql.co/3M7hEiH
Click here for the project files: github.com/kubowania/nextjs-memories-app
Click here for the Vector Embeddings video: ua-cam.com/video/PR7xz5vQKGg/v-deo.html
____
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webstorm
⭐ New to code and none of this is making sense? Watch my '12hr+ UA-cam Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: ania_kubow
Instagram: aniakubow
Переглядів: 6 852

Відео

Building Tic-tac-toe in JavaScript vs React
Переглядів 14 тис.День тому
Found this hard? Learn the fundamentals of JavaScript here: www.codewithania.com ⭐ Check out my IDE here and get 1 month free: jb.gg/get_webstorm ⭐ New to code and none of this is making sense? Watch my '12hr UA-cam Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free. ⭐ If you would like to buy me a coffee,...
Messaging Tutorial - SMS/Email/Push Notifications Full Course
Переглядів 130 тис.14 днів тому
Click here to follow along: apwr.dev/aniakubow Found this hard? Learn the fundamentals of JavaScript here: www.codewithania.com ⭐ Check out my IDE here and get 1 month free: jb.gg/get_webstorm ⭐ New to code and none of this is making sense? Watch my '12hr UA-cam Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100...
Building An Exciting Stock Market Twitter Sentiment App | Singlestore AI
Переглядів 139 тис.Місяць тому
Building An Exciting Stock Market Twitter Sentiment App | Singlestore AI
Combine MULTIPLE LLMs to build an AI API! (super simple!!!) Langflow | LangChain | Groq | OpenAI
Переглядів 101 тис.Місяць тому
Combine MULTIPLE LLMs to build an AI API! (super simple!!!) Langflow | LangChain | Groq | OpenAI
T-rex run in JavaScript! (Super simple!!!)
Переглядів 10 тис.Місяць тому
T-rex run in JavaScript! (Super simple!!!)
Build an AI Image Analyzer Full-stack App! | Image-to-text GPT-4o Model
Переглядів 48 тис.2 місяці тому
Build an AI Image Analyzer Full-stack App! | Image-to-text GPT-4o Model
Master React by building Tic-tac-toe! 1 hour tutorial
Переглядів 8 тис.2 місяці тому
Master React by building Tic-tac-toe! 1 hour tutorial
Master JavaScript Drag and Drop with Chess Example!
Переглядів 12 тис.2 місяці тому
Master JavaScript Drag and Drop with Chess Example!
Build an AI Sales Bot $$$ using YOUR INVENTORY | GPT-4o Next.js SingleStore
Переглядів 79 тис.2 місяці тому
Build an AI Sales Bot $$$ using YOUR INVENTORY | GPT-4o Next.js SingleStore
GPT-4o is here! Let’s build 4 things with it! | API
Переглядів 55 тис.3 місяці тому
GPT-4o is here! Let’s build 4 things with it! | API
Tic Tac Toe in JavaScript (Super Simple!)
Переглядів 9 тис.3 місяці тому
Tic Tac Toe in JavaScript (Super Simple!)
JavaScript Analog Clock (Super Simple!!!)
Переглядів 6 тис.3 місяці тому
JavaScript Analog Clock (Super Simple!!!)
2 Hours to build a Star Wars AI RAGbot! (Super Simple!!)
Переглядів 37 тис.3 місяці тому
2 Hours to build a Star Wars AI RAGbot! (Super Simple!!)
Build your OWN Database Programming Interface!! GraphQL | REST API | Neurelo
Переглядів 82 тис.3 місяці тому
Build your OWN Database Programming Interface!! GraphQL | REST API | Neurelo
Master OpenAI EMBEDDING API (super simple!)
Переглядів 5 тис.4 місяці тому
Master OpenAI EMBEDDING API (super simple!)
2 HOURS to code Zillow Property App with Google MAP API + Next.js
Переглядів 85 тис.4 місяці тому
2 HOURS to code Zillow Property App with Google MAP API Next.js
Master OpenAI Chat Completions API (Super simple!)
Переглядів 7 тис.4 місяці тому
Master OpenAI Chat Completions API (Super simple!)
1 hour 2D Breakout in JavaScript!
Переглядів 8 тис.5 місяців тому
1 hour 2D Breakout in JavaScript!
I code an AI API to Earn PROFITS! 1 Hour build OpenAI Zuplo Stripe
Переглядів 17 тис.5 місяців тому
I code an AI API to Earn PROFITS! 1 Hour build OpenAI Zuplo Stripe
1 HOUR - Learn the Gemini API and build a multi-turn chat bot!
Переглядів 30 тис.5 місяців тому
1 HOUR - Learn the Gemini API and build a multi-turn chat bot!
1 hour Pac-man in JavaScript!
Переглядів 14 тис.6 місяців тому
1 hour Pac-man in JavaScript!
Let's code an OpenAI Vision API App in 1 hour! 👀
Переглядів 9 тис.6 місяців тому
Let's code an OpenAI Vision API App in 1 hour! 👀
Code Space Invaders in JavaScript!
Переглядів 20 тис.6 місяців тому
Code Space Invaders in JavaScript!
I code Minesweeper in JavaScript!
Переглядів 13 тис.7 місяців тому
I code Minesweeper in JavaScript!
JavaScript AI Course - no Python! | MongooseJS Astra DB
Переглядів 15 тис.8 місяців тому
JavaScript AI Course - no Python! | MongooseJS Astra DB
Doodle Jump in JavaScript! 2024 version
Переглядів 13 тис.8 місяців тому
Doodle Jump in JavaScript! 2024 version
Free 12 hour YouTube Coding Bootcamp 2024!
Переглядів 1 млн8 місяців тому
Free 12 hour UA-cam Coding Bootcamp 2024!
Send emails from a HTML Contact Form! ONLY HTML! 2023 version
Переглядів 15 тис.8 місяців тому
Send emails from a HTML Contact Form! ONLY HTML! 2023 version
🛑 2hr to build Full Stack AI Chatbot - Your Data Trained! | Langchain ChatGPT Singlestore
Переглядів 17 тис.8 місяців тому
🛑 2hr to build Full Stack AI Chatbot - Your Data Trained! | Langchain ChatGPT Singlestore

КОМЕНТАРІ

  • @thays182
    @thays182 10 годин тому

    Wow, pre ai coding for us. Crazy.

  • @Brukner841
    @Brukner841 13 годин тому

    what an amazing series! My students love these exercises

  • @RussellDelbridge-mx6wm
    @RussellDelbridge-mx6wm 13 годин тому

    This was very helpful thank you!!

  • @jorgerangel2390
    @jorgerangel2390 14 годин тому

    Noise

  • @johnstarfire
    @johnstarfire 17 годин тому

    Is this an avatar, right “

  • @joel230182
    @joel230182 18 годин тому

    nice

  • @aniakubow
    @aniakubow 18 годин тому

    Anchor elements together with 4 lines of CSS! Anchoring element such as the ones that show up here is now so super easy. All you need to do is create two elements, so this button, and this div, and once you have styled them, add the anchor-name: css property to the primary one, with dash dash and a name of your choice, then to the secondary one, add the position-anchor: property with the same dash dash name, as well as position it, and then you can use the top or bottom property to align the secondary time to the primary one vertically, and use left or right, to align horizontally. Easy! You can then turn this into a popover and style int further if you wish. Save this for later. Check out current compatibly below. -HTML- <button> <p>😊</p> </button> <div> <p>This icon indicates a good experience at our airbnb.</p> </div> - CSS - button { anchor-name: --myAnchor; background-color: rgb(136, 42, 224); width: 150px; height: 150px; border-radius: 50%; font-size: 100px; border: none; } div { position: fixed; position-anchor: --myAnchor; top: anchor(50%); left: anchor(110%); background-color: rgb(179, 147, 208); width: 100px; border-radius: 10px; text-align: center; padding: 5px; font-family: sans-serif; border: none; } Compatible with with chrome , edge and opera. #100daysofcode #csstips #devcommunity #websitebuild #webdev

  • @vineetjadhav1785
    @vineetjadhav1785 День тому

    Hey Ania Another Great Video on Working with VectorDB, I have questions how can I input images and get answers from the vector DB ??

  • @ABDU_BCN
    @ABDU_BCN День тому

    ❤ thanks ❤

    • @aniakubow
      @aniakubow 23 години тому

      Thanks for watching :)

  • @mikegonzalez2012
    @mikegonzalez2012 День тому

    How do you feel about Kotlin KTOR as a backend with a Compose for Web frontend?

  • @adityawattamwar5795
    @adityawattamwar5795 День тому

    Wow great! Nicely explained mam😊

  • @RealLexable
    @RealLexable День тому

    I also hope getting my key back soon from internatiol courts for all the frauds against me from london. Would be enough to get you hired or visit for all your work beside this little gift again, which goes straight into my todo-list.❤

  • @michaepwright
    @michaepwright День тому

    Boom🙌🏾Thanks for this!

  • @KoreanSpy
    @KoreanSpy День тому

    not my proudest, but got the job done

  • @TNTsundar
    @TNTsundar День тому

    Hi, I learned something new today. Thanks.

    • @aniakubow
      @aniakubow День тому

      So glad to hear this!!

  • @farmerjacuzzo
    @farmerjacuzzo День тому

    Any reason using a JS file instead of a JSX file?

  • @thelostsamples
    @thelostsamples День тому

    ❤❤❤

  • @kabamamadoukonate927
    @kabamamadoukonate927 День тому

    Salut la commu, salut la sublime Ania !

  • @killallfeminists
    @killallfeminists День тому

    Keys without the e stupid mayo hore

  • @sereneflatun
    @sereneflatun День тому

    Thank you 🧡💙💜

  • @gomezito9658
    @gomezito9658 День тому

    Sexy woman ❤

  • @bodytwhid515
    @bodytwhid515 2 дні тому

    N1

  • @sirishkumar-m5z
    @sirishkumar-m5z 2 дні тому

    Developing single-purpose AI apps is a terrific place to start! With their more extensive functionality, additional technologies can help you design AI apps that are even more advanced. Development of AI Applications

  • @Rohittarkar175
    @Rohittarkar175 2 дні тому

    Hey can you please make a video on how can we make a chatbot by training our own data?

    • @aniakubow
      @aniakubow 2 дні тому

      This is what we will do in this video :)

  • @CuriousFox_
    @CuriousFox_ 2 дні тому

    Thank you very much, Ania! Your teaching method is fantastic!

  • @ebesquin
    @ebesquin 2 дні тому

    Wold hr element work on React, jsx files ?

  • @kanieseiya4134
    @kanieseiya4134 2 дні тому

    Ania big fan of u ❤❤!! What are the prerequisites for this video. I have experience in frontend only. Not much in node js

  • @hussainnajaf332
    @hussainnajaf332 2 дні тому

    Hey I love you Chanel 💞

  • @stellarhexus9655
    @stellarhexus9655 2 дні тому

    Practice with this yo let's do it! Chess for checkers. Lost!

  • @shadowyt8077
    @shadowyt8077 2 дні тому

    Thanks

  • @IOSARBX
    @IOSARBX 2 дні тому

    Code with Ania Kubów, you're making UA-cam a better place

  • @aniakubow
    @aniakubow 2 дні тому

    Build an AI app with just one function? If you’ve previously built chatbots before, where you have to turn a word into a vector embedding, then compare vector embedding to vector embedding in a database, and then make another call to an API to get a more readable response, then this SDK is going to change your life. It does all of that in one function. If you’re interested to learn how to use this, please do check out my tutorial on my channel now in which we create a memories app of all my memories using semantic search, or make sure to save this for later. Build an App that reads MEMORIES with ONE simple function! | Next.js SingleStoreDB ua-cam.com/video/bV3_u0p0cik/v-deo.html #webdev #100daysofcode #devcommunity #singlestoredb #semanticsearch

  • @creeperabelow
    @creeperabelow 2 дні тому

    somehow all messages I send via formsubmit have empty messages? Anyone have had a similar issue? how did u solve it? Also is it a problem if I have my <input> within a <div> within the <form>?

    • @creeperabelow
      @creeperabelow 2 дні тому

      I had to add an empty placeholder="" as it wont work without it seams.

    • @creeperabelow
      @creeperabelow 2 дні тому

      or it was localhost problems dunno

  • @daedaluxe
    @daedaluxe 2 дні тому

    No cache, fast aaaafff boiiiiiiii

  • @kamoli4440
    @kamoli4440 2 дні тому

    i need the presentation

  • @serifcolakel823
    @serifcolakel823 2 дні тому

    React tip if u are using react make sure id must be unique 😂 otherwise u can open a lot of popover 😂 const popoverId = useId() <button id={popoverId} /> <div id={popoverId} popover />

  • @asimhero2057
    @asimhero2057 3 дні тому

    This trick is pretty colorful

  • @daedaluxe
    @daedaluxe 3 дні тому

    Dubai lmaooo I'd rather not be stoned to death for looking at a sheikh wrong or have my gf leave me for some sheikh thatll pay her 200k to shit on his chest

  • @karlheinzneugebauer
    @karlheinzneugebauer 3 дні тому

    #1 reason to use it: The popover element gets placed on the top stacking layer automatically. #2: No weird placement logic. You can define alternative spawn points around your source element easily.

  • @sunnyy6295
    @sunnyy6295 3 дні тому

    Html <select> are the worst.. as there are many UI constraints. You can't even modify the arrow right next to drop-down inputbox using a straight forward way.

  • @augustinradjou3909
    @augustinradjou3909 3 дні тому

    Thanks😊..will try this in my next project

    • @aniakubow
      @aniakubow 3 дні тому

      Yay! Let me know how it goes :)

  • @hussainnajaf332
    @hussainnajaf332 3 дні тому

    Hello lady I love you This is a secret 🌹🌹🌹🌹🌹

  • @alexanderpetrov210
    @alexanderpetrov210 3 дні тому

    nice clickbait

  • @thewebstylist
    @thewebstylist 3 дні тому

    So awesome! Is there a code to also have the light dark mode toggle icon for our WordPress websites?

  • @BlasterCode
    @BlasterCode 3 дні тому

    i love you

  • @asierlanchodiego7203
    @asierlanchodiego7203 3 дні тому

    Looks simple enough!❤😊 I might give it a try, quite soon!

  • @aniakubow
    @aniakubow 3 дні тому

    You will NEVER guess why GitHub just deprecated 1000s of lines of code. If you hadn’t heard that you can now create popovers with just two html elements, you might have actually already used it! GitHub implemented popover on their homepage with this approach which utilises the popover api - and in turn got rid of thousands of lines of code. Get the code to make your own popper below. - HTML - <button popovertarget="my-popover"> Open Popover </button> <div id="my-popover" popover> <p>Here is more info! To close this click away or press the "esc" key. <p> </div> #webdesigntips #csstips #100daysofcode #devcommunity

  • @jimmlmao
    @jimmlmao 3 дні тому

    isnt visual ide visual basic or visual c# or visual c++?

  • @bambanx
    @bambanx 3 дні тому

    do you use discord? thanks you for share your videos

  • @kiwaikos
    @kiwaikos 3 дні тому

    I thought i know Arabic..don't have any idea what this means...