Course curriculum

  • 1

    New Chapter

    • 01. Wstęp

    • 02. Co to jest DOM

    • 03. Z czego składa się interfejsy

    • 04. Window i document

    • 05. Wybieranie elementów - stare metody

    • 06. Wybieranie elementów - querySelector

    • 07. InnerHTML i innerText

    • 08. Zmienianie atrybutów elementów

    • 09. Tworzenie elementów i dodawanie ich do body

    • 10. Tworzenie i usuwanie elementów

    • 11. Style CSS w JS

    • 12. Pozycja i wymiary elementu

    • 13. Projekt 0

    • 14. Eventy addEventListener i click

    • 15. Event reference

    • 16. Event input

    • 17. Event change

    • 18. Event change w radio button

    • 19. Eventy klawiatury

    • 20. Projekt 1

    • 21. Event bubbling

    • 22. Event form submit

    • 23. Event scroll

    • 24. LocalStorage i sessionStorage

    • 25. Projekt 2

Czego się nauczę?

Wbrew powszechnej opinii JavaScript nie potrafi zmieniać elementów stworzonych w HTML-u. Potrafi za to powiedzieć przeglądarce by to zrobiła za niego :)

Różnica jest niby subtelna, bo efekt jest ten sam, ale poznanie tych mechanizmów pomoże Ci zrozumieć jak zrobić dowolną modyfikację elementów na stornie za pomocą JS-a.

Przeglądarka ma w swojej pamięci obiektowe drzewo dokumentu (Document Object Model — DOM) i za pomocą zbioru funkcji, które udostępnia JavaScriptowi, możemy te drzewo modyfikować. W tym rozdziale dowiesz się m.in., co to jest renderowanie oraz czym się różni programowanie imperatywne od deklaratywnego i które z nich programiści wolą stosować.

Watch Intro Video