Praktyczny JavaScript – 10 projektów krok po kroku

Szkolenie online, 10 sesji trwających po około 2 godz. Terminy sesji: kwiecień–czerwiec 2026 r. Nagrania dostępne przez 12 miesięcy.

JavaScript jest wszędzie! Zarówno na frontendzie, jak i na backendzie. Pojawia się nawet jako język skryptowy w niektórych aplikacjach. JavaScript, podobnie jak innych języków programowania, najlepiej jest uczyć się w praktyce – na własnych projektach. Zapraszamy Cię zatem na nasze nowe, składające się z 10 spotkań, szkolenie! Podczas każdego spotkania Gynvael Coldwind weźmie na tapetę jeden pomysł, przekaże potrzebną teoretyczną wiedzę oraz zaprezentuje, jak taki projekt krok po kroku zaimplementować, jednocześnie tłumacząc wszystkie związane z tym aspekty.

Z punktu widzenia prelegenta:

O ile sam JavaScript jest relatywnie prostym językiem, to ma jednak sporo ukrytej złożoności. Od niecodziennego modelu wykonania, przez wszechobecne w przeglądarkowym świecie drzewo DOM, do dość dziwnych wyników bądź co bądź prostych operacji matematycznych. Co za tym idzie, nauka programowania w JS jest drogą najeżoną pułapkami. Zapraszam więc do wybrania się w podróż ze mną w roli przewodnika – podczas szkolenia przeprowadzę Was przez 10 projektów krok po kroku, wskazując zarówno ciekawoski, jak i czyhające pułapki. Oprócz samych projektów będę Was również zachęcał do praktyki, a w szczególności do rozwiązywania dodatkowych zadań, przygotowanych z myślą o przetrenowaniu tego, co zobaczycie podczas spotkań. Cały kurs pozwoli Wam dużo pewniej stanąć na nogach i kontynuować dalszą podróż w świecie JavaScript.

CZEGO DOWIESZ SIĘ PODCZAS SZKOLENIA

Od czego zacząć własny programistyczny projekt, zarówno frontendowy, jak i backendowy.
Jak łączyć JavaScript z HTML/CSS i operować na przeglądarkowym DOM.
Jak za pomocą Node.js operować na systemie plików i samych plikach.
Jak tworzyć „cięższe” obliczeniowo aplikacje webowe, które nie zawieszają przeglądarki.
W jaki sposób komunikować się ze światem zewnętrznym za pomocą protokołu HTTP, a w szczególności – jak korzystać z API zewnętrznych usług.
Jak przetwarzać formaty tekstowe w JavaScript.
Jak wchodzić w interakcje z innymi procesami i odbierać od nich dane.
Jak wykorzystać możliwości przeglądarki do stworzenia prostej gry – poznasz podstawy grafiki 2D i interakcji w JavaScript.
Jak wygląda strona WWW z perspektywy atakującego i payloadów XSS.

CO POWINIENEŚ WIEDZIEĆ PRZED SZKOLENIEM

Zalecana jest znajomość podstaw programowania, w szczególności w języku JavaScript.
Zalecana jest ogólna wiedza z informatyki oraz dobra znajomość obsługi komputera.

DO KOGO SKIEROWANE JEST SZKOLENIE

Do osób początkujących w programowaniu, które chcą poznać JavaScript od praktycznej strony, tworząc samodzielnie różnorodne projekty.
Do programistów znających inne języki, którzy chcą dodać JavaScript – zarówno przeglądarkowy jak i „backendowy” – do swojego narzędziownika.
Do web developerów (np. webmasterów) skupionych dotąd na HTML/CSS i gotowych frameworkach, którzy chcą lepiej zrozumieć czysty JavaScript oraz poznać możliwości Node.js.
Do osób zainteresowanych cyberbezpieczeństwem, a w szczególności cyberbezpieczeństwem aplikacji webowych.
Do entuzjastów informatyki i hobbystów, którzy lubią eksperymentować z technologiami i chcą tworzyć własne proste narzędzia oraz aplikacje w JavaScript.
Do osób myślących o studiach informatycznych lub o karierze w IT (np.w charakterze programisty czy testera), które chcą zdobyć pierwsze praktyczne doświadczenia w programowaniu.
Do profesjonalistów IT (np. administratorów systemów), którzy na co dzień opiekują się aplikacjami w JavaScript i chcieliby dowiedzieć się więcej o tym języku.

AGENDA

Ile kodu napisaliśmy? [Node.js]
Prosta aplikacja, która skanuje katalogi z naszymi projektami i wyświetla informacje o poczynionym progresie.
Wygodna przeglądarka JSON-ów [Przeglądarka]
JSON jest wszędobylski w technologiach webowych. Napiszmy sobie zatem małą aplikację przeglądarkową, która będzie wyświetlać go w bardziej przystępny sposób.
Brute-force! [Przeglądarka]
Czy JavaScript nadaje się do łamania haszy? Sprawdźmy to!
Agent pomocnik [Node.js + Przeglądarka]
W Internecie nie brakuje bardzo ciekawych API, z których aż chce się skorzystać. Na przykład OpenAI udostępnia interesujące API do swoich chatbotów, takich jak ChatGPT! Stwórzmy zatem swojego agenta pomocnika.
Konwerter języka Markdown [Node.js i/lub Przeglądarka]
Istnieją dobre biblioteki do przetwarzania języka Markdown i jego konwersji do HTML-a. Niemniej jednak Markdown pozostaje wdzięcznym tematem do omówienia prostego parsowania, tj. przetwarzania tekstu.
Rekursywne klonowanie strony WWW [Node.js]
WOW, jak dużo ciekawych informacji jest na tej starej, sypiącej się stronie WWW! Żal by było, gdyby to wszystko przepadło. Czy JavaScript może nam pomóc w wykonaniu kopii zapasowej?
Monitorowanie domowej sieci [część przeglądarkowa]
Jakie urządzenia znajdują się w naszej sieci? Jakie mają IP? Kiedy się połączyły? Póki mamy jeden laptop i router, to jest łatwo. Ale w przeciętnym współczesnym domu urządzeń jest bez liku. Zróbmy więc sobie prosty panel webowy, który będzie nam pokazywał, co mamy w naszej sieci.
Monitorowanie domowej sieci [część Node.js]
Jakie urządzenia znajdują się w naszej sieci? Jakie mają IP? Kiedy się połączyły? Póki mamy jeden laptop i router, to jest łatwo. Ale w przeciętnym współczesnym domu urządzeń jest bez liku. Zróbmy więc sobie prosty panel webowy, który będzie nam pokazywał, co mamy w naszej sieci.
Prosta gra [Przeglądarka]
JavaScript i ekosystem przeglądarkowy jest świetnym środowiskiem do tworzenia prostych gier, więc i my taką stworzymy!
Payload XSS [Przeglądarka]
Czas na JavaScript z trochę innej perspektywy – payloadów w atakach XSS. Podczas tego projektu zobaczymy, jak niebezpieczny w praktyce jest atak XSS oraz na czym polega. Przeprowadzimy również symulację takiego ataku i stworzymy payload.

PRZYDATNE INFORMACJE

Szkolenie obejmuje 10 sesji, trwających po 2–3 godziny każda. Sesje będą się odbywać od kwietnia do czerwca 2026 roku.
Do szkolenia w wersji zdalnej wymagane są: komputer z dowolnym systemem operacyjnym, z przeglądarką Firefox/Chrome, stabilne łącze internetowe i słuchawki/głośniki.
[UWAGA!] Link do szkolenia wysyłamy najpóźniej do dwóch dni przed spotkaniem w osobnej wiadomości, na podany podczas rejestracji e-mail. Jeżeli nie dostałeś linku, napisz na adres: pomoc@securitum.pl, podając numer zamówienia.

CO ZAWIERA CENA SZKOLENIA

Dostęp do nagrania ze szkolenia, aktywny przez rok.
Certyfikat uczestnictwa (PDF) w językach polskim i angielskim – certyfikat będzie wysłany do siedmiu dni po zakończeniu szkolenia.
Listy zadań do każdego spotkania, ćwiczenia, kody źródłowe i prezentacje.
Dostęp do specjalnego kanału na serwerze Discord.
Ponad 30 ćwiczeń o charakterze zbliżonym do CTF na zewnętrznej platformie ćwiczeniowej.

O PROWADZĄCYM

Współzałożyciel i były kapitan zespołu Dragon Sector, historycznie jednej z najlepszych drużyn Capture The Flag na świecie. Programista pasjonat z zamiłowaniem do bezpieczeństwa komputerowego i niskopoziomowych aspektów informatyki. Twórca eksperymentalnego magazynu „Paged Out!”, współpracownik magazynu „Programista”, autor bestsellerowej książki Zrozumieć programowanie, współautor miniksiążki Programistyczne potknięcia, a także licznych artykułów, publikacji, podcastów oraz wystąpień poświęconych wspomnianym tematom. Większość swojego ponad 20-letniego życia zawodowego spędził, pracując w zespole bezpieczeństwa firmy Google jako Software Engineer / Information Security Engineer. Obecnie jest Security Researcherem i dyrektorem zarządzającym w HexArcana Cybersecurity GmbH.