SuperSimpleDev
SuperSimpleDev
  • 15
  • 15 485 669
JavaScript Tutorial Full Course - Beginner to Pro (2024)
In this JavaScript tutorial and JavaScript full course, learn to build websites with JavaScript, HTML, and CSS.
Exercise solutions: github.com/SuperSimpleDev/javascript-course/tree/main/1-exercise-solutions
Copy of the code: github.com/SuperSimpleDev/javascript-course/tree/main/2-copy-of-code
Links for each lesson: github.com/SuperSimpleDev/javascript-course/tree/main/3-links.md
Premium Courses:
🎓 Get a certificate for our courses with premium learning experience & support SuperSimpleDev! ❤️
HTML CSS Premium Course: courses.supersimple.dev/courses/html-css
JavaScript Premium Course: (coming soon)
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!
Lessons:
0:00 Intro
2:01 1. JavaScript Basics
14:48 2. Numbers and Math
43:26 3. Strings
1:07:32 4. HTML CSS Review, console.log
1:51:06 5. Variables
2:32:55 6. Booleans and If-Statements
3:34:12 7. Functions
4:15:45 8. Objects
5:25:46 9. Document Object Model (DOM)
6:38:51 10. HTML, CSS, and JavaScript Together
7:42:28 11. Arrays and Loops
8:43:04 11. (Part 2) Arrays and Loops
9: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
zhlédnutí: 188 549

Video

How to put an HTML website online (on the Internet)
zhlédnutí 1,5MPřed 2 lety
Learn how to put a website online on the Internet for free with GitHub Pages (using a free GitHub Pages domain name). Learn how to buy and set up a custom domain name (like "mywebsite.com"). Learn how to set up HTTPS SSL encryption for free. Sample website you can practice with: github.com/SuperSimpleDev/github-pages-example Namecheap: Use coupon NEWCOM598 to get a .com domain for $5.98 (33% OF...
HTML & CSS Full Course - Beginner to Pro
zhlédnutí 10MPřed 2 lety
Certificates are now available! courses.supersimple.dev/courses/html-css 🎓 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 t...
Backend web development - a complete overview
zhlédnutí 1,6MPřed 2 lety
We learn every backend technology we need to build a web application. We go over backend programming languages, backend web frameworks, databases, APIs, REST APIs, cloud computing, and specialized backend technologies. Every Frontend Technology Explained: czcams.com/video/WG5ikvJ2TKA/video.html FreeCodeCamp Backend Roadmap: www.freecodecamp.org/news/2019-web-developer-roadmap/#back-end-web-deve...
How to compete against CS degrees (as a self-taught dev)
zhlédnutí 76KPřed 2 lety
We'll look at how to compete for software developer jobs against CS degrees as someone who is a self-taught software developer. Contact: supersimple.dev/feedback Behind the scenes: supersimple.dev Latest updates: SuperSimpleDev 0:00 CS degree vs self-taught 0:35 Importance of trust 1:55 Why CS degrees have an advantage 3:16 How to build trust 5:10 How to compete with ...
Frontend web development - a complete overview
zhlédnutí 327KPřed 2 lety
We'll look at every technology you need to build a frontend web application. We'll go over languages, frameworks, bundlers, transpilers, preprocessors, and HTTP. Every Backend Technology Explained: czcams.com/video/XBu54nfzxAQ/video.html Contact: supersimple.dev/feedback Behind the scenes: supersimple.dev Latest updates: SuperSimpleDev 0:00 Frontend vs backend 0:25 HT...
How to Learn Programming Languages in 1 Day (using Google)
zhlédnutí 80KPřed 2 lety
Programmers can learn new programming languages in 1 day using Google. I'll use a language I've never used before to code a project, and show you how I use Google to learn new languages fast. 2048 game: play2048.co/ Contact: supersimple.dev/feedback Behind the scenes: supersimple.dev Latest updates: SuperSimpleDev 0:00 Intro 0:40 Setup 1:14 How to break down problems ...
Git Branching and Merging - Detailed Tutorial
zhlédnutí 177KPřed 2 lety
Learn Git branching and merging and use it with GitHub in the feature branch workflow. Branching and merging are powerful features of Git and GitHub that allows teams to work simultaneously in a project. Once you learn branching and merging, you'll be at a professional level of Git and GitHub. Part 1 of this Git and GitHub tutorial: czcams.com/video/hrTQipWp6co/video.html Part 2 of this Git and...
Wordpress vs coding - why devs SHOULD learn Wordpress
zhlédnutí 273KPřed 3 lety
Wordpress or coding web apps from scratch with HTML CSS and JavaScript? As software developers, why do we learn to code web apps with JavaScript when we can just use Wordpress? We'll compare Wordpress with hand coding, see that Wordpress and coding with HTML CSS and JavaScript aren't much different, and why I recommend software developers to learn Wordpress. Contact: supersimple.dev/feedback In...
Git and GitHub - 0 Experience to Professional in 1 Tutorial (Part 2)
zhlédnutí 134KPřed 3 lety
We'll learn Git and GitHub from the ground up. In this git tutorial, we'll cover git and GitHub fundamentals, and all the git commands you'll need, to use Git and GitHub professionally as a software engineer. Part 1 of this Git and GitHub tutorial: czcams.com/video/hrTQipWp6co/video.html Git and GitHub cheatsheet: supersimple.dev/courses/git-github-complete-course-20211 Contact: supersimple.dev...
Git and GitHub - 0 Experience to Professional in 1 Tutorial (Part 1)
zhlédnutí 352KPřed 3 lety
Learn Git from 0 experience to professional level in 3 projects. Git Cheatsheet: supersimple.dev/courses/git-github-complete-course-20211 Download Git: git-scm.com/downloads Learn Programming From Scratch Course: czcams.com/play/PLEPye7A7EcQaCndZrdwZiA6fCNZhIxfP-.html Contact: supersimple.dev/feedback Instagram: supersimple.dev 0:00 What is git? 1:31 How to Install Git 2:00 Mac In...
Which programming language to learn first (with charts)
zhlédnutí 106KPřed 3 lety
Which programming language should you learn first if you want to become a software engineer? JavaScript, Python, Typescript? We'll look at some charts to see which programming language you should learn to give you the best chance of getting a software engineering job. JavaScript Tutorial For Beginners: czcams.com/video/bArwRwHey6c/video.html StackOverflow Developer Surveys: insights.stackoverfl...
How to become a software engineer with no experience
zhlédnutí 491KPřed 3 lety
We look at the 3 ways everyone becomes a software engineer: college, coding bootcamps, and self-taught. Which one you choose depends on your time, budget, and learning preferences, but all of them get you into the software engineering industry. List of bootcamps: bootcamprankings.com/best-coding-bootcamps/ Thanks for watching! If you have any comments or questions please leave them down below. ...
JavaScript frameworks explained in 90 seconds
zhlédnutí 62KPřed 3 lety
We learn what are JavaScript frameworks, why there are so many JavaScript frameworks, and which one to pick. ReactJS: reactjs.org/ VueJS: vuejs.org/ Angular: angular.io/ Contact: supersimple.dev/feedback Instagram: supersimple.dev 0:00 Intro 0:14 What are JavaScript frameworks? 0:57 Why are there so many frameworks? 1:06 Which framework should you learn? 1:31 Conclusion #javascrip...
What is a JavaScript Framework? (in detail)
zhlédnutí 202KPřed 3 lety
We learn what are JavaScript frameworks, how JavaScript frameworks work, and how to program your website using a JavaScript framework if you want to become a software engineer. ReactJS framework: reactjs.org VueJS framework: vuejs.org Angular framework: angular.io Contact: supersimple.dev/feedback Instagram: supersimple.dev 0:00 Intro 0:35 What's a JavaScript framework? 2:12 Let's...

Komentáře

  • @tedobaba3083
    @tedobaba3083 Před 10 vteřinami

    Completed after 2 weeks....thank you this is the best course I have ever had.

  • @mceth
    @mceth Před 28 minutami

    Very good course ....clears all the doubts and strength ens the basics .....❤❤❤

  • @rikku6486
    @rikku6486 Před 53 minutami

    react next? or css framework

  • @gdeveloper3
    @gdeveloper3 Před 3 hodinami

    Anyone want to start together

    • @duke_010
      @duke_010 Před 29 minutami

      let's continue together

  • @c.f5170
    @c.f5170 Před 4 hodinami

    hey there! Huge thank you for such an amazing course oriented towards beginners. It looks like the "books that you find helpful" is not linked at the bottom of the video. Do you mind sharing the links? totally understands if that's a no. again, thank you so much.

  • @pamenthafaagolo1621
    @pamenthafaagolo1621 Před 6 hodinami

    thank God i saw this... 3 years in uni, summerized in 6 and half hours...... too good

  • @MTK10jr
    @MTK10jr Před 8 hodinami

    Next video python please

  • @MTK10jr
    @MTK10jr Před 8 hodinami

    Next python

  • @shubhamsandilya
    @shubhamsandilya Před 9 hodinami

    Bro came back after 2 years and dropped a 22hr free video on java script🗿

  • @alexmark6645
    @alexmark6645 Před 11 hodinami

    I want to appreciate you for this wonderful thing you’re doing! You’re not getting paid by any of us; but yet you still went ahead and put out almost a day long video. May God continue and bless and strengthen you! Amen

    • @SuperSimpleDev
      @SuperSimpleDev Před hodinou

      Thanks for watching :) I am happy that you are enjoying the videos and hope that you have fun learning!

  • @LizyAd
    @LizyAd Před 11 hodinami

    Thank you for simplifying this!!

  • @idy7706
    @idy7706 Před 11 hodinami

    Learning with you from Bangladesh 🇧🇩🇧🇩🇧🇩

  • @matasmartinkus144
    @matasmartinkus144 Před 11 hodinami

    really good tutorial thanks

  • @asd3629
    @asd3629 Před 12 hodinami

    Can I use just my phone? Or do I need a computer or laptop? If I need a laptop can you suggest configurations, please? Thank you))

  • @ssemukuyetimothy137
    @ssemukuyetimothy137 Před 13 hodinami

    Is data management catered for . as in what database is being used for backend

  • @gyakposekegh4837
    @gyakposekegh4837 Před 13 hodinami

    I was looking to become a web developer this year with no previous knowledge in this field, I searched for vids on CZcams,looked at certain videos and I was losing interest suddenly I came across this vid, I have successfully completed the tasks in this video so bragged to my friend who is a professional web developer to give me assignment in html nd css & I will do it..he told me to make 9 images on a page round, 3 rows and 3 columns...I quickly made a div container then made 3 other divs inside. I uploaded the 3 images then gave the container a class made it flex and direction row,note I didn't class all the divs I inserted the images in I targeted all images in my css code and rounded them.. then I copied the whole container and it's content and pasted it 3 times and changed the images...this whole routine was in 10mins I sent it to my friend and he said I copied the code from chat gpt 10mins is too small saying he as a pro can't do this In 10mins..I didn't even know how to defend myself, I asked myself is this supposed to be hard ..what I realized was I had a better teacher he made this things look casual...Even God won't be happy if I didn't return here to share my testimony

    • @jeremywinston1
      @jeremywinston1 Před 12 hodinami

      i think your friend is just bad at it 😂, but good for you.

  • @zazakh7804
    @zazakh7804 Před 14 hodinami

    Thank you so much. The video was amazing and super understandable. There wasn't any confusing detail and as a person who had no html background I was able to come along with no problem. It was great and I recommend it to anyone who wants to start this path.

  • @pinkiipinku
    @pinkiipinku Před 15 hodinami

    when i type in color: then space then white it doesn't read it's a color because a little color box doesn't appear how do i fix? i even made sure i put my semicolon after

  • @elevate4844
    @elevate4844 Před 15 hodinami

    Please make more free CZcams video courses so that we can learn more stuff..

  • @user-hj8xh7zv9n
    @user-hj8xh7zv9n Před 16 hodinami

    Am a Uganda trying to learn Coding from Africa thanks for the lesson in CSS now heading to Java script just finished the video on 22nd may 2024 . thank u

  • @RabiaAltaf1990
    @RabiaAltaf1990 Před 16 hodinami

    Can you please do a react and next js course also. I followed your html, css course and now this. It’s great learning experience. Thank you for making these tutorials.

  • @arailymauezkhanova3234
    @arailymauezkhanova3234 Před 17 hodinami

    Amazing video lessons. Thank u so much!

  • @shirinravshanova9729
    @shirinravshanova9729 Před 18 hodinami

    ❤❤🔥

  • @zoltancaputo9562
    @zoltancaputo9562 Před 18 hodinami

    Amazing video ... always sharing with new developers. tks

  • @zunayedkabir6225
    @zunayedkabir6225 Před 18 hodinami

    Find this course while scrolling randomly. And now I have completed half of the course

  • @Alphalm100
    @Alphalm100 Před 20 hodinami

    Imagine learning NextJS(ReactJS) like this

  • @YoupTub-nx8pf
    @YoupTub-nx8pf Před 22 hodinami

    The best

  • @roymathews4579
    @roymathews4579 Před 22 hodinami

    Hello Simon, I am a beginner - following you lesson by lesson - I came across this problem while doing the Rock Paper Scissors - "message": "Cannot redeclare block-scoped variable 'randomNumber'.", Cannot redeclare block-scoped variable 'computerMove'. Cannot redeclare block-scoped variable 'result'. Has anyone - had this problem. Looking forward hearing from you. <button onclick=" const randomNumber = Math.random(); let computerMove = ''; if (randomNumber >= 0 && randomNumber < 1/3) { computerMove = 'Rock'; } else if (randomNumber >= 1/3 && randomNumber < 2/3) { computerMove = 'Paper'; } else if (randomNumber >= 2/3 && randomNumber < 1) { computerMove = 'Scissors'; } let result = ''; if (computerMove === 'Rock') { result = 'Tie'; } else if (computerMove === 'Paper') { result = 'You lost'; } else if (computerMove === 'Scissors') { result = 'You Win'; } alert('You picked Rock. Computer picked $(computerMove). $(result)'); ">Rock</button>

    • @Bert_00
      @Bert_00 Před 21 hodinou

      Hi , look at the alert $() > error ${} > ok template string

  • @UnoTeclipseUTL
    @UnoTeclipseUTL Před 22 hodinami

    Please add a Language change option in your video and Add Hindi Language

  • @Nivek389
    @Nivek389 Před dnem

    (❁´◡`❁)

  • @jgghbhk
    @jgghbhk Před dnem

    Topic was important but it was not explained in better way.. feedback

  • @user-sx5nz8eq7j
    @user-sx5nz8eq7j Před dnem

    عاش، جنا محتاجين فديو منك ❤️❤️love your video

  • @butterssss
    @butterssss Před dnem

    Hi Simon! Thank you for making absolutely wonderful video like I don't know what else to say ( I can say alot) but overall thank you. I started on April 1st 2024 and at my own time I was able to finish it to May 21 2024 it was a learning curve but I was able to understand and most importantly learn from you I cant wait to see what road this will lead to for myself but thank you onto next JAVASCRIPT!!!!!!!!!!!!!!!!!!!!!!!!!!!!! <#3 thank you my king slay

  • @gsilagan7117
    @gsilagan7117 Před dnem

    Liked and subscribed within the first 10 seconds. ! I am non tech person looking to break into tech. I appreciate this video greatly 👍

  • @felixjoeansah-pj8zl

    U're genius man.

  • @sonicftd6768
    @sonicftd6768 Před dnem

    In Inheritance Concept - Why did the time in the video didn't get underlined while using text decoration : underline ; in video grid

  • @matthewzhiginas2408

    amazing course and amazing teacher Simon, thanks a lot!

  • @northcrew1376
    @northcrew1376 Před dnem

    WAIT WAIT DON'T STOP HIM, LET HIM COOK!🥵

  • @satyamsaraf5725
    @satyamsaraf5725 Před dnem

    sir, your teaching way is awesome Thank You so much and I not have words to say just * Thank You *.

  • @djtube9644
    @djtube9644 Před dnem

    This is fantastic, I am developing an application for the first time, I am well versed in Python and slight backend development but connecting it to the front end has always been confusing

  • @dwainaiolupotea
    @dwainaiolupotea Před dnem

    Perfect timing. I've nearly completed your HTML and CSS video and have learned alot. Thank you Simon! God bless!

  • @ravulakolanuarun
    @ravulakolanuarun Před dnem

    Please upload ReactJS full course video brother.

  • @QihNeinwd
    @QihNeinwd Před dnem

    After this do I have to learn Vue Js angular js and other frameworks or they are covered in this tutorial

  • @legoshi5508
    @legoshi5508 Před dnem

    Wow amazing teacher💯💯Please can we have a Typescript video Next?!

  • @freguenshoodjean5841

    😅😅I'm on 4 hours in this course , yeee the function section hit hard tbh 😅😅 But I tried to write my code a litle different Here is mine function playGame(playerMove) { const computerMove = pickComputerMove(); let result = ''; if (playerMove === 'scissors') { if (computerMove === 'rock') { result = 'You lose.'; } else if (computerMove === 'paper') { result = 'You win.'; } else if (computerMove === 'scissors') { result = 'Tie.'; } } else if (playerMove === 'paper') { if (computerMove === 'rock') { result = 'You win.'; } else if (computerMove === 'paper') { result = 'Tie.'; } else if (computerMove === 'scissors') { result = 'You lose.'; } } else if (playerMove === 'rock') { if (computerMove === 'rock') { result = 'Tie.'; } else if (computerMove === 'paper') { result = 'You lose.'; } else if (computerMove === 'scissors') { result = 'You win.'; } } alert(`You picked ${playerMove}, the computer picked ${computerMove}, ${result}`); } function pickComputerMove() { const randomNumber = Math.random(); let computerMove = ''; if (randomNumber < 1 / 3) { computerMove = 'rock'; } else if (randomNumber < 2 / 3) { computerMove = 'paper'; } else { computerMove = 'scissors'; } return computerMove; }

  • @mirza9163
    @mirza9163 Před dnem

    Does Anyone have notes for this tuitorial? PLease Share

  • @SH-LUFFY18
    @SH-LUFFY18 Před dnem

    I just comepleted HTML+CSS course Now, I am gonna start this let's see how many days does this take.

  • @yussufsalad1132
    @yussufsalad1132 Před dnem

    have been waiting u sir for long. Thank u very much

  • @bachirHammana
    @bachirHammana Před dnem

    well hello there you're a good programer and as an 14 years old teen i hope i will be like you