![Code with Ania Kubów](/img/default-banner.jpg)
- 267
- 13 874 232
Code with Ania Kubów
United Kingdom
Приєднався 23 жов 2019
Worked with Google, Amazon, Microsoft and many more.
Want to learn how to code from nothing? I will show you how!
My name is Ania and I am a Software Developer and Course Creator.
I quit working as a Software Developer for Eurostar in 2019 to focus on creating video tutorials on UA-cam, as well as create the Codewithania.com Full Stack Developer Course. I am very grateful to now have an incredibly supportive online community on here and on my Discord Channel.
From Polish heritage and raised in the UAE, I graduated from Dubai College majoring in Math, Physics and DesignTech before moving to the UK to attend University. Fun fact: I worked as a Financial Derivatives Broker in Singapore and London in a past life.
What I teach:
JavaScript, React, React-Native, Next.js, Node.js, Express, GraphQL, Databases +
Please Subscribe for upcoming releases, and don’t forget to press the bell icon.
For contact:
Twitter: @ania_kubow
Instagram: @aniakubow
Email: team@codewithania.com
Want to learn how to code from nothing? I will show you how!
My name is Ania and I am a Software Developer and Course Creator.
I quit working as a Software Developer for Eurostar in 2019 to focus on creating video tutorials on UA-cam, as well as create the Codewithania.com Full Stack Developer Course. I am very grateful to now have an incredibly supportive online community on here and on my Discord Channel.
From Polish heritage and raised in the UAE, I graduated from Dubai College majoring in Math, Physics and DesignTech before moving to the UK to attend University. Fun fact: I worked as a Financial Derivatives Broker in Singapore and London in a past life.
What I teach:
JavaScript, React, React-Native, Next.js, Node.js, Express, GraphQL, Databases +
Please Subscribe for upcoming releases, and don’t forget to press the bell icon.
For contact:
Twitter: @ania_kubow
Instagram: @aniakubow
Email: team@codewithania.com
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
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!)
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!
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!
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
Wow, pre ai coding for us. Crazy.
what an amazing series! My students love these exercises
This was very helpful thank you!!
Noise
Is this an avatar, right “
It’s meeeee
nice
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
Hey Ania Another Great Video on Working with VectorDB, I have questions how can I input images and get answers from the vector DB ??
❤ thanks ❤
Thanks for watching :)
How do you feel about Kotlin KTOR as a backend with a Compose for Web frontend?
Wow great! Nicely explained mam😊
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.❤
Boom🙌🏾Thanks for this!
not my proudest, but got the job done
Yay!
Hi, I learned something new today. Thanks.
So glad to hear this!!
Any reason using a JS file instead of a JSX file?
❤❤❤
Salut la commu, salut la sublime Ania !
Helloooo :)
Keys without the e stupid mayo hore
Thank you 🧡💙💜
Sexy woman ❤
N1
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
Hey can you please make a video on how can we make a chatbot by training our own data?
This is what we will do in this video :)
Thank you very much, Ania! Your teaching method is fantastic!
Wold hr element work on React, jsx files ?
Ania big fan of u ❤❤!! What are the prerequisites for this video. I have experience in frontend only. Not much in node js
Hey I love you Chanel 💞
Thank you so much for watching :) :)
@@aniakubow think you
Practice with this yo let's do it! Chess for checkers. Lost!
Thanks
Code with Ania Kubów, you're making UA-cam a better place
🫶🏻
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
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>?
I had to add an empty placeholder="" as it wont work without it seams.
or it was localhost problems dunno
No cache, fast aaaafff boiiiiiiii
i need the presentation
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 />
This trick is pretty colorful
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
#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.
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.
Thanks😊..will try this in my next project
Yay! Let me know how it goes :)
Hello lady I love you This is a secret 🌹🌹🌹🌹🌹
nice clickbait
So awesome! Is there a code to also have the light dark mode toggle icon for our WordPress websites?
i love you
Looks simple enough!❤😊 I might give it a try, quite soon!
Do itttt :)
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
isnt visual ide visual basic or visual c# or visual c++?
do you use discord? thanks you for share your videos
I thought i know Arabic..don't have any idea what this means...