JavaScript in Half an Hour (Without jQuery!)
ฝัง
- เผยแพร่เมื่อ 20 พ.ย. 2024
- Join my premium 2024 bootcamp here learnwebcode.t...
This is how to get started with JavaScript if you're a beginner!
Follow me for updates on new videos or projects:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316...
Twitch: / learnwebcode
This is one of the most elegant tutorials on Javascript on the web. Thank you for the cat.
I've never seen a javascript tutorial so easy to understand. This guy is a teaching genius.
Finally. A no frills tutorial where the dude doesn't feel the need to put his face on the screen! You show the 'dumb' way and then the 'smarter' way. Teaching the basic rudimentary syntax, then prudently refactor. I think that's a great way for people to learn. Keep it up! You've gained a sub!
Cannot iterate how well your tutorials are. Exactly the right amount of information, placed at the exact time needed without any bloated nonsense or self-hype. Great work, you are constantly refining your obvious gift for teaching.
I'm a bit blown away because you really did explain all the basic JavaScript elements in about half an hour. Thanks for doing this! Really helpful.
You’re a phenomenally concise and friendly teacher! Thank you!
This is the kind of video I would mark as 100% , very clean , bright, and easy to follow . WELL DONE.
You're the first person who's been able to explain this in a way that makes sense to a total beginner, good work, and thanks!
I had studied js, html and css before coming to this video and I just couldnt't quite connect how they worked together. This was explained from exactly the right angle. Thank you very much.
Just paused the video to tell you that you are really good. The way you explain is so easy to follow. And this particular tutorial teaching how javascript works by showing us on the console is huge. This is the first tutorail i have seen doing this parallel with the console, making it so cristal clear, even the console make sens now :D
For 7 minutes I have learned more than I did for 3 months. THANK YOU!!!
Please, do more videos - SQLite, PHP, I saw you don't have those; if you can of course.
What I really like about this tutorial is that it shows how JS interacts with HTML/CSS. Some tutorials have you just writing JS and it's hard to imagine how it applies to an actual website; you end up feeling like you're just learning party tricks.
this was the best JS beginner tutorial I seen so far, you make it interesting since you show what can be done with JS. Keep up the good work.
one of the best tutorials if ever seen 👍 really good description and step by step with all necessary hints 👍
i never understood coding and always avoided it. but after watching this video, i feel like maybe i can code too. thank you so much. you're a great teacher.
Your tutorial was great, you have a unique way of explaining JavaScript, you should mention your name, because it will be remembered and people will really be mentioning it.
Thanks for great tutorial, and wish you produce more.
excellent video man. kept everything consice and to the point. We need more tutors like you!
You did such a great job. I took Java last year but that was horrible so going towards webdev has been more fun. Thank you for having a mini project and not just endless information. More please
Very clear, clean and precise teaching. Just wow. If you don't understand his teaching then coding is not for you.
Really love your tutorials. Not just saying this but they're some if the best I've watched. You just make everything super easy to understand.
Perfect pacing for me.
"whatever...let's get it...*click* another one...*click* another one" lol idk why this was so funny to me. subscribing. suuuuper simple in how this is explained. he has a gift
finally i found a Js. Tutorial that is easy to watch and friendly to my ears. good job. Hello from Venezuela
Nicely explained, without being expecting the viewer to be either an expert or an idiot. Thank you!
As a new student of web dev, I WISH I had found this before starting Javascript a few weeks ago! You make it so clear. Thank you.
Here's the css:
.active {
background-color: beige;
}
#our-button {
background-color: #008CBA;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
}
h1 {
font-family: sans-serif;
}
li {
width: 420px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid lightgrey;
}
I'm not really a cat person but that cat in the intro was the cutest thing i've seen in all day. Sorry for my english. Hi from Chile.
BTW thanx so much for this video. You're great !!
Brilliant tutorial, I love the style, really thorough and well planned lesson.
You are really gifted at explaining this. Never seen a practical JS tutorial presented so clearly. Thank you!
I second Fernando Goya's emotion. Great stuff. I have used JavaScript in the past, and this refreshed some forgotten things. Thanks for posting.
Thank you, this is what beginners need to learn first instead of bulky frameworks. Native JS is awesome.
Hey Sir. Just would like to drop a note here for you to let you know that you have been helping me a lot with your videos. Please keep it up this channel. I really appreciate the time and effort you put it in. I believe teaching others is not always about the money but the feeling of doing something good for others.
3 and a half years later and this tutorial is still amazing
Subscribed and bought your Udemy course! Your explanations are so amazingly easily explained, even my toddler would understand (lol) Thanks Brad!
You're one of the best instructors I've ever been taught by
I like your simple and clear language, and most of all, I REALLY LOVE YOUR CREATIVITY!!!!!!!
Awesome tutorial. Your explanation was really easy to understand. Please make some more vanilla JavaScript tutorials. Thanks
im using sublime text
This was the best JS tutorial I have come across so far. Thanks for taking the time to share this with us all - really appreciate the clear details and the cat clips!
One of the best tutorials on beginers JavaScript. Loved it!
Very simple, clear and helpful explanation! Really well done!
Indeed, knowing the basis will be easier to make things more complex.
Thank you!
Thanks so much Fernando!
hello there LearnWebCode thank you a lot for your support but i need your help someway i want to achieve a double function or a function to do two act change background color to black and when so the text will be invisible iwant to change its color to yellow
agreed, thanks you, teacher
You should be able to find that on the net but it should be one function add a click listener or onMouseOver listener and something like this
function myFunction() {
document.body.style.backgroundColor = "black";
document.body.style.color="yellow";
}
Agora é eu sei porá
The way you explain makes it so easy to understand. I watched a couple of JS videos, some of them are great as well, but it is just that yours is the easiest one for me to follow along. Thanks!
…started to get a bit lost around 28:13 with the e.target bit, but a really good JS tut overall. I've been putting JS off for a while but this is a really nicely explained vid 🎉
The "e" is to show more info about the event. It can tell you what someone submit in an input tag and what-not
I purchased a bunch of courses but your tutorial cleared so many questions I had, excellent way to explain the principles thank you very much.
Absolutely well done. I like the fact that you anticipated the problems a person will encounter and how to refactor the code so that they can mitigate them in the future.
Even having knowledge about what you were teaching on the video, i couldn't stop watching till the end 'cause of the amazing way that you explain every single step.
Thanks!
!Your voice is so friendly, Brad
!You've a big fan here
I was doing everything I can to avoid JS.... but this brilliant video has changed my mind! Subscribed!
Hands down..... the best tutorial for JS....
You might be the best teacher, I have listened so far, you got a very good method of explaining or teaching and I will be very happy to subscribe to your channel, thanks.
omg, so im working on a game and i needed a description given when you select a gamemode, and then i find this, haha very happy
This was super helpful, because I'm a visual learner. Watching you do it instead of reading about Javascript, makes it much easier! Thanks man! 😎
Awesome tutorials. I had seen countless sources teaching JavaScript and I found yours the best so far. Thanks for your time and efforts to share this with people.
Nice Video Man!!.....Easy to Learn ... I always thought that JavaScript is very hard and i didn't understood it till now...but now i clearly understood how it works!!!......
Very Nice and Clear Explanation...Keep up the good work!!!
Very nice ! I am new to javascript but have programmed in many different languages. Just the right pace and right amount of examples to get me to a point where I can be dangerous :)
Thanks a bunch!
Awesome! I have watched many javascript video tutorials. This one is the best. So much easier to understand by example than just learning the individual parts and trying to figure out how the hell to use them. Thanks.
This was absolutely Fun and Brilliant! Well taught! I believe this is the BEST Javascript tutorial on the TH-cam! More of such tutorials please!
Good idea to teach by useful example. Keeps learners interested and shows them how to (as you put it so well) recycle code elements for their own later examples. Video pace is about right for beginners and the vox is very clear. A good production.
One of the best teachers for web development on youtube! :) Thank you! :)
Excellent! Thank you 👏
This is brilliant !! there are so few videos that show JavaScript being practically used with HTML/CSS it helps make sense of it. Thank You.
Super awesome quality content! I started coding a few months ago with python which took me a lot time doing the basics, till now still got a lot to learn, I just want to know how JS works , your video is a great intro, with python knowledge, I find JS is not so difficult to understand. Thank you, my friend!
ohhh man that was amazingly helpful for my project, I know that Thanks a lot doesn't cover the whole things but dude, you are ROCK !!!
every single thing in your code is explained perfectly, thank you and subbed :)
😲 wooww!! I found the perfect instructor!!. Thank you so much!! I enjoy your video. I was having issues learning JavaScript and after watching your video everything seems a little clear. I can see the horizon of opportunities. Thank you!!!
Bro you have explained it so perfectly that even a baby can understand. Your Awesomeee.......
Awesome teacher! I struggled to keep up for the last 7 minutes or so - when you said you were "stepping up a gear" - but I've learned a lot and now need to practice with this until I store these new capabilities in my memory. Thank you for an awesome video on JS. I subscribed immediately and now looking forward to learning more from you. :-)
probably the best js tutorial on youtube..
gonna share your channel on my facebook group..
Wow! Really your way of explanation is quite easy to understand. Way of teaching also different. one of my best tutorial video I ever seen before. Thanks a lot...
Brad - Thank you! Wrote my first for loop. You should keep teaching vanilla JS. Very useful fundamentals.
Thank you, finally a video about code where every action is explained step by step. So easy to listen to and understand.
This is the most interesting way to explain fundamentals of JavaScript that I have ever come across. Just awesome!!!
This video taught me a lot... Even after 4 years I still find it useful!
Really that's the best JS tutorial for beginners. Well done.
Your way of teaching is best I was tired of the java tutorials you made my mind very clear
Thank you very much😊
That's the most concise JS introductory video I've watched! One question though:
When activateItem is passed as an argument to addEventListener, no argument seems to be passed to activateItem. How does it actually work under the hood? also can one write activateItem() inside addEventListener method?
You are just an Excellent Teacher. Thank you for clearly explaining everything.
Your forgot your closing bracket for this lesson...
Excellent video , learned something,thanks.
Wow! Really enjoyed this. Hope to see more like this in the future... TIL how querySelector and querySelector all "actually" work and will definitely be using this moving forward! Ty!
Great video... I'm a beginner, however I do appreciate and like your approach to learning this... I am learning Python right now, but JavaScript is next and on to the next. Lost about 28 minutes, but I'm determined to continue to learn by solving real-world problems.
Thanks again.
I am a beginner and i learnt more with this JS tuto thanks for the effort
This was my first Javascript class and I learnt a lot. Thanks a lot.
Great video!! It would be very helpful to post the css mentioned at 23:33 to follow along.
The css code for those just now coming across this tutorial:
.active { /* This is the name of the class */
background-color:beige; /* This is just saying if something is part of the "active" class that it will have a background color of beige */
}
You can also use your own choice of color such as red, green, blue or a hexadecimal color by putting "background-color:#xxxxxx" where the 6 x's are hex numbers of a color which you can pick out by googling "hex color selector" and clicking the first link.
Happy coding!
its not doing anything. my list items are not changing color
If you copied and pasted my code into a .css file and linked it properly, it should work as long as you have the html correct. This is done using a line in head like this:
Alternatively, you can put the code I commented into your head section with tags. Such as:
.active {
background-color:beige;
}
I also posted the entire .css file of the code that I used in the comment section of the video here if you'd like your entire page to look like his, or at least very similar.
i did the same and does not work. Which element do we give the class to?
If you post your activateItem class I can maybe help you, but I know it isn't a problem with the css if you copied what I posted
JS is something I have been putting off for ages, glad to see you teaching it :)
This bloody rocks...This is awesome to remind yourself about basics of JavaScript!!!This is awesome down to a detail JavaScript tutorial!!!
Very educational. Your presentation is simple and engaging. Only from this video I learned a lot. Keep it up, bro.
Nice one ,excellent video man. kept everything consice and to the point. We need more tutors like you!
Clear & Simplest of all tutorials. It would have been even better if you explained the css used a little bit.
Best JavaScript lesson for beginners
Thanks a lot. That was the great intro of Javascript to me.
Just a small comment. In the if statement ie. e.target.nodeName you wrote LI in uppercase and didn't say it was mandatory. So I carelessly wrote it in lowercase and the code didn't work. So I spent about 30 minutes finding out the error. Finally the code worked. (What I basically did was shared my experience :) ).
Thanks a lot for this great tutorial. Now I am eager to learn more JavaScript. Cheers
Finally what I needed to start using JavaScript
Me : watching it ,Oh I got this
Also me : While applying, what did I watch 🤔
I like the description you gave here in this video and will be trying it out myself to see how much I have learned.
very important lesson on how to deal with the console, very nicely explained
Amazing tutorial! I have been trying to learn Javascript for longer than I care to say. This lesson made a lot of pieces fit.
i'm here for the cat
lmao
Didn’t even know their was a cat when I arrived. Staying for the cat now.
I'm at 25 minutes into the video... I hope he shows the cat again before the video is over...
No such luck :(
thanks a lot for precise and resourceful tutorial
You gave new perception on JS.. love you man
You are an amazing gifted teacher!!! Subscribed.
very simple coding and very clean language that a person like me can understand, great tutorial
Dude, I just subscribed to your channel. You're great, thank you!
i really enjoyed this a lot. it helped me to understand javascript a lot more. I am only 12 years old and i've been working with HTML, CSS ,and JAVASCRIPT for about 10 months i've gotten a lot down so far but this video made me understand even more about javascript. thank you
I love the way you explained things and the fact that you showed the new way of selecting stuff at the end. However, I did not like the fact I couldn't see your css files
Great video. I am still learning JavaScript and find it difficult. I like your teaching style. I do have to say I was following along pretty well but started getting lost towards the end.