JavaScript in Half an Hour (Without jQuery!)
HTML-код
- Опубликовано: 26 сен 2016
- Join my premium 2024 bootcamp here learnwebcode.teachable.com/p/...
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
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.
excellent video man. kept everything consice and to the point. We need more tutors like you!
You’re a phenomenally concise and friendly teacher! Thank you!
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.
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.
Awesome tutorial. Your explanation was really easy to understand. Please make some more vanilla JavaScript tutorials. Thanks
im using sublime text
This is one of the most elegant tutorials on Javascript on the web. Thank you for the cat.
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.
Brilliant tutorial, I love the style, really thorough and well planned lesson.
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.
Excellent! Thank you 👏
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!
I've never seen a javascript tutorial so easy to understand. This guy is a teaching genius.
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á
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
one of the best tutorials if ever seen 👍 really good description and step by step with all necessary hints 👍
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!
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.
Thanks so much for this, you are incredibly good at teaching!
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. :-)
This is the kind of video I would mark as 100% , very clean , bright, and easy to follow . WELL DONE.
Can't wait for your new Javascript course!!
You are really gifted at explaining this. Never seen a practical JS tutorial presented so clearly. Thank you!
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!
finally i found a Js. Tutorial that is easy to watch and friendly to my ears. good job. Hello from Venezuela
Thank you Brad, your lessons are amazing.
It's really great that you're sharing knowledge.
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.
…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 like your simple and clear language, and most of all, I REALLY LOVE YOUR CREATIVITY!!!!!!!
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.
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! 😎
This was absolutely Fun and Brilliant! Well taught! I believe this is the BEST Javascript tutorial on the RUclips! More of such tutorials please!
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.
Thank you, finally a video about code where every action is explained step by step. So easy to listen to and understand.
Holy smokes, what a jump!
Great, man! I love it. Lovely tutorial, very clearly explained and easily understood. Keep it up!
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
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
Best teaching method. It's real very easy to learn
Waiting for your React JS Course
This video seems like really good foundation. I am taking a short break from your amazing Master the Modern Workflow course. I need to get this foundation in ASAP. I am looking forward to: Object-oriented, JSON/AJAX, and Handlebars videos here on your channel. Then it's back to the workflow course.
Eventually I will need to practice everything often. Is there a resource that has free projects. Brad, I would seriously consider subscribing to such a service if it was inexpensive and something YOU offered.
Awesome content. You seamlessly covered every aspect regarding this particular exercise. Keep doing it.
This is dope as hell bro. so clear. now I have to go and watch more of your stuff.
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!
Fantastic. Best tutorial I've ever had on RUclips. Thanks a lot!
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.
The BEST teacher ever! You got a new Sub!
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.
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.
Nicely explained, without being expecting the viewer to be either an expert or an idiot. Thank you!
every single thing in your code is explained perfectly, thank you and subbed :)
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
You are more than awesome, Sir. Loved your tutorial.
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.
3 and a half years later and this tutorial is still amazing
Dude, I just subscribed to your channel. You're great, thank you!
Brilliant video! Already know abit about a few languages and this told me everything I needed to know
Great teaching. This has really helped me understand how to think in JS
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.
fantastic tutorial! Was easy to follow and I learned a lot! Thank you so much.
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
Nice one ,excellent video man. kept everything consice and to the point. We need more tutors like you!
Amazing tutorial! I have been trying to learn Javascript for longer than I care to say. This lesson made a lot of pieces fit.
probably the best js tutorial on youtube..
gonna share your channel on my facebook group..
These are the best tutorials I've ever watched! Many thanks!
Thanks, bloke have seen quite a few tutorials about Javascript and will say you were very good in your explanations and what if's. Great job looking forward to more :).
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!
man thanks a lot for this tut, it's so clear and easy to understand.
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!
Great video thanks :) Very clearly explained and easy to understand. One of the best JS vids I've seen so far and trust me I've seen my fair share :)
Any plans to do javascript for webaudio API (digital instruments)?
u r just awesome. your way of teaching is incredible. I became your fan. Thank u for such a nice video
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.
I like the description you gave here in this video and will be trying it out myself to see how much I have learned.
This is really Great! I have 2 questions here:
- How do you remove each selected item (we have a Remove button)?
- How do I show details of each selected item in a new form (say if each item is a person's name: details would be, phone number, and email address)?
I second Fernando Goya's emotion. Great stuff. I have used JavaScript in the past, and this refreshed some forgotten things. Thanks for posting.
!Your voice is so friendly, Brad
!You've a big fan here
You are an amazing gifted teacher!!! Subscribed.
Flawless delivery. Subscribed!
This was my first Javascript class and I learnt a lot. Thanks a lot.
Wow...!! Very Easy to Understand, Neat and Clean and Helpful Explanation!.
I am waiting For Angular js tutorials, like this.
!!**Thank You**!!
This is the best JS tutorial, well explained you're awesome!!!!
This bloody rocks...This is awesome to remind yourself about basics of JavaScript!!!This is awesome down to a detail JavaScript tutorial!!!
Excellent. Thanks a lot. I wish everyone's tutorial was as this simple to understand.
Subscribed and bought your Udemy course! Your explanations are so amazingly easily explained, even my toddler would understand (lol) Thanks Brad!
Amazing, Awesome, One of the BEST tutorials I have ever watched!
I learned a lot from you Thank you Thank you and again Thank you!!!
One of the best tutorials on beginers JavaScript. Loved it!
27:42 Hey, great tutorial, really! I just have a question, why do you type capital "LI" and not just "li", coz usually in html we type lowercase "li" too. I tested lowercase and it seems not to be working. Just curious. Thanks.
Hi, some time went by and maybe you already know it, but this post nicely explains it: ejohn.org/blog/nodename-case-sensitivity/
Go to your console.log while inspecting your ourItems list and see that node name is LI, the browser recognizes only that.
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 !!
Hello Good people - I am learning to build apps (both mobile/Web) which I will then sell on app stores. I want to build a company in the future to do so. I have already invested in Treehouse and learned basics of python, swift, Javascript, SQL and HTML>CSS. Now I want to dig deeper - in an area where I start connecting the dots. Build a page connect it to a server, record data in a database. I want to DIY in the app world in short. What should I LEARN ???
That depends on your target system. For iOS you probably want to learn Objective-C, the standard language for Android is Java or maybe in the future Kotlin. For your web apps you're good with Python and a framework like Django.
cheers thanks. And nodejs, javascript ?
Sandy node.js is something like a Webserver and Python together. It's running in the backend.
Javascript is for your frontend a must.
You probably want to start with your backend using python and Django delivered over a webserver like Apache or nginx. You probably have to build an API for the further tasks. Then you can develop either your mobile app or your web page. For your mobile app you need, as already said Java, Kotlin or Objective-C. The web app ia created with HTML, CSS and JavaScript.
This is only one way to do all this stuff and there are tons of material out there with proper information for you.
Good luck ;)
good stuff. Thank you very much
Python 2, or is it 3?
The lack of focus and movement between Python versions is a massive pain the ass. Yes, I know lots of libraries are being converted or have been already. However, the lack of focus and clear direction of one over the other has my confidence in it at an all time low. I know this has more to do with the community not wanting to move, than the devs, but community is what drives a project.
You're an excellent instructor!!! Thumbs up on this tut.
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.
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 !!!
One of the best teachers for web development on youtube! :) Thank you! :)
Impressive fastutorial 😁. The last minutes are really complicated (I didn’t quite got it), but thank you for explaining everything so didactically!
Hey man! In your 31 minutes video tutorial, I just want to say that i really enjoyed listening and following your instructions. I like the way how you explained because it makes me easy to understand those codes. I thank you coz i leared more about javascript now. I hope that i get more learnings from you :)
Thanks and GOD BLESS!
jeremie
Hello! Your lecture show JavaScript basic mechanism behind the scene very well. Thank you very much. I have a question what is your font name you use in code editor. As for me, this font may very awesome to tell each characters. Would you tell your font family name?
Awesome video, I've just started learning JS and I was really struggling as to where to start with compilers Etc... Thanks to you I can finely progress. :)
Paul.
JS is something I have been putting off for ages, glad to see you teaching it :)
HELP PLEASE! If you have a script on one page how can you *control* that script from another page. By controlling it, I mean controlling when it runs and when it can't run. Thank you very much :)