Lekcja tekstowa
Elementy DOM to małe klocki, z których jest zbudowana strona internetowa. Ich wyszukiwanie, dodawanie czy usuwanie jest pierwszym krokiem do budowania interaktywnych i nowoczesnych stron internetowych. Niezbędną umiejętnością jest również modyfikowanie tych elementów przy pomocy odpowiednich właściwości. Najwyższy czas, abyś to Ty decydował, jak mają wyglądać elementy DOM na Twoje stronie internetowej!
Przeczytaj więcej w ebooku JavaScript: Elementy DOM
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Lekcja audio
Elementy DOM to małe klocki, z których jest zbudowana strona internetowa. Ich wyszukiwanie, dodawanie czy usuwanie jest pierwszym krokiem do budowania interaktywnych i nowoczesnych stron internetowych. Niezbędną umiejętnością jest również modyfikowanie tych elementów przy pomocy odpowiednich właściwości. Najwyższy czas, abyś to Ty decydował, jak mają wyglądać elementy DOM na Twoje stronie internetowej!
Przeczytaj więcej w ebooku JavaScript: Elementy DOM
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Zadanie
Elementy DOM to małe klocki, z których jest zbudowana strona internetowa. Ich wyszukiwanie, dodawanie czy usuwanie jest pierwszym krokiem do budowania interaktywnych i nowoczesnych stron internetowych. Niezbędną umiejętnością jest również modyfikowanie tych elementów przy pomocy odpowiednich właściwości. Najwyższy czas, abyś to Ty decydował, jak mają wyglądać elementy DOM na Twoje stronie internetowej!
Przeczytaj więcej w ebooku JavaScript: Elementy DOM
Pobierz PDF, aby wygodnie zapoznać się z ebookiem na dowolnym urządzeniu.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Warsztat będzie omawiać poniższe zagadnienia. Informacje na ich temat znajdziesz zarówno w części teoretycznej, jak i praktycznej, tj. w zadaniach oraz projekcie.
- Wprowadzenie (czym jest drzewo DOM)
- Wyszukiwanie elementów
- .querySelector()
- .querySelectorAll()
- .getElementById()
- .getElementsByClassName()
- .getElementsByTagName()
- Łączenie wyszukiwań - Operacje na elementach
- Atrybuty
- .dataset
- Indetyfikatory
- Klasy
- Zawartość elementów
-- innerText
-- innerHTML
-- textContent
- Style
-- obiekt style
-- .getComputedStyle()
-- zmienne CSS w JS - Zarządzanie elementami
- Tworzenie elementów
- Osadzanie elementów
- Kopiowanie elementów
- Usuwanie elementów - Poruszanie się po DOM
- Wprowadzenie
- Element vs Node
Co wchodzi w skład warsztatu?
- PDF w formie prezentacji, który zawiera wyjaśnienie zagadnień wraz z przykładami kodu (zobacz darmowy warsztat).
- Zadania do samodzielnego wykonania w serwisie GitHub (wymagane darmowe konto).
- Omówienie i przedstawienie rozwiązań zadań w formie wideo.
- Projekt do samodzielnego wykonania, który można wykorzystać w portfolio.
- Wideo z przykładowym Code Review projektów – omówienie dobrych praktyk i najczęściej popełnianych błędów.