Build a JavaScript calendar in 15 minutes

Learn how to build a calendar in JavaScript using modern date APIs!
This is using the platform that I use to teach JavaScript which is learnjavascript.online/?...
Learn Programming: learnprogramming.online/?utm_...
React Tutorial: react-tutorial.app/?...
Learn HTMLCSS: learnhtmlcss.online/?...

[@kamichikora6035]

Great content... You know your stuff. Straight to the point... No BS... That's how you know a great teacher from the rest. Thx man.

[@nathanhains8372]

How would you suggest refactoring this to only toggle one at a time instead of multiple? & maybe to add an event listener that coincides with a form to do something with that selected date?

[@JadJoubran]

Checkout my interactive courses:
Learn HTML CSS: learnhtmlcss.online/?
Learn Programming: learnprogramming.online?
Learn JavaScript: learnjavascript.online?
React Tutorial: react-tutorial.app?

[@theflowwizard]

nice explanation, although I find the assumption that the first date of the month starts on a Monday too easy. I would have really liked to see you go over how to dynamically fill in the days also for months where the first day does not start on a Monday.

[@sephirothjc]

I've been working on something like that and it was kind of cool to figure out. If I knew the first thing about making videos, I'd make one for sure.

[@rodweleo]

Awesome tutorial. Thank you.

[@a-gamephile5613]

Awesome video 👌 please upload more videos :)

[@stefanbogdanovic590]

Hell yeaa 😎😎 awesome video like always man!

[@JadJoubran]

Thanks 😁

[@jonahg6564]

NEED MORE!!!

[@nicolasheredia2519]

Nice video! :)

[@joaooliveira8601]

Awesome video! code in github ?

[@bassarisk6050]

Great tutorial! Thanks!! Can this be done with plain Java instead of JS?

[@perepicomuntaner8843]

Well... java and javascript have nothing to do with each other. But yeah, you could program a calendar using Java, and displaying it on the web with some sort web framework for Java :)

[@sephirothjc]

Yeah, the name can throw you off but they're actually completely different languages.

[@heyyy4987]

how add mobile holidays and fixed holydays from json file?

[@user-js9pd7cv6g]

How can I integrate it with to-do list?

[@heyyy4987]

how add mobile holidays and fixed holydays from json or array file?

[@user-xb8uq9yc2y]

is it still in the JS course? I wonder if I haven't arrived to it yet.

[@user-ux2wx4ut8i]

Where is the CSS you had copied located?

[@okuratnywidz3196]

Hi , this calendar show actuall date ?

[@estelasanchez8889]

Bravo :)

[@stephanebrault3670]

That's awesome if every months has 31 days and they all start on a Monday (or Sunday)

[@jean-luca6987]

hahaha

[@alexalannunes]

And for fill the others days?

[@piedrrum99]

Is ${myvar} depending on jquery ? because i cant make it work and i have to use "+" to concatenate my variable

[@JadJoubran]

You have to use the backtick character this one: ` not a quote or double quote
If you go through the course, it's mentioned on chapter 2 > Interpolation

[@piedrrum99]

Thanks you for this and all that you are doing !

[@partiid]

yeah cool but days are not matching with the weekends.

[@rayahmed2202]

Nice

[@user-yy8cd3og8c]

where is the link to your project?

[@antonetrinh8662]

Nice.

[@kan1259]

I tried adding the grid-template-columns: repeat(7, 1fr); to get the boxes to show but for some reason only my numbers will show but no boxes at all? Anyone know why?

[@ahmedabdelrahman4700]

to show boxes you have to put some css code to make it like a box

[@saeid_shoja9864]

him css code have been ready already . so you have to write them for yourself

[@szymonrykaa8987]

ok, but what if 1st is not monday :D ?

[@Carlos-xh2mj]

How to write this right arrow in JavaScript on my keyboard? Please... Thank you.

[@davidfarah]

where is the CSS?

[@user-ux2wx4ut8i]

Not going to lie this was an awful awful tutorial.

[@ezeanichucks3728]

Not true