JavaScript - skrolowanie strony i efekt paska postępu

Skrolowanie strony i JavaScript? Oczywiście! JavaScript powstał jako język zdarzeń i zmian na stronie internetowej Dziś JavaScript to pełnoprawny i zdolny do niemal wszystkiego język programowania, ale jego możliwości związane z obsługą zdarzeń na stronie (np. click, resize, dblclick, mousemove, keydown czy dzisiejsza propozycja scroll) są wciąż w powszechnym użyciu.
Naukę JavaScript warto więc także prowadzić ingerując w DOM (czyli Document Object Model, będący wytworem naszego pliku html). Choć nie jest to zaawansowane programowanie, to jednak pozwala nam poznać podstawowe koncepty i przyzwyczaić się do składni JavaScript.

🥷UPDATE 2025
Jeśli chcesz nauczyć się programowania i zostać programistą to mam dla Ciebie takie propozycje:

🕷️ Możesz uczyć się ze mną tworzenia nowoczesnych stron w ścieżce https://websamuraj.pl (Kursy są płatne ale przystępnie cenowo).

🤖 Jeśli interesujesz się AI i programowaniem to dołącz do stworzonej między innymi przeze mnie społeczności AI Dojo na Discord (udział oczywiście jest bezpłatny): Discord:   / discord  

🐍 Możesz się ze mną uczyć programowania w Pythonie za free na kanale Samuraj Programowania (kurs jest ogólnodostępny od października 2024 do początków 2026 - link jest na końcu filmu)

☕ Jeśli podoba Ci się to co robię na Kanale Samuraj Programowania, to możesz postawić mi wirtualną kawę :) Możesz to zrobić tutaj: https://suppi.pl/samuraj 💖Dziękuję!

#javascript #programowanie #kurs
==================
Czego się nauczysz z tego filmu? Przede wszystkim kilka istotnych właściwości JavaScript i DOM dotyczących przewijania strony. Przypomnisz sobie też trochę matematyki niezbędnej do dokonania obliczeń. Oczywiście wszystko to w JavaScript.

Projekt dostępny tutaj:
https://codepen.io/websamuraj/pen/NXrXKV