No Black Box Machine Learning Course - Learn Without Libraries

[@freecodecamp]

Next, learn from Radu how to create a virtual world, populated by self-driving cars: kzbin.info/www/bejne/jJCmaH9tr8qfsJo

[@ap666-o8h]

This guy is one of the best teachers on KZbin and he is totally underrated.

[@Radu]

Thanks, Aitor :-)

[@niyagentleman8143]

@Franks Laboratory too

[@ap666-o8h]

@@niyagentleman8143 I know his channel and I agree with you, he is also a really good teacher.

[@niyagentleman8143]

^^@@ap666-o8h

[@codingjugaad8777]

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

[@Radu]

Thanks :-) glad you like the course.

[@Radu]

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 :-)

[@2plus2eqaul5]

Your channel’s ‘My Weird Stuff’ section captivated me, even though I was looking for ML 😆wish u all the best

[@Radu]

@@2plus2eqaul5 Haha! Good :-)

[@davidmurphy563]

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!!!

[@Radu]

@@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)

[@thatsalot3577]

You're the one of the best and wholesome teachers I've met in my entire life.

[@Schnickenpick]

I woke up here

[@reynoxhaha2365]

bruh same

[@Schnickenpick]

@@reynoxhaha2365 I saw someone who woke up here but some how when I wanted to reply the comment disappeared😂

[@Ar7xM]

💀 me too

[@Schnickenpick]

@@Ar7xM we’ve gotta start a club

[@Ar7xM]

@@Schnickenpick hahahaha

[@stbuchok]

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]

Glad to hear you found this course. Hope you'll like it :-)

[@stbuchok]

@@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.

[@Radu]

@@stbuchok Good luck porting it to C#. I don't think there'll be any problem with that.

[@ivgadev]

This man is the most underrated in this community. The content he made is just insane.

[@Radu]

Thanks Iván for the nice comment :-)

[@nikachkhobadze7710]

Yeah and it's free 🤯🤯🤯 its unbelievable for me

[@m.h.6494]

@@RaduI really love your calm and friendly teaching style. I feel you’re a very good person. Thankyou!

[@leroyparker]

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.

[@Radu]

Can you share your code on my Discord? I'll have a look.

[@shriniwas_patwardhan]

Thanks!

[@pearlboy]

Thanks!

[@godlikemouse]

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 :)

[@Radu]

Ok. Thanks! I'll try it out.

[@ezsu]

You are the best❤

[@Radu]

Thanks :-)

[@francoisarbour1207]

The fact this is free content blows my mind, incredible value. Thanks!

[@Radu]

You're welcome!

[@stephanedibo8167]

This Guy is a genius and really good teacher, be blessed

[@Radu]

Thanks :-) but not really a genius. Just a lot of practice.

[@lowlevelexplorer]

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.

[@Radu]

Happy to hear you like my content :-)

[@smanqele]

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!

[@Radu]

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 :-)

[@manipurihunabopa]

'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

[@danielanson5120]

phenomenal course! Dr Radu is the best and with such a patient and explanatory demeanor, a genuine pleasure to watch and learn from.

[@Radu]

Thanks :-)

[@papatangovictor]

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...

[@Radu]

Thank you :-)

[@m.h.6494]

I really love your calm and friendly teaching style. Also very well explained! WOW! Thank you so much

[@Radu]

Thanks for watching :-)

[@toyin5522]

Imagine having this guy as your professor So good 👍 👏

[@Radu]

Thanks :-)

[@PhilR0gers]

By watching this video, we do!

[@Radu]

@@PhilR0gers :-)

[@nunofigueira8691]

I decide watch this course just to validate the summer, and it catch all my attention. Thank you very much.

[@Radu]

Thanks for watching :-)

[@bkosimi]

Amazing! Radu is probably one of the best programming teachers, easy to follow and comprehensive delivery of complex content. Bravo!

[@Radu]

Thank you!

[@donjurke2286]

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]

Thanks!

[@anmolsharma4049]

He's very genius, I'm amazed by his fundamental understanding of concepts. True computer scientist

[@Radu]

Thank you :-)

[@pixelseeker]

Very good post. Guy was coding non-stop without error. Funny laugh at 40:37 😆"Please draw an undefined"

[@celenial6009]

I havent watched yet but can tell by the comments that you are a great teacher

[@Radu]

Thank you :-) hope you'll watch it at some point :-D

[@yasirmehmood4295]

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

[@Radu]

Sure. You can also ask if something is unclear.

[@julianbullmagic]

Really looking forward to part two. This is a very effective teaching style for this subject.

[@Radu]

Thank you. Working on it now.

[@KiyotakaAyanokoji1]

@@Radu eagerly waiting ☺

[@Radu]

@@KiyotakaAyanokoji1 there are already few videos out on my channel.

[@kilicsa]

I would like to thank u, I dont work in the software industry but it was nice listening u when improving my english novadays!!

[@Radu]

You know I'm not a native English speaker, right? Maybe not the best to learn from me :-))

[@kilicsa]

@@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.

[@kilicsa]

@@Radu Man, if I listen to you any more, I'm gonna put my guitar away and start coding :))

[@Radu]

@@kilicsa :-))))

[@Radu]

@@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 :-)))

[@ekn9926]

Thanks

[@Radu]

Thanks for watching :-)

[@khalidelgazzar]

Watched the first 30 minutes & really looks great

[@Radu]

Thanks! Let me know if you eventually go all the way :-)

[@HeyboyMackerel]

Am i the only one who woke up here

[@threeuniquefingers]

Apparently No!

[@Marsh9344]

I Did

[@gordjy]

Lol, me too

[@W.H.A.P.]

Me too - must be destiny

[@SweetLilitis]

Lmao

[@duke_adi]

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]

Yes, but I've collected the data using the app on my website = my code :-) and it was 400 x 400.

[@duke_adi]

@@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.

[@Radu]

@@duke_adi could be :-) the beauty of web development...

[@almostrandomnickname]

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.

[@Radu]

Thank you :-)

[@bailahie4235]

I like the "Garbage --> cogs --> Garbage" diagram at 2:40 in the explanation to summarise the importance of understanding your training data. 🤣

[@Radu]

Thanks! :-)

[@parsonsmarcus]

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.

[@Radu]

Hi, thanks for the tip!

[@solodoumbia2095]

Fantastic hack! I did everything you showed here and it worked! Thanks a lot!

[@Radu]

Glad to hear :-)

[@LodeStarYT]

Looking forward to part 2. This one was very interesting

[@Radu]

It starts next week on my channel :-)

[@billionairesayss]

Always delivery fire ❤️

[@kelvinclark3474]

you can change all the onmouse*** to onpointer*** to not set the ontouch*** events. THe onpointer**** registers the event for both mouse and touch.

[@Radu]

Thanks! I'll try it out :-)

[@justdoeverything8883]

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.

[@Radu]

Thanks for the tip!

[@naistudio3119]

Thanks, Dr.Radu.

[@Radu]

No problem :-)

[@ashganmustafa9031]

Such a great course , I am enjoying it 😊

[@financewithsom485]

Thanks Radu bhai kya course banaya phad diye bhaiii

[@Radu]

You're welcome!

[@frankdearr2772]

Great topic, thanks 👍

[@hoanhvuvan5165]

thank you sir, appreciated!! ❤❤

[@Radu]

You're welcome!

[@DannyDusse]

Completed after one and a half weeks. This channel is amazing!

[@meschann]

Your video is very good, deserves a subscription and I hope so too. Thank you for your enthusiasm.

[@Radu]

You're welcome :-)

[@Ippikiokami365]

1:00:52 Don't you get import and export keywords in JavaScript?

[@Radu]

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.

[@pudum4916]

You are outstanding ❤

[@mathiasmiller1939]

So at 1:28:36 what do we see at the right middle side of the chart?

[@Radu]

Maybe you have the wrong timestamp? The chart is not visible there.

[@BreezeTalk]

This, Monte Carlo, Linear Algebra, GeoSpatial, Trees and Classifiers and you have a good background of ML and Stats

[@Radu]

I do plan to extend this course with more things. Thanks for the tips :-)

[@zubiarfan]

Great content, thank you!

[@Radu]

You're welcome!

[@ryouko2971]

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?

[@Radu]

The tutorial for how I made the Chart is in linked in the description. Or is your question: Why I decided to do it?

[@JohnDoe_69_420]

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

[@Radu]

Haha, thanks :-)

[@kingcoder31aug]

i want more videos like this where i can learn depper concepts of cnn , rnn like that . This video was great 🔥🔥

[@MaximeCHEVASSON]

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

[@Radu]

Thank you.

[@dominikrodler8010]

You didn't get the DOCTOR House joke apparently, which I found quite funny 😁 Really nice course!

[@Radu]

There was a Doctor House joke? :-)) I don't remember adding one

[@FOM_extras]

omg it's Radu! yay!

[@Radu]

Yey :-)

[@fahad_hassan_92]

20:56 Can someone explain what he has done here? Why create a const draw with the curly brackets and what is draw.path? You can also just tell me the topic name if you don't want to explain here, I can do research on it myself then

[@Radu]

I'm just grouping drawing methods part of the draw object. So, draw.path is just calling the path function (method). I do this because it will be easy to import the object later in Node, as well.

[@fahad_hassan_92]

@@Radu Thanks!

[@Radu]

@@fahad_hassan_92 No problem.

[@LightninK1ng]

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

[@Radu]

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 :-)

[@_yllw6155]

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

[@Radu]

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...)

[@pearlboy]

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.

[@duke_adi]

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 😀

[@Radu]

:-) thanks for the invite

[@abdulbasitrajpoot2713]

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?

[@quantumastrologer5599]

Essentially centering a div in the first ten minutes. What a flex.

[@Radu]

:-))

[@TrailblazingYT]

really good teacher, thanks

[@Radu]

Thanks!

[@meso9497]

Hi, to fix the issue with moving screen on apple devices touch screens, in the css stylesheet, body selector, set the touch-action to none and you good to go.

[@Radu]

Really? Thanks! I'll try it out as soon as I get my hands on an apple device :-)

[@meso9497]

@@Raduall good, it worked perfectly for me on my iphone!.

[@Radu]

@@meso9497 Awesome, thanks!

[@praveenl169]

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

[@Radu]

Thanks for the tip!

[@Artavazd.kirakosyan]

1:01:03 it creates a buffer with black color, it does not take ctx data into it... all of the images are black... anyone has a hint here?

[@Radu]

Strange. Can you try drawing a white rectangle over the canvas first, before drawing the paths?

[@Artavazd.kirakosyan]

@@Radu thank you very much for advice, I will report back after trying.

[@Artavazd.kirakosyan]

I have resolved the issue by doing this: // draw.paths = (ctx, paths); // commented out for (const path of paths) { draw.path(ctx, path, "black") }

[@moritzvaneimern299]

Yep I fell asleep on youtube, and I woke up to this at 3:51:30

[@moritzvaneimern299]

Aktually 2:15:28 ... yeah I am still tired

[@feitan8745]

sometimes people just want to go vanilla all the way. amazing content.

[@Radu]

Thanks! :-)

[@vivekmohan4271]

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?

[@Radu]

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).

[@JuniorMarques79]

Very nice, thanks.

[@Radu]

You're welcome!

[@johnsonisreal4530]

Why this is interesting and enjoy the course alot.

[@Radu]

Happy you like the course!

[@robertosotoalvarez817]

May I ask how do you insert your video in the output window in VS Code?

[@Radu]

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 :-)

[@robertosotoalvarez817]

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!

[@Radu]

@@robertosotoalvarez817 no, nothing fancy like that :-)

[@mehrdad1068]

My favorite course

[@Radu]

Glad to hear :-)

[@pratronald]

Can't we combine this with Python? JS for the web app and Python for the ML code implementation?

[@Radu]

Sure you can, you just need to reimplement some of the functions that are used both on the front-end and back-end.

[@zer001]

This is the second video of you that i watched. And i love it! 1:18:02 Best joke ever.

[@Radu]

:-))

[@myWorldDiscover]

perfect 🎉 thanks a lot!!

[@Radu]

You're welcome!

[@JamesVillalon-h1l]

thank you for helping us to learn

[@Radu]

Glad to hear you're learning!

[@alissonpontes1491]

Parabéns manoooo

[@ai-force3792]

thats fantastic

[@kyassa6528]

Thanks a lot!

[@pavelpavlov954]

Amazing!!!!

[@vishaljepar1437]

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

[@AQ22W]

(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?

[@meganova609]

2:35:15 just pass the nearestSample it got all the value

[@Radu]

Good point!

[@Ou8y2k2]

Does this course have any prerequisites? Do you need to know JS, or can you be a beginner programmer? What about maths requirements?

[@Radu]

Yes, check the description for some videos that teach what you need to know (math and code fundamentals)

[@LarearYT]

Apparently KZbin 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.

[@Radu]

You could take it as a challenge to implement this in C#. I'm not using libraries, so, many things are quire straightforward.

[@saadafzal8594]

@Dr. Radu add the following to your css will make the font responsive: :root { font-size: calc(0.5em + 1vw); }

[@Radu]

Hi, Thanks for the tip :-)

[@Archbishop-Desmond-Tutu]

We need part 2! Please!

[@Radu]

It's now out :-)

[@dhrambiragarwal3520]

Helpful❤

[@kimberlywhite8399]

Sir, I need help on this because the canvas doesn't show up

[@Radu]

You can try submitting your code on my Discord and I'll have a look.

[@vrk1131]

This is the first thing I saw after waking up

[@rethabileselekoe6832]

Me too 😂

[@Mike-jq7os]

Why don't you use Emmet Abreviation ? 🧐

[@Radu]

In general, I avoid fancy auto-completing features when making tutorials for many reasons like: - To keep the attention in one place (at the cursor) as much as possible - Some people don't use VS code and don't have all the features I usually disable all autocompleting features in VS code... I forgot to do that in my last live stream and it wasn't great. Huge tooltip windows appearing all the time. They cover much of the code I was trying to explain.

[@cosmicwitness3390]

what is the point of having those javascript objects in the project files?

[@Radu]

They are so we can load them in the web visualizer. Can't load JSON files because of cors without a server and my live server extension is buggy so I had to use this 'not so straightforward' solution.

[@RichReflectionz]

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

[@paulaneesh7]

JS is "Jack of all trades'".

[@nonstopper]

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.

[@edward8064]

​@@nonstopper yeah, Python is just the API language

[@Radu]

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.

[@Radu]

@@nonstopper True.

[@neilclay5835]

Fascinating

[@Radu]

:-)