Learning Log #7: JavaScript – manipulacja DOM, zdarzenia i pierwsza prawdziwa interaktywność
Poniedziałek, 21:40. Patrzę na przycisk, który właśnie zmienił kolor po kliknięciu. Napisałam kod, który sprawił, że strona internetowa reaguje na to, co robi użytkownik.
Po dwóch miesiącach mikroedukacji w wakacje, wrzesień przywrócił pełne tempo – i przyniósł temat, na który czekałam najbardziej: manipulacja DOM i zdarzenia w JavaScript.
W tym Learning Logu pokazuję:
– Czym jest DOM (wyjaśnione przez analogię z planem architektonicznym i zbudowanym domem)
– Jak wyszukiwać, tworzyć i modyfikować elementy na stronie
– Nasłuchiwacze zdarzeń – jak strona reaguje na kliknięcia, pisanie, przewijanie
– Obiekt zdarzenia i jego właściwości
– Event bubbling i delegacja zdarzeń (najtrudniejszy koncept tego etapu)
– Budowę pierwszego w pełni interaktywnego projektu – listy zadań z dodawaniem, oznaczaniem i usuwaniem pozycji
Plus: konkretne „WTF momenty” (dlaczego this zachowuje się różnie w funkcjach strzałkowych vs zwykłych), momenty „wow” które przywróciły radość z nauki, i dlaczego ta umiejętność bezpośrednio przekłada się na pracę freelance WordPress.
Programowanie frontendowe to nie pisanie kodu, który „coś robi”. To pisanie kodu, który odpowiada Ci na żywo.