JavaScript Tutorial Full Course - Beginner to Pro (2024)
Vložit
- čas přidán 19. 06. 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:
⭐ CZcams 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: 1718843686216
Issues and solutions:
- CZcams 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
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
Those who need react course like
I only need react course from this guy lol.
Bro your teaching skill is no joke😏
Vote For Full Stack Course From Beginner to Pro (MERN Stack)❤
Plz,, we r waiting eagerly
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... 💯
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 😂
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
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 CZcams
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?
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!
@@trungtran-dl6bg yeah I was like.. where did my downloads go
LOL I GOT SCARED THE 12 HOUR JavaScript course disappeared but found this new compiled version. THANKS A LOT!!!!!!!!!!!!!!! Best teacher and teaching method.
You are the king of explaining the complex concepts in a simple way.
A free course that is 22 hours long with 250 exercises including a final project? This is god-tier content!
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❤
You made a 22 hours video and still managed to give us quality advice. May Allah bless you!
May Jesus bless him first
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
Man, you've done a lot of work for this. Your efforts won't go to waste.
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.
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 CZcams.
Thanks Simon for this course. I've finishes and learned a lot from it. A huge thanks from heart..
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
Please don’t remove this video 🙏🏼
Just checking out the arrays and loops section. such a wonderful teaching technique. Much appreciated for making this for us.
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!🙏
If you are viewing this, just know it's the best JavaScript tutorial you will ever find.
Thank you, Simon, you the best mahn!
Thank You so Much For Your Legcay ! Your Legendery Courses are so Enjoyable.
best ever video on javascript ,loved you man youre the best teacher to learn step by step java script
React course please 🥺
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. ❤️
Big thanks for your exemplary teaching ❤
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!
Very comprehensive! Thanks a lot!!
Kudos to you Man. Appreciate your time and work.
from the bottom of my heart, Thank you.
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 CZcams. Congratulations! And a very, very big thank to you.
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
You make me love Javascript. Thank you
Very happy to hear that! Thank you for your support:)
@@SuperSimpleDev U are the best!
Simon please make videos about react and python
Glad that you put other js videos in one single video. Thanks from heart for these lessons.
Finished your html and css, gonna push through this one as well. Great stuff 👍🏽
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!
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 CZcams 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 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.
Your explanation is the best I’ve ever had, your html and css was amazing
Slowly, clearly , perfect! I'd like vue.js, documentation is awful, esspessially migration from vue2 to vue3 (resourse depricated, and so on...)
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!!
I'm completely beginner at Javascript. Thank you for making this course! LFG!!
day 1: 43:26
day 2: 1:07:33
day 3: 1:51:07
day 4: 2:32:22
day 5: 3:33:45 //will do the exercises
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.
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
Incredible. Im excited to finish your video.. thanks for putting in this work
Thank you! This is the best JavaScript course on CZcams.
Great!!! Request you to make series on backend development with node. Js.
Watching from Kenya🇰🇪🇰🇪🇰🇪
Welcome!
Wow amazing definitely I will use this course after finishing my css. I am daily live streaming my study progress in this channel.
عاش، جنا محتاجين فديو منك ❤️❤️love your video
احلى حاجه الترجمه غير الي مكتوب 🙃
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 :)
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 czcams.com/video/EerdGm-ehJQ/video.html This one is really good. There is another channel that teaches next.js, its really competitive and nice.
Thank you so much!! you are a blessing.
You're simply the best!! Thanks for this full compiled video!
Oh man, you are the best!
Thank you sir 😊
i watch almost all channels but for the last 2 months, I have joined this channel. really nice and real project-based.
you have a magical teaching skill, Good Job !!
I NEEDED THIS ONEEEE!!!
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!
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 ❤
How calm he is 🫡
I think you have a super computer...✅
😁❣️
I love the way you teach. I saw many different courses but you are the best, no jokes❤️
this is amazing, your teaching technique and the content is amazing, please make more
4:37:02
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
Nice
Nice 🙂
I love your teaching style. Thank you!
Wow!! I was waiting for it!!
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
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….
best tutorial i have ever seen ... so detailed and up to the point!
This is a monumental piece of work! I hope you get as much reward for this as possible.
For fellow rookies - don't just watch, do the exercises, all of them, that's where the actual learning really happens!
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
God bless you! I haven't seen any better JS video on CZcams than yours. Thank you so much for making them ! 🙏🏻
You are one of the best resources for learning. I watched your original series on JavaScript so long ago, that I made the career switch from finance to tech, worked for roughly 1 year as a front-end developer and was laid off. Keep making the goated tutorials, and thank you for the help getting me into my new career. A video with tips on navigating this tough hiring market would be a great addition to the series. Thanks again!
can you please add the time laps to the video .....
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:)
This is the most comprehensive Javascript course on youtube I have seen. You deserve 100M subscribers.
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.
Next course on React Please
Like, for ReactJs
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.
Thank you for your kind efforts in this course. It's wonderful to learn from you.
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
Sir Love from Nepal ❤❤❤, Sir please please upload backend course, reactjs and java and kotlin and so on
awesome bro awesome! absolutely fantastic! thank you very much for this.
are you serious this is for free??? ggwp sir..
First comment❤🎉
Your contribution to the society by creating this course is tremendous. Thank you.
you made me start again to learning javascript after I got bored of learning it. thanks for all things💙
First like
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
Day 10: 13:56:37
keep it up
💪
🔥💯
@@shinigamimaro7981 Thanks!
Make sure to take note it helps
Thank you for getting all this together as one