With great power comes great responsibility. — Benjamin Franklin Parker GraphQL umożliwia łatwe tworzenie dowolnie skomplikowanych zapytań. Dzięki temu twórcy aplikacji frontendowych i mobilnych mają prostsze życie. Niestety hackerzy i włamywacze również korzystają z tych dobrodziejstw. W tej prezentacji poznasz najczęstsze problemy ataki typu DDoS, Brute Force oraz sposoby pozwalające na odpieranie tych ataków.

Server-Side Rendering is a great feature that brings high performance and SEO to Single Page Applications. However, nothing comes without the price. In this talk, I would like to tell you what is SSR and why it causes so many problems in real-world applications. It can even impact User Experience in a bad way. So, during the live coding, I’ll show you how to solve those problems. It’s worth noting that SSR issues are not tied to any specific front-end framework, so any front-end developer is welcomed.

W jaki sposób React buduje drzewo DOM ? W jaki sposób zmiana stanu wpływa na aktualizację drzewa? Co to są fazy commit i render? Na te pytania postaram się odpowiedzieć podczas mojej prezentacji.

Szybkość współczesnych aplikacji WWW jest potężnym filarem, na którym opiera się dobre doświadczenie użytkowników. Na mojej prelekcji zaczniemy od podstawowych zagadnień dotyczących pomiaru szybkości WWW, narzędzi, metryk, przejdziemy do zbioru najlepszych praktyk, dzięki którym najcześciej apki WWW szybko się ładują i równie zwinnie reagują na akcje użytkowników. Zdecydowanie nie można zapomnieć, że optymalizacje speedu WWW powinny być w naszej organizacji działaniami ciągłymi, tak jak podobne procesy – np. likwidacja długu technologicznego co jakiś czas. I na tym zagadnieniu poświęcimy najwięcej czasu, gdzie opowiem Wam o toolingu do CI/CD, best practices, budżetach oraz masie innych zagadnień związanych ze stałą optymalizacją szybkości w WWW.

Kontynuacja prezentacji o genezie alternatywnych środowiskach uruchomieniowych JavaScript. Tym razem skupimy się bardziej na Deno! Oprócz prześledzenia zmian, jakie dotychczas zachodziły na tym projekcie, będą zaprezentowane elementy, które mogą zwiększyć jego obszar zastosowań: Deno Deploy, Slack CLI oraz warstwa kompatybilności z Node.js.

Jeśli nie myślisz jeszcze o tematach a11y w swoim design systemie popełniasz duży błąd! Na szczęście masz szansę go szybko naprawić. Podczas mojej prezentacji dowiesz sie jak audytować komponenty pod kątem a11y, jakie problemy są najczęstsze i jakie techniki możemy nazwać quick winami. Wszystkim tym podzielę się w oparciu o moje własne doświadczenia z budowaniem a11y-friendly biblioteki UI – Storefront UI.

W ostatnich latach optymalizacja wydajności stron internetowych zaczęła być traktowana bardzo poważnie zarówno przez developerów jak i przez biznes. Wraz ze wzrostem świadomości biznesu o wpływie szybkości strony na doświadczenie użytkownika wysoki wynik w narzędziach takich jak Lighthouse zaczął być coraz bardziej istotny. W zeszłym roku część metryk wydajnościowych zaczęła być brana pod uwagę przez Google w SEO co sprawiło, że dobra wydajność stała się kluczowa dla praktycznie każdej strony, która chce figurować wysoko w Google. W trakcie mojej prezentacji chce pokazać, że budowa wydajnych aplikacji internetowych nie musi być trudna. Wiedząc co na nią wpływa i przestrzegając kilku dobrych praktyk jesteśmy w stanie sprawić aby każda aplikacja działała szybko. Dowiesz się jak mierzyć performance, co na niego wpływa, jakie są najczęstsze błędy oraz poznasz najbardziej efektywne sposoby optymalizacji wydajności aplikacji internetowych.

Zawsze myślałem, że nie ma nic gorszego dla backendowca niż wyśrodkowanie elementu na stronie. Myliłem się! Kiedy zacząłem używać frontendowych frameworków okazało się, że prawdziwym koszmarem jest zarządzanie stanem i optymalizacja renderowania komponentów. Wszystko to oczywiście w Javascript. To dla jednych język ukochany. Ale dla tych, którzy wolą optymalizację zapytań od układania komponentów na widokach jest tym czym dla elfów z Władcy Pierścieni były krasnoludy. Dla niewtajemniczonych dodam, że elfy nie pałały sympatią do krasnoludów…z wielu powodów. Mam dobre wieści i chcę się nimi z Wami podzielić. Nadchodzi lepszy czas. Nowa era, kiedy backendowcy zaznają szczęścia. Pokażę Ci, że możliwy jest dynamiczny, reaktywny frontend bez zarządzania stanem. Z minimalną ilością Javascript. Gdzie wszystko można tworzyć w jednym backendowym języku. Wpadnij na prezentację i zobacz, co potrafi nowa odsłona frameworka Ruby on Rails. Frameworka, który nie rani. Który sprawia, że programiści są naprawdę szczęśliwi. Zapraszam Cię w erę dynamicznego frontendu bez Javascriptu.

Komponenty, składowa każdej web aplikacji. Zarówno te proste jak np. Buttony (chociaż nie zawsze), ale i bardziej skomplikowane jak np. Dropdowny i Popovery potrafią skomplikować nam życie. Jeżeli myślisz, że skorzystanie z już istniejącej biblioteki (Material-UI, Vuetify, etc.) uchroni cię przed pisaniem własnych komponentów, mylisz się. Dlatego w czasie prezentacji pokażę Ci jak radzić sobie z komponentami UI w projekcie. Podzielę się sprawdzonymi praktykami oraz pokażę kilka narzędzi, które pomogą Ci stworzyć własną bibliotekę UI oraz uporządkować już istniejące projekty.

There are projects and Projects. Although hard to grasp without experiencing it on your skin, the difference is quite substantial. Hundreds of people, multiple companies, dozens of technologies, and millions of dollars. And you. In the middle of it. Your life will never be the same again.

Doing frontend development at scale – with large applications, multiple teams and complex products – is hard. Micro-frontends is an architecture pattern that has been gaining in popularity for last few years in promise to solve this problem. In this presentation we’d like to share our experiences of building, running and evolving a microfrontends platform: the good parts & the bad parts, challenges and solutions, dos&don’t.

Dostępność (accessibility) to niezwykle ważny aspekt każdej strony internetowej. To też równocześnie jeden z bardziej niszowych i egzotycznych tematów, wokół którego narosło sporo mitów. W tej prezentacji z kilkoma z nich się rozprawimy!

A vast majority of testing written online has almost nothing to do with real-life application testing. It’s complicated, expensive, and does not relate to typical projects. In my presentation, I’ll show you that everyone is able to write tests for web applications, and do so fast.

Znacznik iframe przez wielu określany mianem reliktu przeszłości ciągle, przez brak lepszych alternatyw, znajduje zastosowanie. Spokojnie, to nie będzie kolejny talk o Microfrontends. Wyklarujemy ograniczenia jakie niesie ze sobą komunikacja cross-origin i pokażemy jak efektywnie budować API, które pozwala zamienić UI produktu w platformę na której mogą budować inni. Opowiemy jak zrobiliśmy to w Forge (About Forge), co ma to wspólnego z iframe’ami i jak zewnętrzne aplikacje rozszerzają UI produktów Atlassiana (Jira Cloud).

Pracując z React z pewnością można natknąć się na pewne problemy. Skalowalność rozwiązania, odpowiedni podział komponentów, zarządzanie stanem i wiele, wiele innych… W prezentacji zlokalizujemy największe problemy oraz postaramy się je rozwiązać. Dodatkowo weźmiemy pod uwagę jaki wpływ na aplikacje może mieć zaniedbanie w początkowych fazach rozwoju projektu.

Dlaczego najbardziej znana metodologia testów nie sprawdza się na FrontEnd’ie? Czy istnieje jakaś alternatywa do piramidy testów? Pokażę wam inne podejście do testowania i zaprezentuję jak zaimplementować puchar testów w projektach na przykładzie dwóch framework’ów. To podejście może być pomocne w podnoszeniu jakości Waszych projektów.

Ujawnimy niebawem./p>

Postmortem albo case-study najważniejszej logiki naszej flagowej aplikacji, czyli Match Trader’a. Prześledzimy od samych podstaw całą tę mieszankę wybuchową, jaką jest zarządzanie stanem w aplikacji, do której nowe dane spływają kilkanaście razy na sekundę. Gdzie walczymy z plątaniną przeróżnych naczyń połączonych i nie możemy sobie pozwolić na subscription-hell RxJS’a. W której komunikacja z serwerem odbywa się po protokole STOMP, a chcielibyśmy, żeby było to tak proste, jak zwykły HttpClient. Która działa sensownie nawet na androidowych dinozaurach. Opowiem jak te wszystkie palące kwestie, udało się rozwiązać bardzo uniwersalnymi strategiami, które w odpowiednim połączeniu, będą pasowały do wielu, z pozoru bardzo różnych, projektów.