JavaScript: Elementy DOM

Poznaj techniki zarządzania elementami DOM za pomocą JavaScriptu. Wyszukiwanie elementów, zarządzanie nimi i poruszanie się po drzewie DOM to jedne z pierwszych umiejętności, które musi opanować każdy przyszły programista JavaScript.

Czego się nauczysz

• Różnych sposobów wyszukiwania elementów w drzewie DOM (querySelector, querySelectorAll, getElementById, getElementsByClassName, getElementsByTagName oraz łączenie wyszukiwań)
• Operowania na elementach i zarządzania nimi: tworzenia, osadzania, kopiowania i usuwania
• Pracy z atrybutami, dataset, klasami, zawartością elementów (innerText, innerHTML, textContent) oraz stylami (obiekt style, getComputedStyle(), zmienne CSS w JS)
• Poruszania się po drzewie DOM i różnicy między Element a Node
• Dobrych praktyk pisania kodu i najczęstszych błędów popełnianych przez osoby początkujące

Co obejmuje moduł

• Materiał w formie PDF z wyjaśnieniem zagadnień i przykładami kodu
• Zadanie do samodzielnego wykonania w repozytorium GitHub, sprawdzane w code review
• Projekt, który można wykorzystać w portfolio
• Omówienie dobrych praktyk i najczęściej popełnianych błędów w code review

Dla kogo jest ten moduł

Dla osób, które chcą sprawdzić swój poziom wiedzy z elementów DOM w JavaScripcie, szukają projektu do portfolio na odpowiednim poziomie trudności i wolą mieć wiedzę uporządkowaną w jednym miejscu, z możliwością konsultacji podczas code review.