Edumall Preloader
WP Tutorials

Build 15 JavaScript Projects – Vanilla JavaScript Course

Build 15 JavaScript Projects – Vanilla JavaScript Course

Build 15 JavaScript Projects – Vanilla JavaScript Course



Sharpen your JavaScript skills by building 15 projects using plain JavaScript without frameworks. In this tutorial course, you will be taught step-by-step how to build JavaScript projects.

πŸ’» Code: https://github.com/john-smilga/javascript-basic-projects
πŸ”— View completed projects: https://www.vanillajavascriptprojects.com/

✏️ Course created by John Smilga. Check out his YouTube channel: https://www.youtube.com/codingaddict

πŸ”— John Smilga’s website: https://www.johnsmilga.com

⭐️ Course Contents ⭐️
⌨️ (00:00) Intro
⌨️ (07:01) Color Flipper
⌨️ (30:25) Counter
⌨️ (44:04) Reviews
⌨️ (1:11:29) Navbar
⌨️ (1:26:21) Sidebar
⌨️ (1:39:03) Modal
⌨️ (1:48:26) Questions
⌨️ (2:16:25) Menu
⌨️ (3:16:13) Video
⌨️ (3:32:45) Scroll
⌨️ (4:36:15) Tabs
⌨️ (4:58:53) Countdown
⌨️ (5:56:35) Lorem Ipsum
⌨️ (6:18:23) Grocery
⌨️ (8:01:14) Slider

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

source

Comments (25)

  1. Great course, but when aimed at beginners there is a pretty huge flaw. They have zero idea of how to install javascript and setup the live server.

  2. Thank you so much… this is so helpful

  3. They are really good projects, and what I like the most about this series is they are in a perfect order from basic to advanced I was able to create first 6 projects on my own without looking the tutorial, I even wrote the javascript by myselft too..and It felt really good after achieving the desired results.. really proud.

    but now I am on the questions webiste which is totally new for me so I have to watch the tutorial for this..

    will update my comment after completing the series….πŸš€πŸš€πŸ”₯πŸ”₯

  4. where is the css part??

  5. Context: I am a 4th year cs student who has learnt js from a 20 hours course and this course I am using it to practice js, I don't watch the entire video, I just take the idea and try to self creat these project and if I get stuck I will watch the video for clues and ideas

    7/27/2024: finish the first project after 35 minutes
    7/27/2024: finish the 2nd project after 26 minutes
    7/28/2024: finish the 3rd project after 127 minutes
    7/28/2024: finish the 4th project after 21 minutes
    7/28/2024: finish the 5th project after 23 minutes

    Ps: I will continually update this comment until I finish all the projects xD

  6. Great tutorial, thanks.

  7. First of all, great video. Even though it's a javascript video, the toughest part in a lot of the sections is understanding the CSS.

  8. thanks man! This was awesome!

  9. This has been a life saver, just what I needed after learning js basics, I think it's good practice to not download anything and just try to get the same result with my own html and css (which of course takes forever but it's good practice) and trying to get the js part on my own before watching how he does it, of course I get it done in a different and more inneficient way but looking back just 2 weeks ago I didn't have the confidence to do simple things like this, this is huge, thanks for all these free content.

  10. the style.css file might have some problem . I'm getting problem in the styling of the project.

  11. Frankly, it is not understood well and the project is disorganized.

  12. whats the name of your theme and you font brother??

  13. <3

  14. How can i get Navbar codes ?

  15. Hi, i was wondering if how do you add an autoplay and define the timing/seconds of every slides on the last exercise? thank you so much. Or how do you create an autoplay function for the slider exercise.

    Ignore this message as I've added a setInterval for the autoplay. Here's what I came up

    setInterval(function() {

    counter++;

    if( counter > slides.length -1 ) {

    counter = 0;

    }

    carousel();

    }, 1000);

  16. Where i can find video about other exercises from 16 to 29 in zip archive?

  17. Thanks for your helpful insights. Trying to get started but I'm getting a "Site Not Found" window after clicking on quite a few of your DOM projects on your javascript project page. Any chance those will be back up again? Much appreciated!

  18. β€πŸŽ‰

  19. The setup folder for the third project (the reviews one) seems like he has the js file with the final code already, instead of starting with just the persons data

  20. Completed 3 hours and the menu project was super helpful. Will revisit the remaining parrts of this video tomorrow. Thankyou!

  21. This makes no sense to me but I’m so new to this.

  22. grt job bro…

  23. Wow, I’m here almost 4 hours. It took me a while to complete these projects. The video is amazing. I like every minute of it! Thank you!

  24. this is helpful ❀

Leave your thought here

Your email address will not be published. Required fields are marked *

Enable Notifications OK No thanks