This is fantastic. I've been following along, keystroke for keystroke all day today, 5 hours to reach the 54 min mark - I pause a lot to double check everything. Unfortunately, I've hit a wall and I think it might be a Mac thing. When trying to run the dataset_generator for the first time, about 54:30 in the video, it throws an "unexpected token in JSON at position 0" (two spaces after 'token" implying a null/undefined value there). figured I'd share this in case, 1) someone else has worked through it, and 2) you might not have received much feedback from mac users if your students are a PC clan. In any event, I'll eventually debug this, I'm just so thankful for you and this content. Please keep up the good work.
Hi Radu, I just finished the first part of the course. Great so far, thank you. You asked if there was a better way to handle the download anchor click. I'd like to suggest the following: const element = document.createElement("a"); element.setAttribute( "href", "data:text/plain;charset=utf-8," + encodeURIComponent(JSON.stringify(data)) ); const fileName = data.session + ".json"; element.setAttribute("download", fileName); element.click(); There shouldn't be any need to actually inject the anchor into the document. You can simply create the element and invoke the click directly in memory. Hope this helps :)
I have a saying for myself "I don't want to learn to use a library, I want to learn how to write that library." Free online courses like this help everyone. Thank you. I haven't started it, but I've wanted to get into learning more about ML, specifically from Javascript. I have a feeling this is going to fit my needs perfectly.
@@Radu 30 minutes in while also modifying the code slightly for what I like. I don't want to use Node, so I'm going to try to translate it to C# for the server side stuff. But I'm enjoying it so far. Although I we aren't at the ML part yet, still nice to see everything. Huge thanks from all of us.
Occasionally I have to play you at 0.25 speed just to keep up with the coding ( because I want to write it with you ), which it might take me more than a day's working hours to complete. But I'll make it, and thank you for the engaging teaching style!
Sure, what I do is really scripted so I can be quite fast. Understanding these things well can be really time consuming, though. Just implementing by following along may not be enough :-)
Dr. Radu is a true inspiration for me, I always liked the way he delves deep into the underlying implementation and the inner workings of these complex topics. Sir, You are truely awesome.
vow, best teacher ever! thank you so much! On touchscreen scetchpad and whole page starts scrolling when I draw. As suggested fix in css file: body{ overscroll-behavior: none; } did not work, but html{ overscroll-behavior: none; } worked
@@Radu Yup I know but It's good to hear you, man Maybe you could stop talking tech and sing a song? I'm a rock guitarist anyway, and we could blast a good English song together.
Machine learning is not a metaphysical abstraction that will allow machines to dominate humanity. Which is already dominated by the interests of large corporations that have governments in their pockets. Technically it's just fine-tuned probability based on sophisticated code and a lot of processing power. And this guy is a root programmer with excellent teaching skills. The best and most demystifying introduction to the topic I've seen in 5235 YT videos...
loved the earlier part of the video but it got kinda hard for me since I'm not that proficient in JS, will definitely revert back later. Thanks Dr. Radu
'Code without libraries and create my own machine learning driven application' is what I dreamed of before I got my laptop. Thank you guys for this course
Apparently RUclips really wants me to learn this but I haven't even started on trying to learn C# as my first language which I'd already have use cases for.
This is an awesome course, but I just want to add, so many of the little annoyances on the drawing app can be avoided by using pointerevents, which work for touch and mouse events, and allow you to capture the event instead of having to put the listener on the document itself.
Just as a quick aside in the beginning part, if you set the content type to "text/plain" in the data string, you may run into issues when downloading file data because the browser thinks it should be a .txt file. If you instead set the content type to be "application/json", it will download just fine without a warning. Like so: "data:application/json;charset=utf-8" Chrome warned me on MacOS whenever I wanted to download this file with a .json extension that had a content type of text/plain.
At 2:24:00 hrs, professor asks about the possibility for some heights or widths going beyond 400, the most easy solution could be fault in the user's code where instead of 400 height and width, the user accidentally filled a bigger value!
@@Radu That's true for me as well, which might mean that in certain laptop_os+browser set, mouse click beyond the borders results in >400 width/height.
Hey Dr.Radu, can you create a video on how you went about creating your own Chart component? That was an amazing moment when you went out of your way to create something like that and inspired me to build my tools like this. Any source or recommendations for learning this?
awesome loved it was no library, great way to get a grasp of how things are made under the hood. great tutorial doc! make more!!!!! always the best free code camp, I learned coding better with you guys.
(1) Thank You. (2) iCON Use For Graph. (3) # of Neighbors For Classification. (4) "Country-Bubble-Color" For Each Object iNSTANCE, Was Enlightening. (5) Details = Better Graphical Pointing. (6) Label Which Pieces Of Code, Correct Which Errors (Error Database)...To Differentiate Between Base Code & ECC (Error Correcting Code). (7) Play Video @ A Faster Speed (For Longer Videos). (8) What Are Your Top 10 Companies That You Work For?
Excellent course Sir! I have learnt so many things from this video that it is difficult to note them down! Sir , you should come to any university in India for teaching computer science since your teaching style and personality skills are in most demand here 😀
I've apple silicon, somehow I was finding difficulty in most of the node version on using canvas. When I tried with node version 10 it worked. sharing it as information. as it might help someone out there.
Because you can jump right in... and datasets have some 'good properties' that can demonstrate some specific things better than others. It's also the reason why courses change datasets from time to time to demonstrate different things. Here I hope to have a more realistic setting :-)
Python is only ever considered good at ML because some of the most popular ML libraries happened to be made available for it. The libraries are usually not even written in python.
Sure, machine learning algorithms can be implemented in any language, pretty much... The best languages to use are those that run the fastest (like C / C++) and the easiest to use are those that have a lot of libraries for it (like Python). I use JavaScript to make some working apps that are easy to share, not just the machine learning part in isolation.
They are... But they only work via http, not locally. And for some reason, the live server extension was slow and glitchy (for me) when I implemented this project. So... some things could have been made nicer.
Is there any specific reason or benefit he doesn't use spaces when assigning variables, declaring conditionals, or creating for loops? Is it simply preference? I think most people (including me) would write like this: const foo = 'bar'; for (let i = 0; i < baz.length; i++) { ... } but he writes like this (and I've seen some others): const foo='bar'; for (let i=0;i
I normally use spaces (as you describe). But when I make tutorials I try to keep the font size as large as possible (some people watch on their phones). I also don't want the code to go off-screen to the right so that viewers don't have to scroll through the video to see the part they need to see... Removing spaces helps with that. But in phase 2 of this course I tried using a wider screen and added the spaces (experimenting all the time...)
The implementation could be made more efficient. I gave some homework tasks about optimizing, you can try them out, or see phase 2 where I implemented some of them (that may work faster for you).
Hope you have fun with this course! If you have questions, comments, or suggestions, please reach out in the comments section or on my Discord server. Happy Coding :-)
Hey buddy! I so enjoyed our exchange in the car AI course. I'm dying to do this but I'm still very busy... I'm curious why you convert to csv for python, json works just fine in python. I suspect that json is just as common in python as csv, maybe more so. Meh, csv works fine too. Anyway, just wanted to thank you for spending so much time helping me and listening to my silly ideas. A huge thank you!!!
@@davidmurphy563 True, they are both natively supported in python. It's just my guess that CSV is more popular (me and my colleagues, at least, used it in combination with Excel and it made some things easier)
Ooooooo Radu's going mainstream now, this is so cool! Hopefully he's going to gain some subscribers from this, which is super great, Radu deserves the recognition for the amount of valuable education he provides! Gonna code, debug, and have fuuuuun, Coding with Radu... Coding with Radu
Wow! Thanks Radu. I already usted OBS, but I thought you used the Visual Studio Output Window with something like a web page. I googled trying to find how to do that in vain. The simplest solutions are the best as you always do. Thanks again!
Next, learn from Radu how to create a virtual world, populated by self-driving cars: ruclips.net/video/V_C7L7zelz8/видео.html
Best part the course is not using a Library. So by learning implementation steps one can write in any language. Dr. Radu is just awesome
Thanks :-) glad you like the course.
I woke up here
bruh same
@@reynoxhaha2365 I saw someone who woke up here but some how when I wanted to reply the comment disappeared😂
💀 me too
@@Ar7xM we’ve gotta start a club
@@Schnickenpick hahahaha
This guy is one of the best teachers on RUclips and he is totally underrated.
Thanks, Aitor :-)
@Franks Laboratory too
@@niyagentleman8143 I know his channel and I agree with you, he is also a really good teacher.
^^@@ap666-o8h
This is fantastic. I've been following along, keystroke for keystroke all day today, 5 hours to reach the 54 min mark - I pause a lot to double check everything. Unfortunately, I've hit a wall and I think it might be a Mac thing. When trying to run the dataset_generator for the first time, about 54:30 in the video, it throws an "unexpected token in JSON at position 0" (two spaces after 'token" implying a null/undefined value there). figured I'd share this in case, 1) someone else has worked through it, and 2) you might not have received much feedback from mac users if your students are a PC clan.
In any event, I'll eventually debug this, I'm just so thankful for you and this content. Please keep up the good work.
Can you share your code on my Discord? I'll have a look.
Hi Radu, I just finished the first part of the course. Great so far, thank you. You asked if there was a better way to handle the download anchor click. I'd like to suggest the following:
const element = document.createElement("a");
element.setAttribute(
"href",
"data:text/plain;charset=utf-8," +
encodeURIComponent(JSON.stringify(data))
);
const fileName = data.session + ".json";
element.setAttribute("download", fileName);
element.click();
There shouldn't be any need to actually inject the anchor into the document. You can simply create the element and invoke the click directly in memory. Hope this helps :)
Ok. Thanks! I'll try it out.
I have a saying for myself "I don't want to learn to use a library, I want to learn how to write that library." Free online courses like this help everyone. Thank you. I haven't started it, but I've wanted to get into learning more about ML, specifically from Javascript. I have a feeling this is going to fit my needs perfectly.
Glad to hear you found this course. Hope you'll like it :-)
@@Radu 30 minutes in while also modifying the code slightly for what I like. I don't want to use Node, so I'm going to try to translate it to C# for the server side stuff. But I'm enjoying it so far. Although I we aren't at the ML part yet, still nice to see everything. Huge thanks from all of us.
@@stbuchok Good luck porting it to C#. I don't think there'll be any problem with that.
Occasionally I have to play you at 0.25 speed just to keep up with the coding ( because I want to write it with you ), which it might take me more than a day's working hours to complete. But I'll make it, and thank you for the engaging teaching style!
Sure, what I do is really scripted so I can be quite fast. Understanding these things well can be really time consuming, though. Just implementing by following along may not be enough :-)
Dr. Radu is a true inspiration for me, I always liked the way he delves deep into the underlying implementation and the inner workings of these complex topics. Sir, You are truely awesome.
Happy to hear you like my content :-)
vow, best teacher ever! thank you so much!
On touchscreen scetchpad and whole page starts scrolling when I draw. As suggested fix in css file:
body{
overscroll-behavior: none;
} did not work, but
html{
overscroll-behavior: none;
} worked
Thanks!
This Guy is a genius and really good teacher, be blessed
Thanks :-) but not really a genius. Just a lot of practice.
I would like to thank u, I dont work in the software industry but it was nice listening u when improving my english novadays!!
You know I'm not a native English speaker, right?
Maybe not the best to learn from me :-))
@@Radu Yup I know but It's good to hear you, man Maybe you could stop talking tech and sing a song? I'm a rock guitarist anyway, and we could blast a good English song together.
@@Radu Man, if I listen to you any more, I'm gonna put my guitar away and start coding :))
@@kilicsa :-))))
@@kilicsa :-)) I do have an intro song on videos on my channel :-D if you listen to that you might change your mind about me singing :-)))
He's very genius, I'm amazed by his fundamental understanding of concepts. True computer scientist
Thank you :-)
You are the best❤
Thanks :-)
This man is the most underrated in this community. The content he made is just insane.
Thanks Iván for the nice comment :-)
Yeah and it's free 🤯🤯🤯 its unbelievable for me
@@RaduI really love your calm and friendly teaching style. I feel you’re a very good person. Thankyou!
Machine learning is not a metaphysical abstraction that will allow machines to dominate humanity. Which is already dominated by the interests of large corporations that have governments in their pockets. Technically it's just fine-tuned probability based on sophisticated code and a lot of processing power. And this guy is a root programmer with excellent teaching skills. The best and most demystifying introduction to the topic I've seen in 5235 YT videos...
Thank you :-)
Imagine having this guy as your professor
So good 👍 👏
Thanks :-)
By watching this video, we do!
@@PhilR0gers :-)
loved the earlier part of the video but it got kinda hard for me since I'm not that proficient in JS, will definitely revert back later. Thanks Dr. Radu
Sure. You can also ask if something is unclear.
'Code without libraries and create my own machine learning driven application' is what I dreamed of before I got my laptop. Thank you guys for this course
Thanks, Dr.Radu.
No problem :-)
Apparently RUclips really wants me to learn this but I haven't even started on trying to learn C# as my first language which I'd already have use cases for.
You could take it as a challenge to implement this in C#. I'm not using libraries, so, many things are quire straightforward.
The fact this is free content blows my mind, incredible value. Thanks!
You're welcome!
phenomenal course! Dr Radu is the best and with such a patient and explanatory demeanor, a genuine pleasure to watch and learn from.
Thanks :-)
I decide watch this course just to validate the summer, and it catch all my attention. Thank you very much.
Thanks for watching :-)
you can change all the onmouse*** to onpointer*** to not set the ontouch*** events. THe onpointer**** registers the event for both mouse and touch.
Thanks! I'll try it out :-)
I havent watched yet but can tell by the comments that you are a great teacher
Thank you :-) hope you'll watch it at some point :-D
Better and secure way to save json data - create blob, create a temporary url for the blob, trigger the download, clean up the temporary url
Thanks for the tip!
Very good post. Guy was coding non-stop without error. Funny laugh at 40:37 😆"Please draw an undefined"
I really love your calm and friendly teaching style. Also very well explained! WOW! Thank you so much
Thanks for watching :-)
This is an awesome course, but I just want to add, so many of the little annoyances on the drawing app can be avoided by using pointerevents, which work for touch and mouse events, and allow you to capture the event instead of having to put the listener on the document itself.
Thanks for the tip!
Am i the only one who woke up here
Apparently No!
I Did
Lol, me too
Me too - must be destiny
Lmao
Watched the first 30 minutes & really looks great
Thanks! Let me know if you eventually go all the way :-)
Just as a quick aside in the beginning part, if you set the content type to "text/plain" in the data string, you may run into issues when downloading file data because the browser thinks it should be a .txt file. If you instead set the content type to be "application/json", it will download just fine without a warning. Like so: "data:application/json;charset=utf-8"
Chrome warned me on MacOS whenever I wanted to download this file with a .json extension that had a content type of text/plain.
Hi, thanks for the tip!
Amazing! Radu is probably one of the best programming teachers, easy to follow and comprehensive delivery of complex content. Bravo!
Thank you!
At 2:24:00 hrs, professor asks about the possibility for some heights or widths going beyond 400, the most easy solution could be fault in the user's code where instead of 400 height and width, the user accidentally filled a bigger value!
Yes, but I've collected the data using the app on my website = my code :-) and it was 400 x 400.
@@Radu That's true for me as well, which might mean that in certain laptop_os+browser set, mouse click beyond the borders results in >400 width/height.
@@duke_adi could be :-) the beauty of web development...
This, Monte Carlo, Linear Algebra, GeoSpatial, Trees and Classifiers and you have a good background of ML and Stats
I do plan to extend this course with more things. Thanks for the tips :-)
Yep I fell asleep on youtube, and I woke up to this at 3:51:30
Aktually 2:15:28 ... yeah I am still tired
Smc bohat hard lagta tha lekin aapki videos dekhke ab easy hogya h lekin kuch bate repeatly dekhna padta h samjne k liye lekin samaj aa jata h
Hey Dr.Radu, can you create a video on how you went about creating your own Chart component? That was an amazing moment when you went out of your way to create something like that and inspired me to build my tools like this. Any source or recommendations for learning this?
The tutorial for how I made the Chart is in linked in the description. Or is your question: Why I decided to do it?
Your video is very good, deserves a subscription and I hope so too. Thank you for your enthusiasm.
You're welcome :-)
awesome loved it was no library, great way to get a grasp of how things are made under the hood.
great tutorial doc! make more!!!!! always the best free code camp, I learned coding better with you guys.
Thank you :-)
Thanks Radu bhai kya course banaya phad diye bhaiii
You're welcome!
Really looking forward to part two. This is a very effective teaching style for this subject.
Thank you. Working on it now.
@@Radu eagerly waiting ☺
@@KiyotakaAyanokoji1 there are already few videos out on my channel.
I like the "Garbage --> cogs --> Garbage" diagram at 2:40 in the explanation to summarise the importance of understanding your training data. 🤣
Thanks! :-)
really good teacher, thanks
Thanks!
(1) Thank You.
(2) iCON Use For Graph.
(3) # of Neighbors For Classification.
(4) "Country-Bubble-Color" For Each Object iNSTANCE, Was Enlightening.
(5) Details = Better Graphical Pointing.
(6) Label Which Pieces Of Code, Correct Which Errors (Error Database)...To Differentiate Between Base Code & ECC (Error Correcting Code).
(7) Play Video @ A Faster Speed (For Longer Videos).
(8) What Are Your Top 10 Companies That You Work For?
Essentially centering a div in the first ten minutes. What a flex.
:-))
Excellent course Sir! I have learnt so many things from this video that it is difficult to note them down! Sir , you should come to any university in India for teaching computer science since your teaching style and personality skills are in most demand here 😀
:-) thanks for the invite
Looking forward to part 2. This one was very interesting
It starts next week on my channel :-)
Fantastic hack! I did everything you showed here and it worked! Thanks a lot!
Glad to hear :-)
i want more videos like this where i can learn depper concepts of cnn , rnn like that . This video was great 🔥🔥
thank you for helping us to learn
Glad to hear you're learning!
I've apple silicon, somehow I was finding difficulty in most of the node version on using canvas. When I tried with node version 10 it worked. sharing it as information. as it might help someone out there.
You are outstanding ❤
Great topic, thanks 👍
Completed after one and a half weeks. This channel is amazing!
sometimes people just want to go vanilla all the way. amazing content.
Thanks! :-)
thank you sir, appreciated!! ❤❤
You're welcome!
You didn't get the DOCTOR House joke apparently, which I found quite funny 😁
Really nice course!
There was a Doctor House joke? :-)) I don't remember adding one
Bro, do videos for newbies too. This is very complex. Why did you create image recognizer? why did you do this with simple text values?
Pretty cool both from a thearical point, of view and from a pure JS code pov.
It makes it pretty accessible.
Thanks a lot, great job
Thank you.
@Dr. Radu add the following to your css will make the font responsive:
:root {
font-size: calc(0.5em + 1vw);
}
Hi, Thanks for the tip :-)
2:35:15 just pass the nearestSample it got all the value
Good point!
My favorite course
Glad to hear :-)
This is the first thing I saw after waking up
Me too 😂
Yup I always used to wonder why do we learn from existing datasets, when we have to built a dataset from scratch for real-time applications
Because you can jump right in... and datasets have some 'good properties' that can demonstrate some specific things better than others. It's also the reason why courses change datasets from time to time to demonstrate different things. Here I hope to have a more realistic setting :-)
We need part 2! Please!
It's now out :-)
I’m still a newbie in programming, but I thought that Python was best for ML, this is awesome that JS can be used as well
JS is "Jack of all trades'".
Python is only ever considered good at ML because some of the most popular ML libraries happened to be made available for it. The libraries are usually not even written in python.
@@nonstopper yeah, Python is just the API language
Sure, machine learning algorithms can be implemented in any language, pretty much... The best languages to use are those that run the fastest (like C / C++) and the easiest to use are those that have a lot of libraries for it (like Python). I use JavaScript to make some working apps that are easy to share, not just the machine learning part in isolation.
@@nonstopper True.
foreign variables that apply to UTF-8
Always delivery fire ❤️
Such a great course , I am enjoying it 😊
Why this is interesting and enjoy the course alot.
Happy you like the course!
So at 1:28:36 what do we see at the right middle side of the chart?
Maybe you have the wrong timestamp? The chart is not visible there.
Great content, thank you!
You're welcome!
1:00:52 Don't you get import and export keywords in JavaScript?
They are... But they only work via http, not locally. And for some reason, the live server extension was slow and glitchy (for me) when I implemented this project. So... some things could have been made nicer.
Is there any specific reason or benefit he doesn't use spaces when assigning variables, declaring conditionals, or creating for loops? Is it simply preference?
I think most people (including me) would write like this:
const foo = 'bar';
for (let i = 0; i < baz.length; i++) {
...
}
but he writes like this (and I've seen some others):
const foo='bar';
for (let i=0;i
I normally use spaces (as you describe).
But when I make tutorials I try to keep the font size as large as possible (some people watch on their phones). I also don't want the code to go off-screen to the right so that viewers don't have to scroll through the video to see the part they need to see... Removing spaces helps with that. But in phase 2 of this course I tried using a wider screen and added the spaces (experimenting all the time...)
Thank you
You're welcome!
Hey Radu, great course ! But when I run the final project on my computer, it lags and is pretty slow. Is it because my computer only has 8 gb RAM?
The implementation could be made more efficient. I gave some homework tasks about optimizing, you can try them out, or see phase 2 where I implemented some of them (that may work faster for you).
omg it's Radu! yay!
Yey :-)
Thanks a lot!
Thanks!
just woke up n realized i watched almost an entire ML 4 hour course. i slept watching a video about hedge funds or sumn...
Hope you have fun with this course! If you have questions, comments, or suggestions, please reach out in the comments section or on my Discord server.
Happy Coding :-)
Your channel’s ‘My Weird Stuff’ section captivated me, even though I was looking for ML 😆wish u all the best
@@2plus2eqaul5 Haha! Good :-)
Hey buddy! I so enjoyed our exchange in the car AI course. I'm dying to do this but I'm still very busy...
I'm curious why you convert to csv for python, json works just fine in python. I suspect that json is just as common in python as csv, maybe more so. Meh, csv works fine too.
Anyway, just wanted to thank you for spending so much time helping me and listening to my silly ideas. A huge thank you!!!
@@davidmurphy563 True, they are both natively supported in python. It's just my guess that CSV is more popular (me and my colleagues, at least, used it in combination with Excel and it made some things easier)
You're the one of the best and wholesome teachers I've met in my entire life.
Ooooooo Radu's going mainstream now, this is so cool! Hopefully he's going to gain some subscribers from this, which is super great, Radu deserves the recognition for the amount of valuable education he provides!
Gonna code, debug, and have fuuuuun,
Coding with Radu... Coding with Radu
Haha, thanks :-)
For web developers that js, css and html code is a messy, but lets exchange skills 😁
Sure! Can you share some tips to make it better? :-)
Thanks!
May I ask how do you insert your video in the output window in VS Code?
I'm using OBS to record my videos. You can add a video input on top of any window and resize it so it fits :-)
Wow! Thanks Radu. I already usted OBS, but I thought you used the Visual Studio Output Window with something like a web page. I googled trying to find how to do that in vain. The simplest solutions are the best as you always do. Thanks again!
@@robertosotoalvarez817 no, nothing fancy like that :-)
How many dataset in total are you using?
One dataset. Do you, mean, how many samples, maybe?
I was watching a swift tutorial on recursion and I woke up to this video
Bro we should start a club
It’s 5 in the morning and I was listening to game grumps when I fell asleep how did I end up here
thats fantastic
Very nice, thanks.
You're welcome!
Can't we combine this with Python?
JS for the web app and Python for the ML code implementation?
Sure you can, you just need to reimplement some of the functions that are used both on the front-end and back-end.
excellent, hope to see videos like this one in c++ or python ( without libraries ).
Visualization part takes extra amount of effort in c++ and python
great Course I just finish and it was amazing
😂😂😂
Yeah I also finished it yesterday, good stuff!
Fell asleep to something else woke up to this. I may have to actually watch it 😂
Does this course have any prerequisites? Do you need to know JS, or can you be a beginner programmer? What about maths requirements?
Yes, check the description for some videos that teach what you need to know (math and code fundamentals)
This is the second video of you that i watched. And i love it! 1:18:02 Best joke ever.
:-))
A course of federated learning with a project please!!