I have been learning from the best TH-cam teachers like Brad Traversy, Mosh Hamdani, and you, but your teaching method is outstanding. You deserve more.🤟
00:01 Introduction to programming and JavaScript for web development 01:58 JavaScript introduces functions and objects. 06:23 Creating and using functions in JavaScript 08:38 Explaining how functions work without executing them 12:53 Functions in JavaScript can also return a value. 14:57 Objects are fundamental in JavaScript 19:04 Objects in JavaScript allow access to properties and methods using dot notation. 20:51 Adding interactive elements with JavaScript 24:44 Access and manipulate HTML elements using dot notation 26:35 The addEventListener method allows us to listen for specific events on an element. 30:20 Using inner text to manipulate element values 32:13 Explaining conditions and actions in JavaScript Crafted by Merlin AI.
Very useful video. Sir. I really like your way of teaching. clear and clean. Thanks so much for the effort and I'm so excited to see the next video too.
We all make mistakes and I made a big mistake a couple of days. I had a really bad experience with codepen before so when I saw you using codepen to teach html and css I was not happy. I wrote a negative comment saying why not use a text editor. I really enjoyed your videos, I deleted my comment and subscribed and learned a few things about codepen too.
No worries, I don't think I ever saw the original comment. One time while teaching a night class I had students start by opening Notepad and type "Hello" and save the file. There were students saying "I don't know what a file is" and "How do I save?" That was an eye opening experience for me haha, so now I try to teach a few concepts in CodePen first before assuming basic computer literacy. Having said that, in the next couple of lessons when we build a Dog Slideshow and a Math Game I'll be using Visual Studio Code instead of CodePen 🥳
Wow! I've poured through a lot of youtube videos and purchased a few udemy courses to try and comprehend how to use functions and not just how to make them. Thank you for this video.
Hi Brad, I am a fan of almost all of your tutorials and Udemy series. I like to ask about the music you are using at the end of each of this series of videos. anyone knows? :)
I hated javascript. Every single line of it. I used to search google for even the simplest of things, copied and pasted what I found and hoped it will work. If not, I would search again... Until I stumbled upon Brad's "10 days of Javascript" TH-cam series. I went through them in 1 day and I took his "javascript + node.js" course on another site. Now I feel like Bob Ross when dealing with JS. "Maybe there is a little event listener here on this element. Now it doesn't feel so lonely and it has purpose: bringing joy to the other elements." You are a great teacher. PS: Maybe some day you can make a video about connecting to mysql server with JS? PPS: What is the model of your keyboard if you don't mind me asking? It has a nice "clicky" sound.
Thanks! Haha, love the Bob Ross JavaScript vibes. (1) Sure, I'd probably use Node / Express (with the npm mysql package) to setup API endpoints for the front-end to use. (2) My keyboard is an old Leopold with Cherry MX Brown switches.
Thx for this video and the series. It is very well done. While watching I had the following question: How are HTML and JS are bound together? In Codepen it is via the Codepen app. But how do You link them, when You save HTML and JS in separate files?
Hi, I am Looking for PHP MySql, Have you this course, please. As from other sources, it is difficult for me to understand. or if you have any tips. _Thanks
That's a good idea! I just added that to my extra credit list of video topics. In the meantime, the MDN is my favorite documentation on the web developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
The functionality of "addEventListener" is to call the second argument(that is a function) as soon as something happens with the first argument. So In this statement addEventListener("input", amazingFunction), whenever some change will happen in the input field, amazing function will be executed And also Brad is using the variable that is storing the value of input in "ourInput" so that's how he is able to take action
Hey Brad, thanks for this clrear one. You're great! Are you considering doing a Vue.js course or tutorial. Vue.js keeps growing and may be interessting for a lot of people.
Good idea. I've never used Vue beyond the very basics (always used React) but Vue has a lot of cool features baked into its core; maybe a quick getting started video would be fun.
That's encouraging 😊, I have actually been learning alot from you right from WP tutorials, and I must say this make a whole lot of sence. Besides this is purely modern and for sure I'll be learning a whole lot from this. 😊
One of the greatest educators on the planet
I have been learning from the best TH-cam teachers like Brad Traversy, Mosh Hamdani, and you, but your teaching method is outstanding. You deserve more.🤟
I am searching for all your videos just to comment that "You are the best trainer ever
Thank you for your service to humanity
00:01 Introduction to programming and JavaScript for web development
01:58 JavaScript introduces functions and objects.
06:23 Creating and using functions in JavaScript
08:38 Explaining how functions work without executing them
12:53 Functions in JavaScript can also return a value.
14:57 Objects are fundamental in JavaScript
19:04 Objects in JavaScript allow access to properties and methods using dot notation.
20:51 Adding interactive elements with JavaScript
24:44 Access and manipulate HTML elements using dot notation
26:35 The addEventListener method allows us to listen for specific events on an element.
30:20 Using inner text to manipulate element values
32:13 Explaining conditions and actions in JavaScript
Crafted by Merlin AI.
I've seen a lot of JavaScript tutorials but I couldn't learn from anyone better than you. You are amazing and thank you for what you do❤️🔥
I'm going to check your other videos! Thanks!
Hi, I don't know English, but your videos are so amazing that I have to translate them and I'm learning two things at once. Thank you very much.
Very useful video. Sir. I really like your way of teaching. clear and clean. Thanks so much for the effort and I'm so excited to see the next video too.
You are the best instructor ever :)
you are a great teacher.
We all make mistakes and I made a big mistake a couple of days. I had a really bad experience with codepen before so when I saw you using codepen to teach html and css I was not happy. I wrote a negative comment saying why not use a text editor. I really enjoyed your videos, I deleted my comment and subscribed and learned a few things about codepen too.
No worries, I don't think I ever saw the original comment. One time while teaching a night class I had students start by opening Notepad and type "Hello" and save the file. There were students saying "I don't know what a file is" and "How do I save?" That was an eye opening experience for me haha, so now I try to teach a few concepts in CodePen first before assuming basic computer literacy. Having said that, in the next couple of lessons when we build a Dog Slideshow and a Math Game I'll be using Visual Studio Code instead of CodePen 🥳
Wow! I've poured through a lot of youtube videos and purchased a few udemy courses to try and comprehend how to use functions and not just how to make them. Thank you for this video.
Brad is BEST... guys....
Great video You're the best
You are my master... Great ..
Cool approach
Hi Brad, I am a fan of almost all of your tutorials and Udemy series.
I like to ask about the music you are using at the end of each of this series of videos. anyone knows? :)
Thanks! I feel I'm getting better at this with each video, provided I practice.
You're the best
Was waiting since yesterday. 🥺🥺🥺🥺🥺
Same here @Prashant, even I was waiting!!
@@socialtejas yeah his tutorials are addiction 😅
Great video! Still trying to incorporate all the concepts. It's a different way to think. I'm going to check your other videos! Thanks!
I hated javascript. Every single line of it. I used to search google for even the simplest of things, copied and pasted what I found and hoped it will work. If not, I would search again... Until I stumbled upon Brad's "10 days of Javascript" TH-cam series. I went through them in 1 day and I took his "javascript + node.js" course on another site. Now I feel like Bob Ross when dealing with JS. "Maybe there is a little event listener here on this element. Now it doesn't feel so lonely and it has purpose: bringing joy to the other elements." You are a great teacher.
PS: Maybe some day you can make a video about connecting to mysql server with JS?
PPS: What is the model of your keyboard if you don't mind me asking? It has a nice "clicky" sound.
Thanks! Haha, love the Bob Ross JavaScript vibes.
(1) Sure, I'd probably use Node / Express (with the npm mysql package) to setup API endpoints for the front-end to use.
(2) My keyboard is an old Leopold with Cherry MX Brown switches.
Thank you 💛
Thankyou again Brad Sir
Your mouse cursor with coordinate (x,y) data is specicial to mac. or can i optain it in windows by making changes in sytem?????? please answer.
Thx for this video and the series. It is very well done. While watching I had the following question: How are HTML and JS are bound together? In Codepen it is via the Codepen app. But how do You link them, when You save HTML and JS in separate files?
I love the way he explain :)
you are a legend
thank you very much 🌹
well explained...
thank you man
Awoseme brad, I want know how can i do those example in algorithm because i am a little be cofusing
B.r.a.d. is cool!
Hi,
I am Looking for PHP MySql, Have you this course, please.
As from other sources, it is difficult for me to understand.
or if you have any tips.
_Thanks
thank you
Thanxx a lot bradd, request you to Kindly make a video on prototypes and closures in JavaScript... would be really helpful..💚💚
That's a great idea; added it to my list of extra credit video ideas.
@@LearnWebCode hahhhaa😅😅thxx mate😅😅💚💚
Yes much needed ❤️😊
Спасибо за хорошую информацию из Киева :)
Best of best
Can we do the same using jquery...
Thanks
I wish you had made a detailed video on DOM. 😓 You explain so good but the only thing missing is a detailed in depth explaination
That's a good idea! I just added that to my extra credit list of video topics. In the meantime, the MDN is my favorite documentation on the web developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
@@LearnWebCode mdn does not explain as good as you do sir 😅. Thats the whole issue. Anyway will rely on mdn for timebeing
ourInput.addEventListener("input", amazingFunction). I'm not understanding how the "input" gets put into amazingFunction()
The functionality of "addEventListener" is to call the second argument(that is a function) as soon as something happens with the first argument. So In this statement addEventListener("input", amazingFunction), whenever some change will happen in the input field, amazing function will be executed
And also Brad is using the variable that is storing the value of input in "ourInput" so that's how he is able to take action
I really love this video but can you please use Visual studio code to explain it pleeeeaaaaassssseeeee
Getting ready for hacker rank JavaScript Test for Software Automation Job. What should I review?
The 2 dislikes, first is a hater and the second wants to follow what's instructor is typing on the screen and types with him
💓💓💓💓
Hey Brad, thanks for this clrear one. You're great! Are you considering doing a Vue.js course or tutorial. Vue.js keeps growing and may be interessting for a lot of people.
Good idea. I've never used Vue beyond the very basics (always used React) but Vue has a lot of cool features baked into its core; maybe a quick getting started video would be fun.
Thanks, Brad. I wish we worked on VSCode straight away, CodePen becomes very annoying!
You're welcome. Haha, good news, we'll be in VSCode next lesson when building the Dog Slideshow 🥳
@@LearnWebCode Perfect!
Missed Mr Meowsalittle
Hello brad.
We need some advanced js or react videos too!
he's got a lot of those. check his videos
Can a JavaScript newbie with no experience learn this?
I'd like to think so, but it's really not for me to say. If by the end of this video most things seem to make sense then I'd say yes.
That's encouraging 😊, I have actually been learning alot from you right from WP tutorials, and I must say this make a whole lot of sence. Besides this is purely modern and for sure I'll be learning a whole lot from this. 😊
pp
alert("Agree with all comments before me, and") add("SuperMeticulous","GloballyUnderstandable").greatValue=Brad