I just finished my last final for my last class yesterday, and I'm so happy I aced everything. I couldn't have done it without you, seriously. I feel like I owe you so much. I'm convinced I just opened the door the walk out of destitution with my new degree. You made this massive paradigm change in my life possible. Thank you.
What a gem of a tutorial! Thank you for sharing your work with everyone, Derek. I am very new to web development and your tutorials are inspirational. Maybe one day you could put together a ‘throwback tutorial ‘, say with Fortran to make a weather model, for example. Not that it would likely have the widespread relevance JS has, but it surely would have educational benefits. Again, thanks!
I can't get over you at times...I'm reading Calculus for Dummies and going over JavaScript at the same time...Very convenient. Thank you again..! Peace :)
Another excellent tutorial! Thank you very much. Just a few things I thought I'd point out, in the drawLine function you have it take values for strokeColour and lineWidth, but you never use them in the function, I assumed that was being used in the same way as the drawRectangle and drawCircle function, and it's not a particularly big issue as it inherits the values used for the drawCircle function before it, but I just thought I'd mention it in case it was accidental. Additionally, in the drawTriangle function, you essentially rewrite the drawLine function twice for the hypotenuse and the opposite. Again not sure if that was on purpose but just thought I'd let you know. Once again a wonderful tutorial! Thank you for all the hard work you do
Hello Sir Derek. I love your tutorials because you're so good at explaining things. I would like to humbly ask if you can make a "Learn in 1 vid" about how to use github or "git" or something similar to that. I tried searching and watching some videos and read about it. But I don't get it. Thank you very much.
I have a request, I recently had to create a custom simple slider with jQuery, but I just used it to mostly select and each() on certain things. I think that would be a nice project for you as well. What I made was kind of meh, it works, but it's got some artefacts and I probably won't get the job but the experience suited me great. Doing that and watching these videos is helping me get in the thought process. It also had to be infinite, that might be toggleable in your case, but yeah. Cheers!
Hi Derek !can you suggest me which programming language should I learn first ..I have no idea to learn which language first please suggest me ...have a nice day Derek ! Hope you will see this
These videos really are good! I've got an interesting language if you're interested: CUDA! Let's you program (NVIDIA) GPUs - and that would be interesting to see as opposed to always programming CPUs :)
Cool, Can you please recommend some guide if I want to have a flowchart of pictures, with clickable images that make a boarder around all the clicked img, and add a "about text" them into a table below the hole flowchart?
Should the drawLine() function have something like the below included?: ctx.strokeStyle = strokeColor; ctx.lineWidth = lineWidth; I don't understand why it would have those arguments in it.
Thank you very much for the hard work Derek :) How are you doing? Absolutely wanted to learn more about canvases,but please consider using Typescript in the next video :) Much appreciated!
@@derekbanas Nice to see you as well! :) Of course feel free to continue using Javascript up until the end of series! :) I think that's just me getting used to typed languages and using them a lot:)
Obviously this is minor and not what the video is about. Just wasn't sure if that's something you'd care to fix. Thanks so much for creating this content for us. To the point yet elaborate at the same time.
3:56 Whenever the browser has finished parsing & painting the HTML, A.K.A the DOM * The event that's firing as the page finishes loading, is "load" developer.mozilla.org/en/docs/Web/API/GlobalEventHandlers/onload
@@tarek3735 Using libraries you don't need is bad coding practice. No part of this needs react. He does have a react coding tutorial already if you're interested in learning react.
Hey Derek. Please, instead of making some sort of a project and then remaking it inside a video, just start a project from scratch, maybe get some inspiration from another one's work, so you can show the thinking process as well Because, to just list all the function names one by one (7:30) and you know exactly what you need, It's kind of pointless, since, in a real-world project, it's not necessarily like this - you have to constantly check what have you done and what's left to do, and then you have to think of how to achieve what you need to do
That actually is exactly how I made this program the first time. I made the original about 1 hour before I recorded this. I have been doing that to make the videos shorter. I always start by drawing a picture and then list the functions I need. The only line of code that I had to work through prior to making this video was line 105. The example may seem complex, but I actually found it to be pretty easy to make once I broke it down
I just finished my last final for my last class yesterday, and I'm so happy I aced everything. I couldn't have done it without you, seriously. I feel like I owe you so much. I'm convinced I just opened the door the walk out of destitution with my new degree. You made this massive paradigm change in my life possible. Thank you.
Congratulations! It has been my pleasure to help :) You did the work though
What a gem of a tutorial! Thank you for sharing your work with everyone, Derek. I am very new to web development and your tutorials are inspirational. Maybe one day you could put together a ‘throwback tutorial ‘, say with Fortran to make a weather model, for example. Not that it would likely have the widespread relevance JS has, but it surely would have educational benefits. Again, thanks!
Thank you :) I'm very happy that you liked it. Doing something complex with Fortran definitely would be a challenge
I can't get over you at times...I'm reading Calculus for Dummies and going over JavaScript at the same time...Very convenient. Thank you again..! Peace :)
Thank you :) I do my best to make original content
You are most welcome..Thanks..@@derekbanas
Another excellent tutorial! Thank you very much.
Just a few things I thought I'd point out, in the drawLine function you have it take values for strokeColour and lineWidth, but you never use them in the function, I assumed that was being used in the same way as the drawRectangle and drawCircle function, and it's not a particularly big issue as it inherits the values used for the drawCircle function before it, but I just thought I'd mention it in case it was accidental.
Additionally, in the drawTriangle function, you essentially rewrite the drawLine function twice for the hypotenuse and the opposite. Again not sure if that was on purpose but just thought I'd let you know.
Once again a wonderful tutorial! Thank you for all the hard work you do
Thank you very much :) Yes I know I didn't need some added features in the functions. I just added them because I thought they may be useful
Excellent as usual. Would you consider doing a video on GLSL? I’ve watched quite a few, but your teaching style is by far my favorite.
Thank you :) I'll make videos on anything. Thanks for the request
Hello Sir Derek. I love your tutorials because you're so good at explaining things. I would like to humbly ask if you can make a "Learn in 1 vid" about how to use github or "git" or something similar to that. I tried searching and watching some videos and read about it. But I don't get it. Thank you very much.
Thank you very much :) I have a Git series here th-cam.com/video/r63f51ce84A/w-d-xo.html
I have a request, I recently had to create a custom simple slider with jQuery, but I just used it to mostly select and each() on certain things. I think that would be a nice project for you as well. What I made was kind of meh, it works, but it's got some artefacts and I probably won't get the job but the experience suited me great. Doing that and watching these videos is helping me get in the thought process. It also had to be infinite, that might be toggleable in your case, but yeah. Cheers!
Thank you for the request :) I made a JQuery slider in this tutorial th-cam.com/video/G8DcQsYQsGE/w-d-xo.html
Hi Derek !can you suggest me which programming language should I learn first ..I have no idea to learn which language first please suggest me ...have a nice day Derek ! Hope you will see this
In my opinion Python is the best. Here is a tutorial I made th-cam.com/video/nwjAHQERL08/w-d-xo.html
Awesome tutorial. I really enjoyed it. Thanks Derek
Nice to see you again :)
These projects are really cool, also they are helpful to see Math concepts in action
Thanks Derak
Thank you :) I'm doing my best to make original fun content
Good tutorial thanks, remember learning those equations from school
Thank you :) It is amazing how useful those high school formulas are
This one is wicked, will have to go over all of this drawing a few times, but at least the math makes good sense!
It was a fun tutorial to make :)
Do you plan on covering WebGL during your canvas tutorial?
Thank you so much for doing these, they are so helpful.
I plan on making this a complete JS tutorial series using numerous libraries and frameworks including WebGL
These videos really are good! I've got an interesting language if you're interested: CUDA! Let's you program (NVIDIA) GPUs - and that would be interesting to see as opposed to always programming CPUs :)
Cool,
Can you please recommend some guide if I want to have a flowchart of pictures, with clickable images that make a boarder around all the clicked img, and add a "about text" them into a table below the hole flowchart?
HTML tutorial
Hi. How to make an object (pe car or insect )that follow and orient the cursor? Thnx
I'll see what I can do
Should the drawLine() function have something like the below included?:
ctx.strokeStyle = strokeColor;
ctx.lineWidth = lineWidth;
I don't understand why it would have those arguments in it.
great work
Thank you very much :)
3:03 In Chrome 74, You don't need to use a constructor. You just initialize the values
Thanks for the input :)
Thank you very much for the hard work Derek :)
How are you doing?
Absolutely wanted to learn more about canvases,but please consider using Typescript in the next video :) Much appreciated!
Nice to see you Exodus :) I'll see what I can do about TypeScript
@@derekbanas Nice to see you as well! :) Of course feel free to continue using Javascript up until the end of series! :)
I think that's just me getting used to typed languages and using them a lot:)
Hey can you show how to make medium.com like lazy loading of images.
Good videos
Thank you :) I do my best
At 27:25 you have arctan(45) = 1. That should be swapped. arctan(1) = 45° (or pi/4)
Obviously this is minor and not what the video is about. Just wasn't sure if that's something you'd care to fix. Thanks so much for creating this content for us. To the point yet elaborate at the same time.
Sorry about the typo. I'm glad you enjoyed the video aside from that
I hope we are inching closer to a game project
Yes very soon
@@derekbanas YAY
It's awesome 😋😋
Thank you very much :)
3:56 Whenever the browser has finished parsing & painting the HTML, A.K.A the DOM *
The event that's firing as the page finishes loading, is "load" developer.mozilla.org/en/docs/Web/API/GlobalEventHandlers/onload
Sir, can you please tell that how can i use oracle database with PHP using xampp..
I'll see what I can do
You should have first explained how canvas programming works, then explain how to build this application
I'm doing my best to make an interesting video, but also time is an issue. I plan on revisiting Canvas a lot in future videos
@@derekbanas A very nice tutorial though I wish you would have done it with svg or react
@@tarek3735 Using libraries you don't need is bad coding practice. No part of this needs react.
He does have a react coding tutorial already if you're interested in learning react.
@@NilesBlackX React is a layer of abstraction on top of JavaScript which in return provides somewhat a greater insight in design
@@tarek3735 Exactly what part of this would make use of _any_ react specific features?
Hey Derek. Please, instead of making some sort of a project and then remaking it inside a video, just start a project from scratch, maybe get some inspiration from another one's work, so you can show the thinking process as well
Because, to just list all the function names one by one (7:30) and you know exactly what you need, It's kind of pointless, since, in a real-world project, it's not necessarily like this - you have to constantly check what have you done and what's left to do, and then you have to think of how to achieve what you need to do
That actually is exactly how I made this program the first time. I made the original about 1 hour before I recorded this. I have been doing that to make the videos shorter. I always start by drawing a picture and then list the functions I need. The only line of code that I had to work through prior to making this video was line 105. The example may seem complex, but I actually found it to be pretty easy to make once I broke it down