Terminkalender mit JavaScript programmieren - Teil 1

Опубликовано: 28 Март 2026
на канале: Script Raccoon

16,044

270

In diesem #Tutorial entwickeln wir einen #Terminkalender mit HTML, CSS und #JavaScript (bzw. jQuery). Im ersten Teil geht es um das grobe Grundgerüst. 📅

Hinweis (weil dazu viele Fragen kommen): Zum Öffnen der HTML braucht ihr, wie im Tutorial erklärt, die Visual Studio Code Erweiterung "Live Server", weil ich hier JavaScript-Module verwende. Das Öffnen der HTML aus dem Dateisystem heraus funktioniert nicht.

🎬 Playlist zur Reihe:    • Terminkalender mit JavaScript

📝 Demo & Quellcode
● Demo: https://somecalendar.netlify.app
● Code: https://github.com/ScriptRaccoon/cale...

⏱ Zeitmarken
● Vorstellung: 00:00
● HTML: 03:13
● Setup der Zeiten: 09:04
● Setup der Tage: 13:59
● Styling: 18:40
● Anzeige der Woche: 31:29
● Woche ändern: 41:02
● Aktueller Tag: 43:04
● Hover-Effekt: 46:00

📙 Quellen
● w3schools: https://www.w3schools.com/

📺 Empfehlenswerte YouTube-Kanäle
● Kevin Powell:    / kepowob
● Traversy Media:    / techguyweb
● Meth Meth Method:    / @meth-method
● freeCodeCamp:    / @freecodecamp

💻 Verwendete Tools (Entwicklung)
● Visual Studio Code: https://code.visualstudio.com/
● Live Server: https://marketplace.visualstudio.com/...
● Netlify: https://www.netlify.com/

🎤 Verwendete Software (Aufnahme)
● OBS: https://obsproject.com/de
● Davinci Resolve 16: https://www.blackmagicdesign.com/de/p...