Ćwiczenia

  • CSS – Render Blocking

    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

    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

    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

    JS – req ani frame vol. 2

    Dalej bawimy się requestAnimationFrame, które musimy lepiej poznać. Kontynuacja lekcji poprzednich, do dzieła!

  • JS requestAnimationFrame

    JS requestAnimationFrame

    Poznajemy requestAnimationFrame w JavaScript. Nasze pierwsze kroki z animacjami w JS. Do dzieła!

  • JS – sizes ćwiczenie 1

    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

    JS – sizes

    Poznajemy properties klasy Element oraz HTMLElement dotyczące wielkości, rozmiarów i innych takich. Do dzieła.

  • JS – Document methods

    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

    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

    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)

    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.

    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ć.