![Radu Mariescu-Istodor](/img/default-banner.jpg)
- 338
- 1 300 931
Radu Mariescu-Istodor
Finland
Registrace 7. 10. 2011
I have a PhD in Computer Science and I want to teach you things. I publish:
1. Courses I teach at the university
2. JavaScript project tutorials
3. Entertaining videos about coding
4. Advice I give to my students
5. Some weird things. You'll see...
1. Courses I teach at the university
2. JavaScript project tutorials
3. Entertaining videos about coding
4. Advice I give to my students
5. Some weird things. You'll see...
Understanding Data with AI (ChatGPT 3.5 and Python)
Any data should come with some kind of documentation, but very often it doesn’t. In this video I’ll show you how to use large language models to help you understand what some structured data is. We’ll use Chat GPT and try to understand and visualize the data from here:
radufromfinland.com/data/info.txt
On this channel I normally do JavaScript tutorials, but this time we’ll go with what Chat GPT wanted (Python). You can get Python from here: www.python.org
You'll also need the matplotlib python library. Here are instructions on how to install it: matplotlib.org
I use Visual Studio Code to write the code. If you don't have a code editor yet, I recommend downloading it here: code.visualstudio.com
To setup Visual Studio Code to work with Python you can follow the instructions from here:
code.visualstudio.com/docs/languages/python
The data in this demo is from my Machine Learning course:
czcams.com/play/PLB0Tybl0UNfYe9aJXfWw-Dw_4VnFrqRC4.html
Check it out to learn more about working with data!
⭐More Coding with AI Tutorials⭐
czcams.com/play/PLB0Tybl0UNfYbmuds_0h1B10impbZdgSa.html
radufromfinland.com/data/info.txt
On this channel I normally do JavaScript tutorials, but this time we’ll go with what Chat GPT wanted (Python). You can get Python from here: www.python.org
You'll also need the matplotlib python library. Here are instructions on how to install it: matplotlib.org
I use Visual Studio Code to write the code. If you don't have a code editor yet, I recommend downloading it here: code.visualstudio.com
To setup Visual Studio Code to work with Python you can follow the instructions from here:
code.visualstudio.com/docs/languages/python
The data in this demo is from my Machine Learning course:
czcams.com/play/PLB0Tybl0UNfYe9aJXfWw-Dw_4VnFrqRC4.html
Check it out to learn more about working with data!
⭐More Coding with AI Tutorials⭐
czcams.com/play/PLB0Tybl0UNfYbmuds_0h1B10impbZdgSa.html
zhlédnutí: 461
Video
How to Fake data in Apps
zhlédnutí 2,7KPřed 21 dnem
Hey, everyone! In this tutorial, I'll show you a simple trick using browser developer tools to generate fake data in Gmail. It's a handy technique to capture screenshots without exposing any personal information. Whether you want to share your screen for tutorials, presentations, or just to keep your sensitive details private, this method works like a charm! 🔒 Learn how to safeguard your privac...
Fine-Tuning the Racing Game with Self-driving Cars [Understanding AI - Lesson 15 / 15]
zhlédnutí 1,7KPřed 28 dny
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html Welcome to the grand finale, Lesson 15 of the "Understanding AI" course! In this concluding update, we'll add some finishing touches to our racing game. We'll play around with styles to give the game a polished look, integrate cars into the minimap, explore a simple collision handling method, and finally, I'll share a neat trick ...
Camera Input for Racing Game in JavaScript [Understanding AI - Lesson 14 / 15]
zhlédnutí 3,4KPřed měsícem
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html In Lesson 12 of the "Understanding AI" course, join me in implementing camera controls for our racing game using the marker detector code we built in the previous tutorial. This innovative approach will elevate your gaming experience as we delve into using marker centroids to determine tilt, allowing for dynamic control within th...
Detecting Colored Markers with JavaScript [Understanding AI - Lesson 13 / 15]
zhlédnutí 4KPřed měsícem
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html Remember those early mobile games where you could steer by tilting the phone? In this video, I'll guide you through using the device orientation sensor to capture tilt movements. It's a fantastic technique that opens up a world of possibilities for game control. Let's explore the potential of this feature not just for games, but ...
Tilt Control for JavaScript Games [Understanding AI - Lesson 12 / 15]
zhlédnutí 2,4KPřed měsícem
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html Remember those early mobile games where you could steer by tilting the phone? In this video, I'll guide you through using the device orientation sensor to capture tilt movements. It's a fantastic technique that opens up a world of possibilities for game control. Let's explore the potential of this feature not just for games, but ...
3D Objects in JavaScript - No Libraries [Understanding AI - Lesson 11 / 15]
zhlédnutí 2,4KPřed měsícem
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html In Lesson 11 of the "Understanding AI" course, I'm thrilled to unveil the magic of 3D extrusions in JavaScript. Today, I'll guide you through the process of making elements pop up in the third dimension, a technique commonly known as extrusion. And when I say everything, I mean it - from buildings and cars to road borders. But he...
3D Camera in JavaScript - No Libraries [Understanding AI - Lesson 10 / 15]
zhlédnutí 3,9KPřed 2 měsíci
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html In Lesson 10 of the "Understanding AI" course, I'm excited to teach you how to implement a unique perspective in your self-driving car project: one from the car's viewpoint. The fascinating part? We won't be using any libraries to achieve this effect, as the underlying math is surprisingly straightforward. I believe understanding...
Procedural Sounds for Games with JavaScript and WebAudioAPI [Understanding AI - Lesson 9 / 15]
zhlédnutí 2,3KPřed 2 měsíci
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html Welcome to Lesson 9 of the "Understanding AI" course, where I'll guide you through the exciting process of creating procedurally generated racing game sounds using JavaScript and the WebAudioAPI. In this video, I'll teach you how to generate sound from scratch, starting with a simple beeping noise that we can play at different fr...
AI Racing Game in JavaScript [Understanding AI - Lesson 8 / 15]
zhlédnutí 2,6KPřed 2 měsíci
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html Welcome to Lesson 8 of the "Understanding AI" course, where I'll guide you through the process of transforming a self-driving car simulation into an exhilarating racing game using JavaScript! In this tutorial, I'll show you how to take control of the main car while letting AI handle the others. We'll implement crucial features li...
⭐🏆⭐PRIZES: Racing AI Competition⭐🏆⭐ DEADLINE: May 15ᵗʰ 2024
zhlédnutí 2,4KPřed 2 měsíci
When designing your AI car, you can use the playground as instructed previously, but you are not limited to it as long as you produce a compatible “.car” file. This extra freedom comes with a warning: changing car specifications like the max speed, acceleration, friction is not allowed and you will be disqualified if you attempt to do so. You are only allowed to modify the sensors configuration...
Using Dijkstra's Shortest Path With AI [Understanding AI - Lesson 7 / 15]
zhlédnutí 1,8KPřed 2 měsíci
PLAYLIST: czcams.com/play/PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81.html In this seventh lesson of the "Understanding AI" course, we delve into the practical application of Dijkstra's algorithm in teaching AI cars to follow the shortest path. Just determining the shortest route is not sufficient; the car needs to navigate it effectively. We do that by generating a corridor around the shortest path, co...
Dijkstra's Algorithm in JavaScript [Understanding AI - Lesson 6 / 15]
zhlédnutí 3,6KPřed 3 měsíci
Dijkstra's Algorithm in JavaScript [Understanding AI - Lesson 6 / 15]
Understanding AI - Lesson 5 / 15: Navigating to Target
zhlédnutí 2,6KPřed 3 měsíci
Understanding AI - Lesson 5 / 15: Navigating to Target
Understanding AI - Lesson 4 / 15: Where Extra Dimensions Come From?
zhlédnutí 2,5KPřed 3 měsíci
Understanding AI - Lesson 4 / 15: Where Extra Dimensions Come From?
Understanding AI - Lesson 3 / 15: Multilabel Neural Networks
zhlédnutí 3,4KPřed 3 měsíci
Understanding AI - Lesson 3 / 15: Multilabel Neural Networks
Understanding AI - Lesson 2 / 15: Hidden Layers
zhlédnutí 4,5KPřed 4 měsíci
Understanding AI - Lesson 2 / 15: Hidden Layers
Understanding AI - Lesson 1 / 15: A Simple Neural Network
zhlédnutí 17KPřed 4 měsíci
Understanding AI - Lesson 1 / 15: A Simple Neural Network
Drawing the Twitter Logo with JavaScript
zhlédnutí 2,1KPřed 4 měsíci
Drawing the Twitter Logo with JavaScript
Coding a Spinning Canvas App with JavaScript
zhlédnutí 2,1KPřed 5 měsíci
Coding a Spinning Canvas App with JavaScript
Drawing CIRCLES in 10 Different Ways with JavaScript
zhlédnutí 2,5KPřed 5 měsíci
Drawing CIRCLES in 10 Different Ways with JavaScript
Coding Sorting Visualizers with ChatGPT and JavaScript
zhlédnutí 2,7KPřed 5 měsíci
Coding Sorting Visualizers with ChatGPT and JavaScript
A Virtual World - JavaScript Course: Final Lesson [Coding a MiniMap with JavaScript]
zhlédnutí 6KPřed 5 měsíci
A Virtual World - JavaScript Course: Final Lesson [Coding a MiniMap with JavaScript]
A Virtual World - JavaScript Course: Lesson 10 / 11 [OpenStreetMap Tutorial]
zhlédnutí 8KPřed 6 měsíci
A Virtual World - JavaScript Course: Lesson 10 / 11 [OpenStreetMap Tutorial]
A Virtual World - JavaScript Course: Lesson 9 / 11 [Self-driving Car Integration]
zhlédnutí 6KPřed 6 měsíci
A Virtual World - JavaScript Course: Lesson 9 / 11 [Self-driving Car Integration]
A Virtual World - JavaScript Course: Lesson 8 / 11 [Saving the World]
zhlédnutí 3,4KPřed 6 měsíci
A Virtual World - JavaScript Course: Lesson 8 / 11 [Saving the World]
A Virtual World - JavaScript Course: Lesson 7 / 11 [Road Marking Editor with JavaScript]
zhlédnutí 4,6KPřed 7 měsíci
A Virtual World - JavaScript Course: Lesson 7 / 11 [Road Marking Editor with JavaScript]
A Virtual World - JavaScript Course: Lesson 6 / 11 [Pseudo 3D with JavaScript]
zhlédnutí 5KPřed 7 měsíci
A Virtual World - JavaScript Course: Lesson 6 / 11 [Pseudo 3D with JavaScript]
A Virtual World - JavaScript Course: Lesson 5 / 11 [Procedural Generation with JavaScript]
zhlédnutí 6KPřed 7 měsíci
A Virtual World - JavaScript Course: Lesson 5 / 11 [Procedural Generation with JavaScript]
Thank you Radu. Chatgpt is a better programmer than I am and much faster 😢.. Anyway, thank you once more
I have watched pair programming series just a year ago and i dint know there was a map function before watching it ❤🎉
Radu goat
Begginer friendly video. Greate one Dr. Radu. Just a suggestion - It would be more effective if you could tell everyone "You don't want to be a master in everything to be a master nowadays because of these type of technologies". I see most of users don't like to do experiments.
Wow thats awesome
FIRST
2:43 this backdown is 🔥
Are we a live now
Great course Radu. I really enjoy watching this. Thank you!!!
I've been trying to take the full page screenshot for two days, but there is a scrolling block, as it only captures the beginning of the page. Do you teach how to unlock to get the entire capture?
Man, don't know why, but you make me remember Sheldon Cooper, I love your lesson.
Put a console.log in animate function. You will see it runs for ever very frequently.
Sadly, I couldn't see this live because of the hour (4am here, haha). You're a great teacher Radu, and thanks for always sharing your knowledge.
Great livestream Radu as always . waiting for the next live project
Thanks!
mmmm for magic I think it's when color blue not detected it generates new random color to replace blue that initially was set.
That's exactly how I wanted to do it, but coded the app quickly just before the stream, and only had time to trigger the color change by using the keyboard.
Very funny
Some like it, some don't :-)
I've made it today 😅
Cool :-)
Thank you @Radu, thank you very much
You're welcome!
We NEED Magic <3
Someday, I'll teach more of it :-)
👍
Really inspiring Thanks for showing us the potential of javascript I never thought we can build such things with plain javascript, now I am confident enough to build interesting things with plain javascript. Just wondering behind the scenes thought process on coming up with such ideas and logic building. Any tips would be helpful Thanks
Yeah, it's quite powerful nowadays... and even if slow, compared to other languages, the hardware has improved so much, many things can work quite well despite that fact.
I gave some explanations about the ideas and logic building during today's live stream, btw (not sure if you were the one who asked :-D)
@@Radu Yes It was me, Thanks for the reply
???
What? :-)
I made an improvement I thought I wanted to share, I refactored much of the code to be able to remove the individual segments while keeping nodes that are connected to other segments, so it is easier to modify maps. Instead of deleting nodes and rebuilding those that you want to keep, you can just delete the segments you don't want. This is especially helpful for multi-way road networks or intersections and saves the user much frustration and hard work!
Nice work adding that functionality :-) But can you explain what you mean by 'refactored much of the code'? I remember adding the feature too (off-screen) and it was just adding an event listener for it, not modifying existing things.
@@Radu For me, I modified how segments and points were handled as well as added constructor values to sort whether the user wants to remove points and segments or just the segments themselves, more or less QoL things I added mostly for both the developer’s benefit and user’s benefit. Then ofcourse the event listener for segment mousehover :)
@@Memeathon_Dev Ok :-) I think I just kept the right click and... checked whether the nearest thing is a segment or a node and removed the thing one way or another (can't say for sure... did it quite fast... and also implemented a feature where I remove things within a radius: like the eraser tool in Photoshop. I needed that when editing larger worlds).
@@Radu Oh! Nice! That’d definitely be great instead of pain-stakingly deleting each road by hand 😂 Well, do you plan on working on another similar series? Maybe reinforcement learning or of the sorts? I’ve got to say, your way of teaching is very entertaining and I truly learnt a lot from you! I hope you are able to make some more AI content. 😃
Thank you @Radu. Congratulations to the participants.
👏👏👏
Nice one guys.
:-)
Radu spectacular video! Congratulations. I hope someday you can make a video with a Latin American audience. It's an interesting market, it's just the language thing. But I think it's still not an obstacle.
Trust me, you wouldn't want to hear me speak Spanish :-)
very nice your teaching
Thank you! :-)
**Official Ranking** 1. Henrique Carro (hrt94) 2. Spokey 3. Krel Backstabba🔪 4. Right-hand-rule car (from the course) 5. Hubertron (Black Hawk) You can race against those AI cars yourself, by going here: radufromfinland.com/projects/aiCarPlayground/race
Congrats to everyone who participated. I wanted to but never found the time after I'd started the course.
It's just normal :-) time is short
Even more...😁👍
Is this software engineer course as well as ai? 😀
Yes, if you start from Phase 1 :-)
I love Radu. Great teacher.
Thanks :-)
28:00
19:55
What about it?
your vscode looks so clean. how did you do that
Not sure what you mean by 'clean' :-)
In phase 3, how can we load up the big world instead of this mini world as full 3D. 😢 I tried by myself but it didn't load the big world properly. Please teach me how to load the big world instead of mini world in phase 3 as 3D.
Define big world :-) I gave some hints in this live stream how you can support bigger worlds: czcams.com/users/liveMj7gzO8GD3E But... even those would help just a bit. For bigger ones you need even more advanced things (like spatial indexing and dynamically loading new data on request).
@@Radu Can you teach me please, since I am a final year BCA student and after this month ends it's my graduation so, if I get enough knowledge to create a virtual world of basic imaginations of anyone it's a huge plus point for me.
Great! Thank you, sensei
Any time! :-)
What’s the purpose of of this video?
I had many reasons for making this... - to teach DOM manipulation - to teach Developer Tools - to show how to use data from some API - to show how easy it is to fake data on the web (people should know) - to show how you can demo features of different apps without leaking private information Why do you ask?
Look, i am just evil black hat guy. To add more drama, make a chrome extension to do that automatically once you open your gmail. And then you can record your screen and tell to your friends. Look, my professor sent me these hot pictures on my email. Ahahahah Before you record the video, send some ai generated pictures from other email and make javascript use your professor's email, name and signature. You can convince everyone in the room 100%. LoL
Hope nobody does that 😕 But there is so much fake news nowadays that I'm quite sure people don't instantly believe something like that :-P
Kkkkk o nome do cara é dura man kkkk esse gosta de um crack
3:41 the link is not in the description, tho...
Thanks for pointing it out. Now it is.
Am taking this course also.
Good luck!
Wonderful video. I like these semi-advanced tips that can be useful sometimes. Question: Why didn't you use document.querySelectorAll() ? or better yet, modern browsers like chrome and firefox, will allow you to use the $() as shorthand for document.querySelectorAll(), which is what jQuery is currently using, but with some limitation. I think it would have saved some space.
I didn't know $() works now like in jQuery :-) I guess I need to update my skills as well.
Thanks for this awesome tutorial.
You're very welcome! :-)