Lekcja tekstowa
Lekcja audio
Zadanie
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.
Mateusz Bogolubow
Programowanie stało się moją pasją jeszcze przed dwudziestką, a zawodem – gdy założyłem firmę programistyczną podczas studiów. Przez kilka lat uczyłem kursantów na bootcampie, by później zmienić podejście na mentoring jako bardziej efektywny sposób przekazywania wiedzy. Poza pracą jestem twórcą podcastu Pierwsze kroki w IT, mężem, ojcem, a także pasjonatem szachów, optymalizacji i zdrowego stylu życia oraz górskich wypraw.