JavaScript Tutorial Full Course - Beginner to Pro (2024)
HTML-код
- Опубликовано: 12 июн 2024
- Certificates are now available! courses.supersimple.dev/cours...
🎓 Enroll to get a Certificate of Completion and an elevated learning experience (breakdown into smaller videos covering specific topics, ad-free content, and progress tracking).
✅ Don't worry if you're halfway through the course or finished the course, you can skip the lessons you already finished and take the final test to get your Certificate.
❤️ Thanks for supporting SuperSimpleDev!
In this JavaScript tutorial and JavaScript full course, learn to build websites with JavaScript, HTML, and CSS.
Exercise solutions: github.com/SuperSimpleDev/jav...
Copy of the code: github.com/SuperSimpleDev/jav...
Links for each lesson: github.com/SuperSimpleDev/jav...
Premium Courses:
🎓 Get a certificate for our courses with premium learning experience & support SuperSimpleDev! ❤️
JavaScript Premium Course: courses.supersimple.dev/cours...
HTML CSS Premium Course: courses.supersimple.dev/cours...
Extra videos, in-depth videos, behind the scenes videos:
⭐ RUclips membership: (coming soon)
Support the SuperSimpleDev channel:
❤️ supersimple.dev/donate
Your support will be used for equipment, software, and other necessary costs for planning, shooting, and editing courses like this. Thank you very much!
Lessons:
00:00:00 Intro
00:02:01 1 JavaScript Basics
00:14:48 2 Numbers and Math
00:43:26 3 Strings
01:07:32 4 HTML CSS Review, console.log
01:51:06 5 Variables
02:32:55 6 Booleans and If-Statements
03:34:12 7 Functions
04:15:45 8 Objects
05:25:46 9 Document Object Model (DOM)
06:38:51 10 HTML, CSS, and JavaScript Together
07:42:28 11 Arrays and Loops
08:43:04 11 (Part 2) Arrays and Loops
09:28:26 12 Advanced Functions
10:10:22 12 (Part 2) Advanced Functions
10:58:57 13 Start the Amazon Project and Intro to Git
12:28:00 14 Modules
13:56:33 15 External Libraries
15:34:37 16 Testing
15:58:24 Testing Frameworks
17:36:30 17 Object-Oriented Programming
18:06:09 Classes
18:51:50 Inheritance
19:32:59 18 Intro to Backend, Callback, Async Await
20:30:57 Promises
21:12:47 Async Await
22:14:09 Next steps after this course
Additional information:
This JavaScript tutorial and JavaScript full course is a project based series of JavaScript tutorials for software engineers. Each JavaScript tutorial builds on a project and provides some JavaScript exercises to practice what we learned. By the end, we'll learn how to create complex, interactive websites with JavaScript, HTML, and CSS, which will help you become a web developer and software engineer.
#javascript #javascripttutorial #javascriptfullcourse #supersimpledev #javascriptcourse #advancedjavascript #webdevelopment #webdeveloper #softwaredeveloper #softwaredevelopment #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #html #css
update_time: 1718306364103
Issues and solutions:
- RUclips has a bug with timestamps. If timestamps don't work, refresh after a while or use these:
00:00:00 Intro
00:02:01 1 JavaScript Basics
00:14:48 2 Numbers and Math
00:43:26 3 Strings
01:07:32 4 HTML CSS Review, console.log
01:51:06 5 Variables
02:32:55 6 Booleans and If-Statements
03:34:12 7 Functions
04:15:45 8 Objects
05:25:46 9 Document Object Model (DOM)
06:38:51 10 HTML, CSS, and JavaScript Together
07:42:28 11 Arrays and Loops
08:43:04 11 (Part 2) Arrays and Loops
09:28:26 12 Advanced Functions
10:10:22 12 (Part 2) Advanced Functions
10:58:57 13 Start the Amazon Project and Intro to Git
12:28:00 14 Modules
13:56:33 15 External Libraries
15:34:37 16 Testing
15:58:24 Testing Frameworks
17:36:30 17 Object-Oriented Programming
18:06:09 Classes
18:51:50 Inheritance
19:32:59 18 Intro to Backend, Callback, Async Await
20:30:57 Promises
21:12:47 Async Await
22:14:09 Next steps after this course
Please our teacher, make a react js lesson for us
Hello simon sir. Please create MERN Stack beginer to pro course. Thank you teaching us advanced JS ❤❤❤
Please do a zero to pro react course
Awesome !!! Thanks so so much ! 🙏🙏
Thank you so much
Are you going to make a video on Comman line and NodeJS
I will prefer learning these technologies from you because your way of teaching is the best for me..
Please do a video on Command line and NodeJS
Vote For Full Stack Course From Beginner to Pro (MERN Stack)❤
Plz,, we r waiting eagerly
Those who need react course like
I only need react course from this guy lol.
First, HTML and CSS. Now, JavaScript. You deserve some thanks.
god bless you
@GaryFerrao Super thanks for your super thanks! Hope you had a good time learning and find it helpful :)
@@SuperSimpleDev yes i did!~ always good to go back to basics to see what stuff has changed.
I will donate too as soon as I start earning from programming.
React series @@SuperSimpleDev
Bro your teaching skill is no joke😏
KUDOS TO THIS GUY WHO HAS CREATED A WHOLE 22 HOURS COURSE AND WE CAN WATCH IT FOR FREE!!! MAY ALLAH BLESS YOU! ☘️✨💚
Amin
He's a kuffr. Allah won't bless him right?
Inshallah I'll learn JS after HTML and CSS I'm gonna be done with those two this week
Amen :)
@@HassanIQ777 Like me bro, 🤝👏👏I finished HTML and CSS, Then made from these languages projects, then I started learning Javascript and finished half of this course..
small wins it always wins... 💯
Learned html and css from you, And now learning javascript from you ,You are the best teacher simon that i have ever seen in my life. Love from India ❤
same feeling here also
Damn. Im still doing html and css course, will do js nest to get front end. Still taiowind, react etc left. For front end though
@@user-xk2ns7nj5vyou can't learn react without learning JS and you can't learn next JS without learning react, So first you need to learn JS, For me tailwind is remaining I will learn that in some time.
@@user-xk2ns7nj5vWhy not go through freeCodeCamp so you be certified as well. freeCodeCamp, MDN and Supersimpledev will do the magic.
ultimate lecturer or teacher
Do a zero to hero react course
yes, MERN stack please
he will pass out by overwork lol
@@wasubisu2654 I hope he is preparing for the react course
@@fakeemcee9912 nah pern better as there's no job for mern
Pay him then 😂
Bruh is gone for 2 years and comes back with this gem. You are a legend
Actually, he used to upload this tutorial in parts. When he reached the final part, he deleted all the previous parts and compressed them into this one video.
@@trungtran-dl6bg ohhh that makes sense. Still amazing quality for free!
LOL I GOT SCARED THE 12 HOUR JavaScript course disappeared but found this new compiled version. THANKS A LOT!!!!!!!!!!!!!!! Best teacher and teaching method.
Your course is the reason I started learning JavaScript almost a year ago. I remember making a calculator app with you, and I could not figure out how to center it on the page. This lead me down a rabbit hole of learning CSS on my own. I was so proud of myself when I learned how to center a div haha. Now here I am 10 months later and I have learned CSS, HTML, JavaScript, Typescript, React, NextJs, NestJs, ExpressJS, Node, Flutter, and am studying Java all because one of your videos. Thanks for that!
How did you learn reactjs?
Can you provide any free sources for react, nextjs, typescript and node?
@@pabloakamani-420 There are a lot of tutorials on RUclips
Did you find a job? And do you have a certificate? And finding g job does need a certificate? Thanks bro 😊
where did you learn react, nextjs, typescript and node?
You made a 22 hours video and still managed to give us quality advice. May Allah bless you!
You are the king of explaining the complex concepts in a simple way.
I hadn’t known even a thing about coding web development but this man taught me HTML and CSS & now I’m gonna start learning Java script from this man. He is the only & one man on the Internet who I called my TEACHER. May Allah bless you May you live long. Thank you sir❤
Please don’t remove this video 🙏🏼
Simon, you changed my life. You gave my journey in software development a meaning. Over 20 years of not knowing what i am doing, you made it easy in few hours. From HTML & CSS, now javascript. I watch your vidoes with my kids that are 5 and 10 years old, explaining to them what you are doing. They love your courses so much, what took me years to know is what your lessons have made them to know in less than 2 weeks.
You are a great teacher.
Please, can you do videos for beginners to pro on PHP and Laravel 11, MYSQL? Then MERN?
You will make my career and my kids love for tech easy journey.
Thanks in anticipation of the videos on PHP, Laravel, MYSQL and MERN.
you're welcome
React course please 🥺
Man, you've done a lot of work for this. Your efforts won't go to waste.
It's time for ReactJS bro
i agree
react is written in vanilla JS so you're much better off learning it first. Those libraries are tools that make things easier but you are trapped in doing things their way.
Yeah
I remember watching multiple tutorials on JavaScript and learned absolutely nothing, then found your channel, man just let me say you are the definition of teacher and bigener friendly teacher. I can't thank you enough. You are the best.
Simon please make videos about react and python
I have ADHD and for the first time I can understand a tutorial. Your teaching skills are amazing and also comforting for someone like me who's been in a lonely road and struggling so much for the past years trying to find myself despite having a degree. I'm still into 4 hours of this course but I already want to thank you so much for all the dedication!!
I know I won't give up anymore. You are changing my life haha I fell in love with html, css and js again and it's all thanks to you!! ~~I'm also from Canada.❤
Thank you so much!!! I can't wait to finish this and consume all of your other content hehe In the future when I create amazing things I'll always remember you. :)
Can you tell me about the current web dev market in Canada
thanks to this man, I code with confidence.
I understood concepts and able to apply what I've learnt. this is the best video out here on RUclips.
You make me love Javascript. Thank you
Very happy to hear that! Thank you for your support:)
@@SuperSimpleDev U are the best!
If you are viewing this, just know it's the best JavaScript tutorial you will ever find.
Thank you, Simon, you the best mahn!
Wow!! I just started Lesson 2 of your old JS course, and was so impressed by your super simple explanations. And bang! Here comes your latest version! Never expected that you'd remake a 1-yr old course that's been replayed 4.25 M times and collected 89 K thumbs-ups, and even double its content, for free! Salute to your passion for teaching and hard work.👍Thank you!🙏
4:28:50
4:24:48 OBJECTS 6/8/24
3:40:25
3:34:20 Functions
2:45:25 syntax rules if statements
2:37:32 boolean operators
2:32:52 5/1/24 boolean
2:07:11
1:51:06 Variables 5/31/24
1:36:19 Change indent
1:30:17
1:07:33 lESSON 4
1:06:49
1:01:00 5/30/24
39:17
23:58 5/28/24
After 12hrs of this course, I was able to automate a 2hr+ weekly work task using a function, a loop, and 4 modules in Excel VBA. I used ChatGPT to help me translate JavaScript syntax to VBA to do it. It's a super cool feature, thank you!
For those of you who are going to see that on the future:
This tutorial is the best you can find and its free.
Don't waste your money somewhere else, I personally have wasted some money on other courses but this course is by far the best.
Thank you man, wish you the best!
from the bottom of my heart, Thank you.
00:00:01 Intro √
00:02:01 1 JavaScript Basics √
00:14:48 2 Numbers and Math √
00:43:26 3 Strings √
01:07:32 4 HTML CSS Review, console.log √
02:32:54 5 Variables √
Thanks Simon for this course. I've finishes and learned a lot from it. A huge thanks from heart..
Thank You so Much For Your Legcay ! Your Legendery Courses are so Enjoyable.
Kudos to you Man. Appreciate your time and work.
Just checking out the arrays and loops section. such a wonderful teaching technique. Much appreciated for making this for us.
best ever video on javascript ,loved you man youre the best teacher to learn step by step java script
Big thanks for your exemplary teaching ❤
Hey man. I didn't think you'd ever post again but I'm glad to see you've posted again. In actual fact, I'm literally excited to dive into this 22 hour long course because I want to open up a software company one day but I need to start small so a Web dev company is the beginning. So thanks for this video and your html and css course. I really appreciate it. God bless man. ❤️
Glad that you put other js videos in one single video. Thanks from heart for these lessons.
Your explanation is the best I’ve ever had, your html and css was amazing
Hey there, I've been a close fan since you first dropped the remake of html and css tutorial, 2 years ago. I was one of the first comments. It's amazing to see how much audience you got in the meantime. Because of your tutorial on html and css I landed my first Wordpress job, and now I just got a junior role at Adobe as a front-end developer. It's amazing to look back at these tutorials and check out other opinions, other solving techniques. As we all know, it's possible to tackle JS in more methods, and even though I know everything from this course, I still watched it completely just to bring back the memories from where I was just starting out. I can't wait to have a community membership available, maybe even create a Discord for your community, I could help out with that. Kudos to you and I hope to see more videos from your side, where you talk more about your career, your day-to-day life, it would be amazing to see and I'm sure that if you're comfortable with doing that, you'd evolve so quick! Kudos again, I wish the best to you.
@luchian8962 Hi, I am really happy to see your comment. Thanks for supporting me throughout the whole time and I am happy that you were able to get into the industry -helping people to get into the tech industry was one of my main goals to start the channel. I am sure you are a very capable developer and a nice person. And yes, I am currently working on setting up the membership and try to create a community where people can take the journey together and share their experiences and learning. I will also be making some personal videos sharing about my career and life :) Thank you again for your support, people like you are the reason that I continue making videos and courses! I wish you best of luck in your career and life.
@@SuperSimpleDev we would love to see your personal videos. Please make them.
did you go uni
@@IssaAbdalla-mu4vz Hey, I'm still in university, last year.
For a person like me who's interested in learning JavaScript but also to get better with English, this course is amazing. I'll be doing both at the same time. Thank you Simon!!
Thank you for these tutorials, I am halfway through your HTML & CSS course right now, and I am learning more than I've ever learned and I've actually bought books on programming, bough Udemy courses, and tried many other RUclips channels - yours is the best at explaining! And you do this for free and offer certificates! I really appreciate the pace you teach at and you always take a lot of time to explain concepts. I wish there was a way to five you 5 stars or an awesome review! Thank you so much! When I land a software development job, it's because of your channel!
Is your course done? How was it
@@ErenMC_ No I'm not finished just yet with the HTML/CSS course. But I've already built a simple website on the internet after just 3 hours of learning the course - he also has a wonderful 28 minute course on making a live website through Githib pages. It was so easy because his explanations are very thorough. He even breaks down how the internet works and servers with easy to understand graphics. I actually feel very confident that I can be a software developer because of his classes. And if you really wanted to, he offers certificates on his website for $33. Not too bad, really.
Thank you for this course! I am currently following your HTML & CSS tutorial and it has been a great learning experience for me! 🙂
Great to hear :)
Thank you! This is the best JavaScript course on RUclips.
Wow!! I was waiting for it!!
How calm he is 🫡
Great!!! Request you to make series on backend development with node. Js.
i watch almost all channels but for the last 2 months, I have joined this channel. really nice and real project-based.
Wow amazing definitely I will use this course after finishing my css. I am daily live streaming my study progress in this channel.
can you please add the time laps to the video .....
Oh man, you are the best!
عاش، جنا محتاجين فديو منك ❤️❤️love your video
احلى حاجه الترجمه غير الي مكتوب 🙃
Thank you for your course.
I've taken some coding classes but I still don't know how to code until I saw your course. I like your teaching style and you demonstrated every single step of coding made it more easy to understand. I think you are the best coding teacher ever. I am very interested in PHP course and looking forward to see you 😊update a PHP course one day.
I NEEDED THIS ONEEEE!!!
Slowly, clearly , perfect! I'd like vue.js, documentation is awful, esspessially migration from vue2 to vue3 (resourse depricated, and so on...)
Thank you so much!! you are a blessing.
You've done a truly amazing job here. I do beleive this is one of the best and definately a most thorough tutorial ever on RUclips. Congratulations! And a very, very big thank to you.
Thank you sir 😊
Can you make videos on REACT please. Its a humble request.
And thank you for your hard work
Thank you so much boss for combining all the lesson series into one. God bless you!
your teaching skills is superb
I think you have a super computer...✅
😁❣️
Finished your html and css, gonna push through this one as well. Great stuff 👍🏽
This is sooo great. You really helped me a lot bro
Hey Supersimpledev, thank you for teaching me how to program. I had graduated in 2022 and had learn a great deal from you compared to what I got from University. I was able to land a job using the front-end + next.js tutorial you had.
Hi bro, What course did you take bro? The html + css and this js course?
@@paulvincentsumalinog3083 ruclips.net/video/EerdGm-ehJQ/видео.html This one is really good. There is another channel that teaches next.js, its really competitive and nice.
I just completed 12 hours cours now now u gave me a sudden surprise
whats the difference between the previous course and this course.?. i am in the same boat as you..
@@jung6269 The first 12 hours are the exact same, but the additional hours in this course are new and more advanced features
Yes I was moving on to part 2 and now I feel like I’m back at the beginning. But it’s ok it’s all the information I needed and more….
Day 1 JS - 0:00 to 4:26:44
Thank you very much ❤
For the courses.
Your mama raised you well,. a very responsible member of a society. she must be very proud. your teaching and your contribution is so valued thanks so much man. God bless you
Nice 🙂
Tne best Teacher l have ever had thankyou Simon
Hands off to your effort sir, the way you teach is so helpful .After seeing your lectures anyone who fears from coding will start loving it. Thank you Sir
this course is amazing, i would not spend 22 hours watching something else
day 1: 43:27
day 2: 1:51:06
day 3: 2:32:56
day 4: 3:34:13
day 5: 4:15:46 (from here on out im sick as of writing so ill have more time)
day 6: 5:25:48
day 7: 6:38:51
day 8: 7:41:58
day 9: 8:43:04
day 10: 9:28:19
day 11: 10:10:24 (10 hour mark)
day 12: 10:58:58
Thanks! Hope you enjoy the learning:)
Oh man, I’m about 14 hours in, and this is really making me understand the concepts of JavaScript a lot more. I’m taking all the notes in Notion for further review. I’m also doing my best to let all the ads play, (even the 4 minute ones😅). It’s the best way I can show my appreciation at the moment.
Just wanted to take the time to say thank you for your amazing lessons! Back to the video😁
Do you mind sharing your notes please?
11:45:37 I'm having issues after deleting and refreshing the page. All the products gets deleted also. I guess there is a bug
You are the best. Many thanks
Your contribution to the society by creating this course is tremendous. Thank you.
First comment❤🎉
bro why did you delete the smaller videos, they were way better :////// reupload them please in a seperate playlist. It is so hard to find the right point to watch in the video or replay certain segments if the video is so long.
There are segments in the video with timestamps in the description
@@ErenMC_ you didnt get my point.
@concretefist5672 you didn't get his point, if you wanna find a specific video just click on see more in the video description..I personally think this is the best way to follow the course unlike those separated videos.
@@craigsane you didnt get it neither. It is not precise enough
@@concretefist5672 ah I understand now, as the video is 22 hrs even a small movement in the cursor on the navigation bar forwards it by a lot
Instantly came to this video the moment I saw it dropped. Your teaching is absolutely amazing and you give it out for free?! You've earned a new subscriber.
best tutorial i have ever seen ... so detailed and up to the point!
are you serious this is for free??? ggwp sir..
Day 1: 43:26
Day 2: 2:32:55
Day 3: 3:34:12
Day 4: 4:48:13
Day 5: 7:42:28
Day 6: 8:48:00
Day 7: 10:02:49
Day 8: 11:57:14
Day 9: 12:40:17
keep it up
💪
🔥💯
@@shinigamimaro7981 Thanks!
Make sure to take note it helps
I love your teaching style. Thank you!
you made me start again to learning javascript after I got bored of learning it. thanks for all things💙
First like
Sir Love from Nepal ❤❤❤, Sir please please upload backend course, reactjs and java and kotlin and so on
Just finish HTML CSS Course now come to this one. This is a kind of my ASMR learning I sleep well like listen to tale.
awesome bro awesome! absolutely fantastic! thank you very much for this.
Very annoying...
I expected a full JavaScript video like this but u didn't Rather u dropped it step by step taking almost two months before dropping each video which could have delayed me. It made me skip it and moved over to react. Now I'm currently learning MongDB almost done with backend web development. Lack of proper JavaScript foundation made my reactjs and Nodejs journey so so hard......
Although, thumbs up. I expect more from you. You're an amazing teacher. You gave me pure foundation on HTML CSS GitHub and explained web development for me. First online tutor. Time to get full understanding on JavaScript. More knowledge still needed.
Much love 😘
Thanks for sharing your thoughts. I'm sorry I didn't release it all at once, I actually did not have all the lessons ready back then. I did not hold back, and release it slowly on purpose. I just released as I made the lessons.
Yes, I mean it would be nice if I could make these faster, but it's not something I can just want to do and do it. It takes me time to learn the skills of creating courses and I am hopeful in the future I can create videos faster because of the learning experience I went through making this course :)
@@SuperSimpleDevSir, please provide javascript reference to recall all the the chapters
Sir, in the next lesson, can you not delete the video fragments later if they are put together, because my English is not good so I use translate to study. If the videos are combined they will be very long so the translation on RUclips won't work properly. I only understand if you teach, sir.
You're simply the best!! Thanks for this full compiled video!
Thank you for getting all this together as one
what a great teacher, had it been that i have seen this video since i started battling to become a software developer i would have gone far in the journey. imagine that i found this tutorial video this night and my eyes refused to sleep because the joy of understanding every thing one by one
i must say that you are a guru thank God for finding you.
Thank you so much for a full course 22 hours with no money. God bless you!
Already halfway through this course and all I can say is it's amazing! Thanks, Simon, for this free course. Wish you all the best ❤
this is amazing, your teaching technique and the content is amazing, please make more
Thank you so much sir for this wonderful course
The best JS course I have seen so far! 🥇
Thank you for your immense work !