Ta strona korzysta z ciasteczek, aby zapewnić Ci najlepszą możliwą obsługę. Informacje o ciasteczkach są przechowywane w przeglądarce i wykonują funkcje takie jak rozpoznawanie Cię po powrocie na naszą stronę internetową i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.
Ćwiczenia
-
CSS – Render Blocking
Poznajemy, co to znaczy render blocking, czy CSS jest render-blocking i jak sprawić, aby nie był plus przykład do czego mogłoby to się nam przydać w praktyce. Do dzieła.
-
JS – Analiza prostego malware
Robimy analizę prostego (i trochę starego) malware w JavaScript, jego części odpowiadającej za wykrywanie rodzaju User-Agenta (przeglądarki). Lekcja ciekawa, do dzieła zatem.
-
JS – od pliku HTML do drzewa DOM
Poznajemy ścieżkę od pliku z HTMLowym markupem do drzewa DOM, początek bardziej zaawansowanych tutoriali frontendowych tutaj. Do dzieła.
-
JS – req ani frame vol. 2
Dalej bawimy się requestAnimationFrame, które musimy lepiej poznać. Kontynuacja lekcji poprzednich, do dzieła!
-
JS requestAnimationFrame
Poznajemy requestAnimationFrame w JavaScript. Nasze pierwsze kroki z animacjami w JS. Do dzieła!
-
JS – sizes ćwiczenie 1
Wykonujemy ćwiczenie, którego celem jest zrozumienie cudzego (świetnego) kodu i w drugiej części poprawienie go, aby był jeszcze lepszy. Ugruntowanie naszej wiedzy. Do dzieła.
-
JS – sizes
Poznajemy properties klasy Element oraz HTMLElement dotyczące wielkości, rozmiarów i innych takich. Do dzieła.
-
JS – Document methods
Poznajemy najważniejsze metody klasy Document. Wiele z nich już poznaliśmy, jest to dobry moment, aby uporządkować wiedzę plus dodać kilka nowych rzeczy.
-
JS – NodeIterator
Wspominam o nim z kronikarskiego obowiązku, nie chcemy go używać mając TreeWalkera. Gdybyśmy jednak chcieli, pokazuję jak to zrobić.
-
JS – Tree Walker
Poznajemy Tree Walkery w JavaScript, czyli coś, czego jeszcze nie robiliśmy, a bardzo one upraszczają zaawansowaną kontrolę nad DOM. Do dzieła.
-
JS – reaktywne zmienne (koncept)
Poznamy, czym są reaktywne zmienne i jak je osiągnąć za pomocą obiektu Proxy. Dobra lekcja po mutation observerach oraz początkach frameworków frontendowo-reaktywnych.
-
JS – delegacja, observer cd.
Dalej drążymy temat, przy okazji poznając dlaczego delegacja eventów oraz mutation observery to narzędzia, z których warto korzystać.