ES6+

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.
Node.js – promise vs err-1st

Uczymy się stosować promises zamiast podejścia error-first na przykładzie odczytu pliku funkcją readFile. Do dzieła!
JS – Iterator vol. 1

Uczymy się, czym są iteratory w JavaScript i jak z nich korzystać. Do dzieła!
JS – Promises vol. 2

Kontynuujemy poznawanie promises. Piszemy promisy, które zwracają wartość i posiadają resolve/reject – do dzieła.
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.
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.
Bardzo szybki JS – kopiuj z navigator clipboard

Uczymy się korzystać z nowego clipboard API dostępnego teraz w obiekcie navigator. Plus pewne sztuczki z setTimeout i prostym efektem pokazującym, że element został skopiowany do schowka.
JS ES6+ – Array.with

Poznajemy Array.with, uczymy się zawsze sprawdzać informacje o działaniu różnych funkcji w dokumentacji.