Zamień ten tekst na URL Webhooka

JavaScript: Elementy DOM

Zapoznaj się z technikami zarządzania elementami DOM za pomocą JavaScriptu. Umiejętności, takie jak wyszukiwanie, zarządzenie elementami strony internetowej i poruszanie się po drzewie DOM, są jednym z pierwszych kroków w nauce programowania, które należy wykonać, aby stać się programistą JavaScript. Jeśli chcesz zdobyć praktyczną wiedzę z mnóstwem przykładów, to jest to warsztat dla Ciebie!

Czego się nauczysz?

  • Zrozumiesz różne podejścia do wyszukiwania elementów w drzewie DOM w JavaScripcie.
  • Nauczysz się operować na tych elementach oraz zarządzać nimi: tworzyć, osadzać, kopiować i usuwać.
  • Poznasz dobre praktyki pisania kodu.
  • Zobaczysz, jakie błędy popełniają osoby początkujące i jak ich unikać.
  • Przyswoisz najnowszą wiedzę, ponieważ materiał jest regularnie aktualizowany.

Program

No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.
No items found.

Opis

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.

  1. Wprowadzenie (czym jest drzewo DOM)
  2. Wyszukiwanie elementów
    - .querySelector()
    - .querySelectorAll()
    - .getElementById()
    - .getElementsByClassName()
    - .getElementsByTagName()
    - Łączenie wyszukiwań
  3. Operacje na elementach
    - Atrybuty
    - .dataset
    - Indetyfikatory
    - Klasy
    - Zawartość elementów
    -- innerText
    -- innerHTML
    -- textContent
    - Style
    -- obiekt style
    --
    .getComputedStyle()
    -- zmienne CSS w JS
  4. Zarządzanie elementami
    - Tworzenie elementów
    - Osadzanie elementów
    - Kopiowanie elementów
    - Usuwanie elementów
  5. 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.

Ten produkt jest dla Ciebie, jeśli…

  • Chcesz sprawdzić, czy posiadasz odpowiedni poziom wiedzy z elementów DOM w JavaScripcie, aby móc pójść dalej z nauką.
  • Poszukujesz projektu (również do portfolio) na odpowiednim poziomie trudności – będącego wyzwaniem, ale jednocześnie nie zniechęcającego do dalszej nauki.
  • Chcesz mieć dostęp do wiedzy w jednym miejscu (PDF), w którym zawsze możesz wygodnie znaleźć rozwiązanie problemu.
  • Potrzebujesz wyjaśnienia zadań w formie wideo, dzięki któremu może lepiej zrozumieć zagadnienie.
  • Oczekujesz kilku przykładowych projektów z Code Review, na których możesz się wzorować.
  • Masz już za sobą warsztat z JavaScript: Podstawy.

Najczęściej zadawane pytania

Nie ma tu jeszcze żadnych pytań. Uzupełnij je w CMS.

Autor

Autorzy

Mateusz Bogolubow
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.

Recenzje

Nie ma tu jeszcze żadnych recenzji. Prześlij nam pierwszą.
Warsztat

JavaScript: Elementy DOM

Promocja trwa jeszcze:
0
 d
0
h
0
m
0
s
119 zł
Kupuję ten produkt za
119 zł

Bezpieczna płatność z easycart

Kupuję w abonamencie za

Bezpieczna płatność z easycart

  • school
    7
     lekcji
  • watch_later
    Czas trwania to 
    1h 58 min
  • bar_chart
    Poziom: 
    Intern
  • download
    Pliki do pobrania
  • mode
    Zadania
  • verified_user
    Certyfikat ukończenia