DOM

JS – operator void

Operator void, to ciekawostka, którą warto poznać. Zobaczymy jak ona działa na przykładzie klasy Helper z poprzednich lekcji. Do dzieła.
JS – fluent interface

Uczymy się „return this” czyli pisania metod, które można chainować. Na przykładzie z poprzedniej lekcji. Do dzieła.
JS – nodeType

Uczymy się czym jest nodeType i firstChild na przykładzie klasy, którą później rozbudujemy. Do dzieła.
JS – textContent, html

Uczymy się zmieniać textContent elementów zachowując jednocześnie ich innerHTML. Do dzieła.
JS – computed styles

Kolejna rzecz, której nie wypada znać, czyli pobieranie stylów CSS za pomocą JavaScript. Do dzieła.
JS – Promises vol. 2

Kontynuujemy poznawanie promises. Piszemy promisy, które zwracają wartość i posiadają resolve/reject – do dzieła.
Praktyczny JavaScript – navbar script

Przykład prawdziwego czystego kodu JavaScript do manipulacji DOM – obsługi paska nawigacyjnego, użytego w większym projekcie, korzystającym z frameworka. Codzienna dawka czystego JS.
Web Components – OOP + DOM 3 (JS)

Dotkniemy teraz tematu, jakim są Custom Web Components a także dziedziczenia z wbudowanych typów. Napiszemy klasę będącą własną wersją tagu o innej funkcjonalności.
Szybki JS – OOP + DOM 2

Kontynuujemy naukę obiektowego podejścia do pisania kodu JavaScript, wykonując hover effect z kolorem na każdej literze tagu z pewnym opóźnieniem. Piszemy klasę JS, która obiekt o podanej klasie CSS zamieni na jednoliterowe elementy , które z odpowiednim opóźnieniem będą wykonywały efekt zmiany koloru.
Szybki JS – OOP + DOM

Nauczymy się odtworzyć efekt ScrollIntoView używając bardziej obiektowego podejścia w JS pisząc klasy i zapewniając większą modularność naszego kodu, możliwość aktywowania efektu jedną linijką.
Bardzo szybki JS – znikający przycisk z Web Animations API

Piszemy z Web Animations API event przycisku, który po wciśnięciu znika na krótką chwilę, po czym pojawia się znowu. Idealne do różnego rodzaju przycisków kopiowania. Wykorzystamy właściwość CSS filter z funkcją opacity oraz Web Animations API.
Bardzo szybki JS – invalid input shake przy każdym złym znaku

Web Animation API sprawia, że animacje tworzy się w JavaScript bardzo łatwo, szybko i w dodatku lepiej to się komponuje z kodem niż tradycyjne animacje w CSS. Zrobimy „invalid input shake”, ale taki, który działa za każdym wciśnięciem nieprawidłowego przycisku.