JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour
Вставка
- Опубліковано 17 тра 2024
- Learn JavaScript basics in 1 hour! ⚡ This beginner-friendly tutorial covers everything you need to start coding.
🚀 Ready to dive deeper?
- Check out my complete JavaScript course: bit.ly/3Uod3vF
- Subscribe for more coding tutorials: goo.gl/6PYaGF
✋ Stay connected:
- Twitter: / moshhamedani
- Facebook: / programmingwithmosh
- Instagram: / codewithmosh.official
- LinkedIn: / codewithmosh
💡 Why JavaScript?
- It's the essential language for web development.
- Build front-end AND back-end applications (with Node.js).
- Super in-demand for developers
👉 This tutorial is perfect for you if:
- You're a complete beginner.
- You want a fast and practical intro to JavaScript.
- You're aiming for a career in web development.
📖 TABLE OF CONTENT
00:00 What is JavaScript
04:41 Setting Up the Development Environment
07:52 JavaScript in Browsers
11:41 Separation of Concerns
13:47 JavaScript in Node
16:11 Variables
21:49 Constants
23:35 Primitive Types
26:47 Dynamic Typing
30:06 Objects
35:22 Arrays
39:41 Functions
44:22 Types of Functions
⭐️ Related Tutorials
- Node tutorial for beginners: • Node.js Tutorial for B...
- Express.js tutorial for beginners: • How to build a REST AP...
- React tutorial for beginners: • React JS - React Tutor...
- Angular tutorial for beginners: • Angular Tutorial for B...
#coding #javascript #webdevelopment
![JavaScript Tutorial for Beginners [JS Crash Course 2024]](http://i.ytimg.com/vi/FtaQSdrl7YA/mqdefault.jpg)
"For now, don't worry about it."
That defines every programming language in the world.
😁😁
ikr, it becomes very annoying sometimes
I’ve just started this week and I’ve heard that at least 10 times now
Hahaha literally every tutorial says this
@@Scruklemush they do it so that you don't get confused while still in the beginning stages. Programming is literally like opening Pandora's box. There is so much information and so many tools to utilize in every possible scenario. It's very daunting lmao.
Remarkable❤
Books can also be a great way to learn... For those interested, here are the best ones:
Eloquent Javascript
Javascript in Less Than 50 Pages
Head First Javascript Programming
You`re welcome!
Ok, thank you, I will try those
you're welcome is a bit weird name for java script isn't it?
@@ThySmoker lol
@@ThySmoker not as odd as "Learn you a Haskell for great good!"
@@ThySmoker i didnt find any book with that name.....where would I get that?
Thanks Mosh! ❤After struggling for 1 year with complicated tutorials, I finally learned Javascript! I did with the help of your videos and a few good books. I got hired this week and I'm here to say thank you!
Edit: For those asking, I learned with the books 'Javascript In Less than 50 pages' for the basics and 'Head First Javascript Programming" to develop my knowledge.
Learning anything else becomes much easier after that.
what books please?
@@kevinvikan3609 the books are 'Javascript in Less than 50 Pages' for the basics of programming and 'Head First Javascript Programming' to develop my knowledge.
@@meilin92290 I know Solidity, and I am now learning JS. If you were me, which book would you get first?
@@Bruhne is therer a soft copy
Javascript in less than 50 pages is just so good
Almost half a year in school or 1hour video on youtube. Sound like a big difference. Thank you for this tutorial. Its so simple and easy to understand.
i created hello world , and after doing it felt as if I walked on the moon.
same here🤣
😂
like you should
@BTS Army✅ it does feel like it a bit for the first time
Fun fact that your 1st program is run with error. Typing hello world & feeling hello moon.
I came here to watch the ads unfortunately I kept getting interrupted by some guy gabbing on about JavaScript.
xddddddddddddddddddddddddddddddd good one
Lol
ngl I stopped watching because i got 9 (only 4 skipable) ads in 15 minutes
@@MainSmasterchaosS adblock
MainSmasterchaosS use an adblocker, I would recommend ublock origin
Gotta say, I was dabbling in Python for a while and the functions are very similar, however you are the first one explicitly explaining the difference between a parameter and an argument.
I took a whole intro to programming class and left without knowing the difference. Mosh explained it in a way I could understand in 5 seconds.
i'm 500 hours in learning Html Css JS and React and just found your videos. THEY ARE AMAZING! Its totaly how i would do it to teach myself :D
Even for person who already can make a page it helps to plug holes in knowlege and things missed in learning. I only whish i found your videos sooner.
The problem with other popular tutorials - they are too fast. Noob like me cant keep up with them, needs constant rewind that leads to frustration. But yours is a very good speed of typing and explaining.
how did you measure how many hours you learned it ? lol
dude im also struggling with javascript lol .
@@alexandrumacedon291 through college that what they do wasting time on chorus
@@mohammadshahbandepaxdljln9883 i can agree with that. i did something different in college. but i like css. i like how i can change visual things. they never teached me anything like that. hell, they didnt even teach me the first line in c with the include void main lol. i always wondered what it meant. lol
Please can you tell me more of the certificate of completion
Play at x2 speed - Learn JavaScript Basics in Half Hour
Copied 😂😂😂
LOL
i want to learn it thi
Are you a PHD?SO SMART
Roger that lol😆😆😆
Well time to start learning something during lockdown
XD
Same
Same with me man
+1 XD
Joel T yep
Before I learn any language I first watch the basic introductory video from Mosh. He arms me with the basic building blocks of the language.. thanks Mosh!
I’m an old coder that started in 1980s. Wrote a few lines of JavaScript here and there when it was just a browser language. Good intro for me on what it is now. Thank you.
Hello grandpa
Literally every video about programming tutorials begins with:
"For now don't worry about it"
Plot twist: You do.
Exactly
😂
@Tony Droid 😂😂😂 SAVAGE!
I don't mind that phrase. I have more problem with "Hello world..."
We will go through this in-depth shortly
People trying to learn Javascript: Hey, this isn't that hard!
Semicolon: Imma destroy this whole man's career.
@@nilefly why are you so sensitive about such a small thing like damn
@@nilefly it's just a little mistake. You don't have to say that.
SemiColon OP
for me its the opposite. Im learning python(for coding interviews because its faster) but ive been using Java for about a year and a half. I have to concentrate on specifically not using both semicolons and Brackets lol.
😂😂😂😂😂
Anyone stuck around 14:25 mins with the issue of Command Prompt not identifying "index.js", drop the dollar sign. It's not used as an identifier on Windows machines (assuming you did download Node), but Mosh is on a Mac so he does need it. Might also apply to Linux machines.
Thank you so much! Was stuck on this for the last fifteen minutes.
When I open command prompt thats the first thing I typed and the messsage was "'$' is not recognized as an internal or external command,operable program or batch file." The tutorial is incomplete just like your comment, Its very bad way to teach beginners.
it still says that index.js is not a command! what is my problem (yes i named the file index.js
@@xomnionProgrammingAndChessSame, everything was running smoothly until that point, and then it totally derailed.
@@xomnionProgrammingAndChess i find the problem you need to go to the file location and click the file and click to copy path and put it in the Console ( node ( and the path)
For those that are already somewhat familiar with other coding languages, this shorter course is much better to follow than those 12-24 hour courses since you already know some of the fundamentals.
For example, I was already familiar with MATLAB and a bit of LaTeX, so the concepts of HTML is similar to LaTeX and MATLAB is similar to javascript.
He taught the dynamic typing concept so convincingly, I completed both the js parts of his course long ago. He deserved a round of applaud for this part. Thank you sir for teaching us.
hey bro what's up im curious to see what have u accomplished now ... did u quit or got a job ... and how much time it toke you ???
Foik javascripghhk가 없습니다. 알려주세요.
your name kinda similar to mine
Can anyone tell me, which theme he used in this video?
would you recommend any good tutorial? I'm struggling to learn
What I like about his tutorials is he never skips the tiniest information that some beginners may find questions like the meaning of src or giving some explanation in the intro. it may be common sense but things like that make him a great teacher especially for beginners.
hey bro what's up im curious to see what have u accomplished now ... did u quit or got a job ... and how much time it toke you ???
@@midnightdemon9157 what about you
Can anyone tell me, which theme he used in this video?
please tell me a good tutorial, I'm struggling to learn Javascript
@@shortsdeyoga2825 have u found any?
learned more from this 48 min video than I have from hours of my bootcamp. Wish they just explained it like you do... Thx!!
5 years down and nobody still does it better. Thank you again Mosh.
Mosh please do an updated one with BEM
me in quarantine wanting to learn something new:
Mosh: im gonna start this mans whole career
Learnt it?
www.techbotnet.com/
@@MobileGamer-xn5fu no you don’t
It may be useful for you
Camera photo capture using Javascript
ua-cam.com/video/Gcdy7BYxgCo/v-deo.html
Thanks.
my js level : Intermediate
experience : 48 minutes on youtube ...
but can you make a simple project? like creating discord bot, you must be lying
we all know that
@@Dave-oi4fx Do I really have to reply ?
@@mshimanshu1000 you just did, and stop lying
@@Dave-oi4fx stop getting so mad like bro god damn
@@mshimanshu1000 i use vscode
All I wanted to do was learn how to code a few games since I was bored, and this video helped getting me started and motivated towards just javascript in general.
Thank you for this! You did an amazing job with explaining what each function etc. means and does!
Very helpful and well made video.
I took a computer science class when I was in high school and you taught me more about Javascript in 48 minutes than my teacher taught me in one semester. I'm a Graphic Design student now and I'm totally signing up for your course ASAP!
@@CoolCode-9 bro wtf are those emoticons
@@kianjs where?
@@Ariffzri obviously nigga deleted his comment 💀
I've gone thru a bunch of other Javascript tutorials for beginners on UA-cam and I must say yours is the only one I didn't fall asleep. Your tone of voice and the course structure makes the lessons flow naturally into my brain.
Hey mosh, Thank you for making javascript so simple and easy to understand. You really doing a great job. 🎉
Hi Mosh! I am eternally grateful for this tutorial. Thank you for your time and teaching. I felt incredibly discouraged on freecodecamp trying to learn JS there. Your video explained everything in more detail but in a concise manner that is easy to understand. It is a great supplement to piece the puzzle together on FCC. Again, THANK YOU!
Helpline⬆️📱
Questions can come in⬆️☝️
I'm not a beginner in JavaScript, but I can't resist watching this video. You are such a knowledgeable lecturer.👌🏾
Are you c0der
how can i get this tools downloaded on a windows 7...plus the Node is x86 bit recommended can i get like a 64bit own
please I need a good tutorial to learn Javascript, I'm struggling
Hey how do I save my progress
@@shortsdeyoga2825 The video you're already watching IS a good tutorial on learning Javascript, just follow everything thats being told...im new as well and its been working for me.
Please don’t read comments make full screen and focus on what it has to say.
Distraction comes from lots of things which is reason you fail to be consistent
One day your are pumped and after 3 days all that excitement and energy goes away.
So stay away from everything else and focus on learning. You can do it.
Edit : lol i made this comment a year ago
I have come a long way 🥳.
Thanks bro
Thanks
thanks bro
You are right distractions make everything hard. If you have focus and keep trying then you can learn to program easily.
Thanks 😊
4 years old course but still the best Javascript tutorial in UA-cam :)
hard cap
Best video so far! 😊 . . . Every other one was like me learning arabic all by myself 😢
I almost gave up on javascript after the morale i used in learning HTML and CSS was crushed with the first javascript lesson i took. One thing is knowing, and another is knowing how to teach someone else. You're equally good at both 👌
. . . Big heart from me 💙💜♥️
Hmm, I see many new peeps learning it during quarantine 👀...
Me too
2020 will be the worst and greatest year ever.
@Emmanuelle Adedugbagbe Who?
I just have an exam about it in 24 hours hopefully this will save me
🤘🏻
This is the BEST "let's get started!" tutorial for JS I have ever seen! You make it so approachable, so clear... I can't thank you enough! Well done!!!
Hello my friends, I make JavaScript Projects on my channel every week, and I help beginners and intermediate javascript programmers to develop their skills by doing projects, check my subscribe if you are learning javascript!
Since its clear for you, please tell me how to get the console in Visual studio on windows 10... I have no idea how and the internet isn't giving answers
@@mohdsabih681 thanks!
Can anyone tell me, which theme he used in this video?
@@arafatehossenemon3164 maybe dracula
Thank you so much Mosh, I was busy doing another course and I did not find that they were explaining things correctly so I started getting disheartened. The way you explained things really helped me. Thank you again!
I've just started learning and I gotta say I really appreciate your tone of voice and pace. Your analogies when giving examples, really makes the concept so much easier for me to understand. Thank you so much!!
15minutes into this and learned so much already. Presented in a very friendly, easy to follow and comprehendible way. This makes you understand difference between front end and back end and how to display them both. Very helpful!
I would be very grateful if you can let me know what he tried to explain in the timeline 14:13 to 14:30.
how to run the js code in node@@aakashdas6822
my brain at 2 A.M. : Let's learn JavaScript
Me at 2:29am
I was thinking to make Nuclear bomb then I decided to learn js😂
midnight learning Java
😂😂😂
@@icegahnm4868😂
I love how clear concise and easily all the concepts are explained in this video . I have trouble focusing on videos that are more than 20 minutes long , but the way every concept flowed made it so much easier for me to follow through. Thanks a lot for this gem ❤
Are you high
Bro plz is the tutoria outdated now?
@@Ezekiel_unabor no its the core concepts of JavaScript which will never change so its good but only for basics there are still many JavaScript concepts like DOM, Asynchronous JavaScript etc.
So this video is good for the pure basics not enough for making websites.
Killer intro. I have been a c++ dev for a few years and web development has been a big mystery to me. I think I understand about 25% of web dev by watching the first 3 minutes of this video. Thanks.
I'm not even a beginner anymore but stumbled upon this and made me enjoy revisiting the basics. Superb video - beautifully done!!
I am a complete beginner and I have trouble understanding most if not all of the topics discussed here, but I feel like this course will be helpful as a refresher once I know a thing or two about Javascript. Will come here once I have some background!
Best teacher is the key of success...
Dear Mosh, I am a complete novice trying to learn coding. This class has made me confident and taught me well. Thank you!
Hey Mosh. I am glad you won the Top programming Guru! Going through this video has helped me a lot to understand JavaScript. Thank you!
Hi Mosh! Thanks so much for this course, I have already learned 3 different coding languages from you're courses and it has helped me learn everything I need to know about the basics of coding! Thank You!
Great class, thank you so much.
Thank you so much! I have tried learning to code a few times and get so lost, but this was crystal clear. I learned so much so quicly. Really appreciate it.
Started this video yesterday and it's one of the best tutorials I've ever come across... I remember going to school and the professor would skip over so much of the important details but you nailed everything.
Bought your full course for $15 and I'll keep you all updated on what I do with the knowledge I learned from this video and course.
Nice
worth it? indeed i have learned more in this 1hr video than i did with 4+ hours of classes
Can you please email me this full course?
Can anyone tell me, which theme he used in this video?
how is it going ?
My God, I watched and rewatched. I lerned soo much from you.
It's incredible how can I learn very well in 1h or less, than in weeks!
Thank you soo much Mosh!
Big hug to you.
I introduced myself to JavaScript last week and it was overwhelming seeing all this info in one day. This lecture really helped me out so much, thank you.
Would you say this is still good for beginners to this date
Thank you so much, it’s my first lesson, and I understood without problem. You are a good teacher Mosh, very good!
For People Who Don't Understand 14:21 (Windows)
Open Command Prompt And Type In cd LOCATION OF FILE HERE
If Your File Is In Another Location Like Desktop, Folder, Then The File.
Type It In Like
cd Desktop
cd Folder
node FILE NAME HERE
Then Type In node NAME OF FILE (with .js extension)
Thankyou so much!
thank you, he gave no context
u earned my respect
Alright so you’re unhelpful. Nobody should be thanking you for this shitass comment.
I love your teaching style and when things get better with my work I will for sure get some of your courses. Too many cut hours at work right now, but wanted to Thank you for your hard work!!
Oh, Mosh. This pure gold! I was just here for a revision.
thank you sir for this great work !
I really gotta say, Youre teaching style is amazing and I love your upbeat attitude. I think Ill look into your code school after I finish up a course I am currently working on.
@@programmingwithmosh you teaching style of coding and environment is amazing. Thank you Mosh
I've basically locked myself inside 'the lab' for approx. 15 months learning Python, Django, CSS and much much more, and during this interval I've seen and read a LOT of tutorials on coding.
What usually bothers me is that these instructors clearly know a lot about coding while having absolutely no sense of pedagogical approach.
You don't have this problem, and I'm grateful to have found your videos. I can hardly wait to dive into React now, as I expect that tutorial to be of the same quality as this one.
I already knew most of the subject matter in this video, however it did clear up the confusion regarding let vs var in mere seconds. And I got answers for a few things that I'd been wondering about and learned a few fancy little tricks, so without further adieu:
Thank you. You're the best.
Arrow function and this confusion ua-cam.com/video/ontKRbaam4M/v-deo.html
You're really good at explaining! Keep up the good work.
I already know JavaScript and was looking for a video for my son. Mosh is such a good presenter that I kept watching anyway.
24:40
"By the way i am 30 years old but dont tell anyone"
**900,000 views☻
what pulled my attention is that you are arabic
so what
I am 14
Damn just 5 days and its over 1mil now
Correct: "by the way im not 30 years old but dont tell anyone ok?"
He said not lol
This has been by far the greatest intro to Javascript course. The way you explain Mosh is so easy to understand compared to other teachers. Thank you
Fun way to print the data ♥️
ua-cam.com/video/hm3sx3h0-jk/v-deo.html
this isn't a full ccourse
@@krkmjr8429 he literally said "into to javascript course"
@@mozart0 yea lol mb
Never ever have i touched Java and in 1h im starting aready writing a code for an application. Your amazing on explaining.
I want to have a job in either UI design or cybersecurity. I would have to learn JavaScript in both, and in the 48 mins I watched this, I’ve learned a lot!! Thank you Mosh!! 😃💗
imagine, i spent the whole semester without understanding j.s compare to 48 minutes and 16 seconds. thanks a
lot sir.
or, your previous experience gave you partial understanding and seeing the information presented in this way helped solidify that knowledge
@@silverblue73 nice way to put it
Watched this as a refresher as I have been out of the industry for 3 years or so. Great stuff, just the refresher I was after! Thanks Mosh
It may be useful for you
Camera photo capture using Javascript
ua-cam.com/video/Gcdy7BYxgCo/v-deo.html
Thanks.
This was EXACTLY what I needed!!! I just started JS in my college course and the first few lectures have left me utterly confused - until I found this. 100% buying the full course now
I'm a literature student, I just wanted to learn the basics of java script out of interest yet I was a little hesitant this video bought my confidence ❤, thank you🌹❤
Hey Mosh! A big thank you for this! I know you might be working based on commission you would get after folks visit your site and get the paid training but this in itself is very useful for folks who may not always afford the training.
c.jumia.io/?a=125315&c=10&p=r&E=kkYNyk2M4sk%3d&ckmrdr=https%3A%2F%2Fwww.jumia.com.eg%2Far%2Fx609-smart-2-hd-6.0-inch-16gb-dual-sim-3g-mobile-phone-gold-infinix-mpg139844.html&
0
I've never seen a lesson more simplified. Thanks for this piece
BTW for anyone wonder why live server does not update you have to save the code first (command: ctrl S)
This tutorial is very helpful. Thanks a lot
This guy deserves SO many more subs.
Hi Mosh, I just finished this course and I love it. I think now I can do your React course!
i learned more from this than i did from my entire computer science class where the whole point was to learn javascript
Damn, so clear. I'm impressed. Been working through the Meta Front End Development course and those people do not explain things nearly as clearly
In case anyone was confused around 14:00 while running on cmd try writing node (Your file destination where you have saved index.js) in my case its on desktop in the folder named Javascript so for example node Desktop/Javascript/index.js (Dont use $ sign)
while using terminal in vs code try node (your js file name) not the whole path.
thank you very much!
in vs code you are already inside your file by default, so don't type the file destination.
would you know why it displayed "permission denied"
@@Adrian-rb3nw Were you running Terminal inside Visual Studio, or in your actual Terminal application? When I ran it in my actual Terminal application, it said "permission denied." But then I realized Mosh was actually running it in the Terminal window /inside/ VS. I had no problems running it with the Terminal in VS!
@@Adrian-rb3nw Try running it in vs code terminal
Mosh: talks about ECMA and JavaScript
Subtitles: Eggman and /JavaScript
LMFAO
For anyone having troubles at 18:00 with the "name" variable on Windows, change it to sth else as its a Windows property, in the video Mosh was using macOS so it worked
'name' is not a Windows property, it's a property of the 'window' global variable (and 'window' here is not referring to Windows operating system)
The most worthy video online for beginners to start with JavaScript!
This is probably the best tutorial i have seen, definitely getting the full course!
What a great tutorial sir! I am a brand new aspiring Dev and this intro video really opened my mind up about how cool JavaScript really is. I totally understood pretty much everything you talked about and even tried some different functions and tasks on my own. Thank you for the time and effort you put into this video it was well worth it.
7 months later, where are you at now? I hope it's going well man!
Hello my friends, I make JavaScript Projects on my channel every week, and I help beginners and intermediate javascript programmers to develop their skills by doing projects, check my subscribe if you are learning javascript!
@@LiveMahs its a bot bro, not sure if mosh is the one who hired them or what, but this exact comment got repeated on this video 3-4 times. Makes me question if all of those "OH HE IS SO GREAT" comments are real.
@@ironclad7713 idk but noice
I am from Brisbane, Australia and am a complete novice at computer programming. I tried the Harvard introduction to computer programming online course on UA-cam, which started off strong but in the second lecture starting talking about C language and just assumed a whole bunch of knowledge and the whole thing became non-sensical. Thank you for your attempt to clearly explain how this works but it starts to unravel pretty quickly in terms of what you say to do and then what is shown on my screen, which is different to what is shown on your screen. For example, on my screen after following exactly what you said I get "Hello World script src="Index.js"" rather than just "Hello World". Also "Alt Cntrl i" on Windows doesn't bring up the console tab, or provide any response. When I go to the inspect option, I get a page with the following error: "Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received". Where would you suggest I go to be able to learn in a real time or face to face environment where these errors and all my questions can be explained and rectified? Thanks again.
If your on a Mac, and you're stuck @14:15 because you don't know how to "head over to the folder you created earlier"..
Here's what to do:
1. Go to wherever the 'js-basics' folder you created @6:00 in this video is (e.g. mine is located on my desktop).
2. right-click or control-click the 'js-basics' folder.
3.From the pop-up menu, click "New terminal at folder".
Love the way how simple he (Mosh) make every complex topic
This is so informative, it's sad we pay so much money for our Lectures but don't get such quality learning experience
he is a legend tbh
Thanks for giving me a quick start on the topic, i started with many tutorials but because of their length i dropped in between, this is the first one to finish. Appreciate it.
2nd week of my college course, couldn't understand jack. This guy made clear in 50 minutes what my prof has been failing to explain for 8 hours of classes now.
A very informative clip that gives a great orientation for complete noobs like me. Thank you very much :-)
You know what feeling of "mind opening" we get when we learn something new thoroughly. This video gave that feeling to me multiple times. First time I understood something I liked the video. Then understood 2-3 more things so subscribed. And after that here I am commenting this long message.
This guy explained functions sooo well!
THANK YOU. I took time to watch your 1 hour tutorial for Python, now I need you learn JavaScript for a job and you have a video all ready to go!
Once I saw your this video... now am taking Java script very seriously.. thanks a ton Mosh
Javascript is just beginning🔥it keeps getting better and better.
I completed this video in one go. It is really nice to hear and understand and the voice of the demonstrator is really captivating to listen and learn more from the person.🙌 Thank you so so much.
i thank myself for watching and learning from you.
Thank you for making the beginner concepts crystal clear, and FOR FREE!
Fun way to print the data ♥️
ua-cam.com/video/hm3sx3h0-jk/v-deo.html
Bro i had a "you had my curiosity, but now you had my attention" moment
i love django unchained
Hello my friends, I make JavaScript Projects on my channel every week, and I help beginners and intermediate javascript programmers to develop their skills by doing projects, check my subscribe if you are learning javascript!
Some people have been trying to learn javascript for years and still not learn it. The reason is because javascript is normally taught on concepts level. The ending of each code is on the console. It should be on a UI results level, how it works on a UI, kind of like w3schools but on video format. Learning how it looks on a console will never stick on a learner's memory, because it is incomplete. But if they learn in portions all the way through the ending (html being the ending), they remember something. But if the ending is a console, they rarerly learn.
Thanks Mosh 😄
You are very good teacher man...Keep it up many thanks!!