Frontend Web Development Adventskalender 2024
👉 https://advent2024.thomaspuppe.de/ 👈
Ich habe dieses Jahr einen kleinen Webdev Adventskalender gebaut. Jeden Tag gibt es ein relativ unbekanntes Feature oder Detail aus der Vanilla-Welt von HTML, CSS und JavaScript. 🍬
Und dies sind Kalender, die ich selbst gerne lese oder empfehlen würde:
Web Adventskalender zum Lesen
HTML Hell
https://htmhell.dev/adventcalendar/
Ein Kalender von Manuel Matuzović mit kuratierten Blogposts zu moderner Webentwicklung, mit einem leichten Schwerpunkt auf Accessibility. Es gibt auch ein Archiv der letzten Jahre – eine Goldgrube!
Perf Planet
https://calendar.perfplanet.com/2024/
Ein Kalender nur über Web Performance – großartig! Seit einigen (16!) Jahren schon kuratiert Stoyan Stefanov Posts zum Thema Website Performance – allgemeine ("Not every user owns an iPhone") und sehr nerdige "How does the React Compiler perform on real code".
Self HTML
https://forum.selfhtml.org/advent/2024
Ich wusste nicht, dass es selfhtml noch gibt. Da kann ich ja meine Offlineversion löschen ;-). Wie auch immer, die Pioniere des Web Teaching haben einen schönen Kalender zu Accessibility-Themen.
inclusive design 24
https://inclusivedesign24.org/2024/
Apropos Accessibility ... inclusive design 24 ist eine Art jährlich stattfindende Online-Konferenz. Auf dem zugehörigen id24 Youtube Channel findet man die die 24 einstündigen Videos davon. Zufällig also perfekt passend als Adventskalender.
Web Adventskalender zum Mitmachen
Sehr schön finde ich die Idee von Mitmach-Kalendern, bei denen hinter jedem Türchen eien Coding Challenge steckt. Leider hatte ich dazu noch die die Zeit oder Muße. Aber diese hier sehen gut aus:
Der Klassiker ist der Advent of Code Kalender. Jeden Tag gibt es eine neue Coding-Aufgabe, die man in einer Sprache seiner Wahl erledigen kann.
Advent of CSS und Advent of JS
Amy Dutton hat Challenges in CSS und in JS vorbereitet. Jeden Tag gibt es eine Aufgabe
- zum Beispiel ein Briefing mit Figma-File für CSS
- HTML und CSS auf einer Seite – das JavaScript fehlt
und diese Aufgabe kann dann gelöst werden. Ich habe die Challenges noch nicht angeschaut, aber die Aufmachung der Landing Pages – auch die der letzten Jahre – ist vielversprechend!
https://www.adventofjs.com/ und https://www.adventofcss.com/