Coding A Calendar App In Plain JavaScript

Let's code a calendar app in plain vanilla JavaScript! Libraries such as Angular, Vue, and React have benefits.. however it's always a great exercise to code in pure JavaScript from time to time.

#VanillaJavaScript #PortEXE

🎵 Music by Moon Wash.

---

👀 Follow Me:

[timhold]

Great tutorial! One piece of feedback though, you should show the final product at the very beginning of the video so that people can decide whether they want to build it or not.

[MrGcasl]

For the people struggling with months skipping or not showing Feb. At the part on 35:30 I added the following line above the dt.setMonth:
dt.setDate(1);
This sets the day to the first day (since every month has day 1 but not every month has day 31st for example)
Hopefully this helps

[isaacwilson]

I never see this covered... You can put <script defer src=""></script> in your html head. The defer attribute will make the script wait until after the DOM loads

[seanwilliams]

This is a really good tutorial. One suggestion for future consideration is to create the same tutorial, but with MySQL instead of local storage.

Great job!!

[knutp]

You're prob not going to see this but this is by far the most comprehensive and easy to understand tut i've ever seen. thank you seriously. this is helping me a ton in my dev journey <3

[adamgkruger]

This is such a good tut. I really hope you do more vanilla projects like this. TY and great job

[davies]

You saved my life in 1 hour 3 minutes and 45 seconds. You're awesome man.

[marceugeni]

Mygoodness you deserve far more subscribers... you're the master. it up buddy!!! Thanks for your tutorials!!!

[TechTime-]

Grate video. I learning JS and doing my pet-project for CV, I am doing booking app, and using your calendar as a starter page. Very good job. Next level for mi will be make it more responsive. Thanks for video.

[crispinthomas]

Excellent job. Good teaching techniques.

[mickdostie]

I'm trying to branch out of software deveIoppement and am new to web development, and this is great education. Really love the way you explain concepts while building something. Looking forward to seeing more of your content. Auto subscribe.

[alejandroz]

Dude code along with you is just great! this is a totally underrated channel

[zakirfaizal]

Thank you so much for sharing this with us! Was very helpful. My next step will be to try and use PHP on server side to pull events from WordPress and see if I can display those.

[hannaaverkamp-peters]

That's really impressive and I'm very grateful to you for explaining a (for me) very complex project in a comprehensible and understandable way!
you are a great teacher

[solcito]

This was exceptionally educational. Thank you!

[anil_baba]

first time watching your videos and i am very impressed. you are a very excellent teacher sir

[bpmmusic]

@28:21 when the appendChild was added did anyone get TypeError: Cannot read properties of null (reading 'appendChild')
at load

[jackdeespadas]

Thank you for this great tutorial. Keep it up.

[adrienconversanodbl_g]

Thank you so much ! Both JS and React calendar apps are the perfect balance to level up to an operational threshold. I will consider both tutorials as my React/Js graduate mark

[geeno]

Great tutorial! Thank you for explaining this in simple terms. I have a question that other seem to have already asked. How would we add multiple events for the same day but would throw an error based on if a certain time slot for that day already had an event? For example, if someone scheduled multiple meetings for one day.

Thank you again for this great tutorial! Subscribing now!