Praktyczny JavaScript – 10 projektów krok po kroku

Szkolenie online, 10 sesji trwających po około 2 godz. (19:00 - 21:00) Terminy sesji:

15.04.2026 r., 22.04.2026 r., 29.04.2026 r., 6.05.2026 r., 13.05.2026 r., 20.05.2026 r., 2.06.2026 r., 10.06.2026 r., 15.06.2026 r., 24.06.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. Języka 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, po dość dziwne wyniki 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 ciekawostki, 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 hashy? 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. terminy:

Sesja 1 - 15.04.2026 r.
Sesja 2 - 22.04.2026 r.
Sesja 3 - 29.04.2026 r.
Sesja 4 - 6.05.2026 r.
Sesja 5 - 13.05.2026 r.
Sesja 6 - 20.05.2026 r.
Sesja 7 - 2.06.2026 r.
Sesja 8 - 10.06.2026 r.
Sesja 9- 15.06.2026 r.
Sesja 10 - 24.06.2026 r.

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.