Build 15 JavaScript Projects – Vanilla JavaScript Course
August 9, 2024 2024-08-09 20:45Build 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)
@TheEbbemonster
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.
@meenakshimeeen
Thank you so much… this is so helpful
@sachinnegi6357
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….πππ₯π₯
@user-ev1ds5us4e
where is the css part??
@KTP12275
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
@jonathanfaull674
Great tutorial, thanks.
@ibuprofenPill
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.
@shalltearbloodfallen8771
thanks man! This was awesome!
@ReviewsRandomslul
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.
@AmiyoSarker
the style.css file might have some problem . I'm getting problem in the styling of the project.
@LainerAndresGonzalezPacheco
Frankly, it is not understood well and the project is disorganized.
@cenaqasemi
whats the name of your theme and you font brother??
@Timurnator1990
<3
@emyrose80
How can i get Navbar codes ?
@louiemiguelv
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);
@user-so4kb2wp5z
Where i can find video about other exercises from 16 to 29 in zip archive?
@jessicamaysmusic608
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!
@ganaderiaycabanasdondiego
β€π
@RavenFelman
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
@ASMRcode
Completed 3 hours and the menu project was super helpful. Will revisit the remaining parrts of this video tomorrow. Thankyou!
@dannitycane25
This makes no sense to me but Iβm so new to this.
@abcmithilesh4632
grt job bro…
@aytmukhammadturgunov5835
30:29
@ohhoney-oy2he
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!
@not_amanullah
this is helpful β€