Opanuj Frontend to 10-tygodniowe szkolenie, dzięki któremu nauczysz się budowania profesjonalnych projektów frontendowych.
Poznasz wzorce i praktyki podnoszące jakość kodu, nauczysz się testowania frontendu, zobaczysz jak budować reużywalne biblioteki, opanujesz CI/CD i zdobędziesz kluczową wiedzę o architekturze aplikacji frontendowych.
W trakcie szkolenia gwarantujemy:
Trzecią edycję planujemy na jesień 2024.
Jedna lekcja za darmo, zniżka na kolejne szkolenia oraz Frontend Radar 2024 - zapisz się aby otrzymać bonusy.
Zostaniesz nowoczesnym i kompletnym frontend developerem
Nauczysz się podnoszenia jakości projektów frontendowych
Nauczysz się wdrażania aplikacji poprzez CI/CD
Poznasz praktyki frontendowe w dużej skali
Zyskasz przewagę na frontendowym rynku pracy
Wejdziesz na ścieżkę technicznego lidera frontendu
Jesteś tutaj
Tego oczekuje pracodawca
React, Vue, Angular, Svelte a może jeszcze coś innego? Niezależnie od twojego ulubionego frameworka, z naszym programem podniesiesz jakość tworzonych projektów i unikniesz spaghetti.
Pokażemy Ci jak budować skalowalne, modularne projekty, które działają na produkcji 24/7. Zarządzanie stanem aplikacji, testowanie i współdzielenie komponentów nie będzie problemem.
Poznasz wzorce i praktyki refaktoryzacji kodu, sposoby na bezpieczną komunikację z backendem, i narzędzia wspomagające pracę zespołów frontendowych.
10 tygodni nauki z ekspertami - Opanujesz Frontend w komfortowym tempie:
Moduł 1
Wzorce i dobre praktyki
Lekcje w tym module:
Czysty kod na frontendzie
Stan lokalny i współdzielony
Stan globalny
Skuteczna komunikacja z API
Techniki wydajnego frontendu
✨ Pair programming z AI
✅ Tego się nauczysz:
Najważniejszych wzorców dla inżyniera frontendu w obrębie zarządzania stanem, przepływem danych, komunikacją z API oraz budowania reponsywnych, wydajnych interfejsów.
❌ Nigdy więcej:
Pisania kodu spaghetti, mieszania odpowiedzialności, trudnego skalowania i utrzymania aplikacji, wymyślania koło na nowo, spędzania czasu na wcześniej rozwiązanych problemach.
Moduł 2
Inżynieria jakości frontendu
Lekcje w tym module:
Testy jednostkowe z Vitest
Testy end-to-end z Playwright
Bezpieczna komunikacja z API
Praktyki Quality Engineeringu
Testowanie dostępności (a11y)
✨ Testowanie z asystentem AI
✅ Tego się nauczysz:
Pisania testów jednostkowych, testów e2e, izolowania zewnętrznych zależności, definiowania i stabilizowania kontraktów z API oraz praktyk quality engineeringu.
❌ Nigdy więcej:
Bugów na produkcji, negatywnych komentarzy od użytkownika, krytyki przełożonych, nieprzewidywalnego działania aplikacji, incydentów w środku nocy, regresji i rollbacków.
Moduł 3
Wdrożenia i utrzymanie produkcji
Lekcje w tym module:
Tajniki wdrażania frontendu
CI/CD z GitHub Actions
Wdrożenie frontendu na AWS
Praca z feature flagami
Monitoring i alerting
✨ Utrzymanie produkcji z AI
✅ Tego się nauczysz:
Wdrożenia aplikacji frontendowej na różne rodzaje hostingów, budowania CI/CD, monitorowania aplikacji, tworzenia systemów alertingu oraz zarządzania produkcją bez redeploymentów.
❌ Nigdy więcej:
Powolnego wdrażania zmian, braku wiedzy o sytuacji na produkcji, powolnego reagowania na incydenty, marginalizacji roli frontend developera w zespole, skomplikowanej pracy manualnej na serwerze.
Moduł 4
Frontend zespołowo
Lekcje w tym module:
Design System - Case Study
Tworzenie biblioteki Open Source
Inner Source - firmowa kolaboracja
Praktyki efektywnej współpracy
Monorepo na frontendzie
✨ Procesy zespołowe z AI
✅ Tego się nauczysz:
Rozwijania bibliotek open source wysokiej jakości, tworzenia infrastruktury innersource, tajników npma i alternatywnych repozytoriów artefaktów, i fundamentów design systemów.
❌ Nigdy więcej:
Duplikowania kodu, braku współpracy, nieefektywnej komunikacji, nieistniejącej dokumentacji, brakujących wersji bibliotek, niejasnych wymagań i wolnego implementowani designu w aplikacji.
Moduł 5
Architektura aplikacji
Lekcje w tym module:
Planowanie architektury frontendu
Stack projektu frontendowego
Bootstrap nowego projektu
Ścieżka lidera technicznego
Mikrofrontendy
✨ Odcinek specjalny AI Edition
✅ Tego się nauczysz:
Najważniejszych pojęć i techniki architektury frontendu, podejmowania decyzji o stacku technologicznym, skutecznego bootstrapu jednego i wielu projektów oraz etapów rozwoju lidera frontendu.
❌ Nigdy więcej:
Nieprzemyślanego implementowania funkcjonalności, tworzenia silosów wiedzy, błędnych decyzji względem stacku technologicznego, utrudnionej komunikacji z biznesem.
Lekcje programu łączą w sobie artykuły, filmy, ćwiczenia, materiały dodatkowe i konsultacje z senior frontend developerami, których codziennie spotkasz na platformie Przeprogramowanych.
Moduł 1 - Lekcja 5
Techniki wydajnego frontendu
Optymalizacja danych statycznych
SSR to technika, gdzie możliwe do zoptymalizowania operacje, takie jak pobieranie konkretnej porcji danych, delegujemy do części serwerowej naszej aplikacji. Na serwerze może się odbywać zarówno renderowanie pierwszej wersji komponentu, który zostanie później “ożywiony” w przeglądarce (tzw. hydracja), ale też budowanie i wstrzykiwanie danych do szablonów, z których korzysta nasza aplikacja.
QUIZ - Sprawdź swoją wiedzę
Optymalizacja aplikacji
Ćwiczenia praktyczne
Profilowanie aplikacji
Wyszukiwanie bottlenecków
Materiały dodatkowe
Czym zastąpić useEffect
Moduł 2 - Lekcja 2
Bezpieczna komunikacja z backendem
Zod - walidacja danych
Kiedy korzystamy z OpenAPI generując klienty HTTP, mamy załatwiony etap compile-time. Do zaadresowania wciąż pozostaje runtime, czyli etap działania naszej aplikacji, w trakcie którego komunikujemy się z naszym backendem. Aby zagwarantować poprawność typów i formatu danych na etapie runtime, warto wykorzystać narzędzia takie jak Zod, które w trakcie działania aplikacji weryfikują nasze oczekiwania względem danych i porównują je z rzeczywistością.
QUIZ - Sprawdź swoją wiedzę
Metody walidacji danych
Ćwiczenia praktyczne
Wdrożenie walidacji z Zod
Generowanie klientów z OpenAPI
Materiały dodatkowe
Parse, don't validate.
Moduł 3 - Lekcja 3
Chmura AWS ze wsparciem Terraforma
Infrastruktura jako kod
W tej lekcji poznasz bardziej skalowalne podejście do zarządzania projektami chmurowymi. Będzie ono zgodne z filozofią Infrastructure as Code, gdzie naszą infrastrukturę opisujemy przez deklaratywny język zasobów i trzymamy go w repozytorium, zaraz obok właściwego kodu aplikacji. Do budowania infrastruktury wykorzystamy Terraforma, który będzie stanowił warstwę middleware pomiędzy opisem usług (w repozytorium) a faktyczną infrastrukturą na AWS.
QUIZ - Sprawdź swoją wiedzę
Automatyzacja infrastruktury
Ćwiczenia praktyczne
Konfiguracja konta na AWS
Inicjalizacja projektu Terraform
Materiały dodatkowe
Nagłówki cache-control w S3
Co otrzymasz dołączając do programu
25 obszernych lekcji o frontendzie
Połączenie artykułów, video, ćwiczeń praktycznych i materiałów dodatkowych, a to wszystko na nowoczesnej platformie edukacyjnej.
5 lekcji o praktycznym AI
Stopniowe wprowadzanie narzędzi takich jak ChatGPT, Github Copilot czy Cursor do twojej codziennej pracy frontend developera.
Zestaw zadań praktycznych
Refaktoryzacja, wzorce projektowe, testy jednostkowe, testy e2e, zabezpieczanie komunikacji z API, własna biblioteka open source i wiele więcej.
5 spotkań na żywo
Co tydzień o 19:00 spotykamy się na godzinnej sesji LIVE, w trakcie której eksperci dzielą się wiedzą, a Ty możesz zadawać pytania do mentorów.
Konsultacje z ekspertami
Na spotkania LIVE dołączą senior developerzy i eksperci frontendu, którzy przekażą Ci doświadczenie z branży i odpowiedzą na palące pytania.
Dostęp do społeczności
Nowoczesna platforma edukacyjna umożliwia Ci współpracę z ponad 200 uczestnikami programu - dołącz do wspólnej nauki!
Co w zestawie | ![]() | Klasyczny kurs online |
---|---|---|
Dedykowana platforma | ||
Lekcje video | ||
Artykuły | ||
Ćwiczenia praktyczne | ||
Codzienne wsparcie autorów | ||
5 nagrywanych spotkań Q&A | ||
Konsultacje z ekspertami | ||
Czat i współpraca z uczestnikami | ||
Karty Anki do utrwalania wiedzy | ||
Darmowe aktualizacje przez rok | ||
Całościowe spojrzenie na frontend |
Każda to lekcja to ok. 60-90 minut nauki w urozmaiconej formie, a do tego praktycznie ćwiczenia.
Ponad 10 lat doświadczenia
Łączymy dziesiątki zrealizowanych projektów komercyjnych z efektywnym przekazywaniem wiedzy
Merytoryczna agenda
Wybraliśmy 5 kluczowych obszarów pracy, wokół których tworzone jest najwięcej zadań dla programistów
Przystępna forma
Łatwe do przyswojenia lekcje wideo, artykuły oraz zadania praktyczne ze wsparciem mentorów
Certyfikat ukończenia
Otrzymasz imienny certyfikat programu Opanuj Frontend, który możesz przypiąć do profilu na LinkedIn
Materiały dodatkowe
Ćwiczenia i materiały dodatkowe pogłębiające wiedzę przekazywaną w programie to nasz priorytet
Społeczność uczestników
Współpraca z ambitnymi studentami i frontend developerami z całego kraju pomoże Ci ukończyć program
Dzięki rozszerzeniom ⚡️ AI Edition nasze szkolenie przygotuje cię na programowanie w czasach Sztucznej Inteligencji i wszechobecnych asystentów opartych o AI.
AI posłuży nam za narzędzie, dzięki któremu wiele z typowych zadań doświadczonego frontend developera - takich jak analiza wymagań, bootstrap projektu, testowanie czy refaktoryzacja - będziesz mógł wykonywać szybciej i lepiej.
Pokażemy Ci, jak opanowanie narzędzi AI pomoże Ci realizować bardziej innowacyjne projekty frontendowe, a także oszczędzi Twój czas i energię.
W swojej karierze realizowaliśmy projekty komercyjne oparte o najpopularniejsze rozwiązania współczesnego frontendu - Reacta, Vue, Angulara, Svelte czy Astro.
Dzięki pracy w globalnych firmach produktowych doświadczyliśmy frontendu w dużej skali i wyzwań, które znacząco podnoszą poziom trudności dla programisty.
W programie Opanuj Frontend pomożemy Ci wejść na kolejny poziom ścieżki frontend developera - zobaczysz jak planować architekturę, współdzielić komponenty, podnosić jakość i wdrażać projekty bez zbędnego ryzyka.
Co-Founder Przeprogramowani.pl
Lead techniczny Platformy Frontendowej w SmartRecruiters. Pasjonat neuronauki, tworzy materiały edukacyjne z uwzględnieniem badań dot. efektywnego przyswajania wiedzy. Autor podcastów z najciekawszymi osobami z branży IT.
Dołączając do programu uzyskujesz dostęp do 5 spotkań na żywo z ekspertami frontendu. Sesje są nagrywane, więc oglądasz, kiedy Ci wygodnie!
Senior Fullstack Developer, Heineken
Andrzej jest Senior Fullstack Dev z ponad 10-letnim stażem. Pracował w wielkich korporacjach i początkujących startupach. Specjalizuje się w stacku React + TypeScript. Pisze też backendy w Pythonie i Clojure. Mentor, animator krakowskiego światka IT, speaker, Twitch streamer. Poza pracą siedzi na siłowni i produkuje muzykę. W wolnych chwilach szuka nowych pomysłów na biznes.
Founder, Szkoła Testów
Ola tworzy oprogramowanie od kilkunastu lat. Pisała backendy, frontendy i kod biznesowy, zbierała wymagania, testowała i szkoliła. Pracowała w korporacjach, startupach i pro bono w różnych branżach i krajach. Najbardziej lubi pisać kod, który ma znaczenie i rozwiązywać prawdziwe problemy. Kiedy jest offline, jeździ na rowerze, spaceruje z psem, albo ćwiczy jogę z kotami.
Senior Software Engineer, XTB
Wojciech pracując w XTB dokłada swoją cegiełkę do stworzenia najlepszego fintechu na rynku. Entuzjasta Angulara i programowania reaktywnego, stale poszukujący wyzwań w pracy i poza nią. Autor bloga JavaScript Everyday, gdzie dzieli się swoją wiedzą i doświadczeniem. Miłośnik motoryzacji, w którego żyłach paliwo miesza się z kawą i czekoladą.
Senior Frontend Developer, Focal Systems
Filip jest frontendowcem od blisko 10 lat. Pracował w firmach różnej wielkości i wykorzystywał przy tym cały wachlarz technologii - od czystego JS, przez Angular po React. Jest współautorem kanału "Jak zacząć programować?" i kursu "zrozumiecReact.pl". Występował na konferencjach takich jak Front Trends czy NgPoland jako prelegent oraz na warsztatach GirlsJS i NgGirls jako mentor.
Engineering Manager, Hotjar
Kacper programowaniem zajmuje się już ponad 10 lat. Przez większość swojej kariery zajmował się front-endem tworząc aplikację w wielu różnych frameworkach. Od kilku lat pracuje jako engineering manager. Jest współautorem kanału "Jak zacząć programować?" i kursu "zrozumiecReact.pl". Organizował krakowskie edycje meet.js i występował na międzynarodowych konferencjach.
Sprawdź recenzje
I edycji
Co wyróżnia kurs od Przeprogramowanych? Po primo jakość materiałów w urozmaiconej formie, która oszczędza Ci sporo czasu na robienie własnych notatek, czy pisanie kodu wstępnego. Dostaję wszystko od razu, co w praktyce nie oznacza zwolnienia Cię z myślenia, a wręcz przeciwnie to tylko wstęp, który wymusza na Tobie dalszą eksploracje. Praktyczne podejście, połączone z teorią i pracą własną daje najlepsze rezultaty, jeżeli dodam do tego powtórki w formie fiszek anki, które również mam od chłopaków, dostaję combo dzięki, któremu mogę dogłębnie zrozumieć dany temat. A tematy są takie, że każda osoba - bez lub nawet z dużym doświadczeniem, zyska dzięki nim wartość po, której poczuje satysfakcję z poukładania porozrzucanych klocków w swojej głowie. Wszystkie lekcje są bardzo szczegółowe i prowadzone w logiczny, uporządkowany sposób, widać w nich ogromne doświadczenie chłopaków, z którego również mogę w każdej chwili czerpać, bo kontakt i wsparcie, które oferują przez platformę jest praktycznie non stop. Studnia bez dna i tylko od uczestnika zależy ile tego złota z niej wyciągnie.
Ocena kursu: 10/10
Kurs dał mi szersze spojrzenie na programowanie. Uświadamia, że warto najpierw przemyśleć co jak ma działać, poukładać to sobie w głowie i dopiero wtedy działać. Kurs pozwolił mi na głębsze zrozumienia tematów dostępności, testowania, zarządzania stanem i podstaw deploymentu. Kurs uczy dobrych praktyk w tych tematach i mimo prawie 3 lat doświadczenia, uporządkował moją wiedzę. Wierzę, że dzięki po opanowaniu tego kursu, osoba bez doświadczenia jest w stanie przeskoczyć poziom juniora i od razu startować na mida :)
Ocena kursu: 10/10
Zgodnie z obietnicą kurs pomógł mi wyjść ze swojej strefy komfortu, tj. poza ramy frameworka i zanurzyć się w innych obszarach, jak np. CI/CD z wykorzystaniem GitHub Actions i Terraform, czy komunikacja z API przy użyciu OpenAPI. Muszę też wspomnieć o często pomijanym temacie jakim jest accessibility - w końcu zrozumiałem jak to działa i dlaczego to ważne.
Ocena kursu: 8/10
Kurs to przede wszystkim usystematyzowanie wiadomości. Nie tylko jak pisać kod, ale także kiedy - sporo konkretnych informacji, jakie podejmować decyzje, co brać pod uwagę. Pokazuje kolejne kroki dla frontend developera, który chce się rozwijać. Projekty i ćwiczenia, będące integralną częścią kursu pozwalają zastosować zdobytą wiedzę. Nie są to zamknięte zadania, ale mini-projekty, gdzie można zrobić coś więcej, niż przewiduje treść. Ćwiczenia są dla mnie ogromną zaletą - można w nich używać dowolnych frameworków - liczy się koncowy rezultat. Na mentorów i współuczestników zawsze można liczyć. Code review, dyskusja, opinia, czy też pomoc po utknięciu. Kurs polecam osobom, które chcą rozwoju i nowej wiedzy. Niezależnie od poziomu doświadczenia czy używanego frameworka - to uniwersalna, solidna frontendowa dawka wiedzy.
Ocena kursu: 10/10
Jeżeli chcecie dowiedzieć się, jak AI może wspierać naszą codzienną pracę oraz wejść na kolejny poziom w karierze frontend developera, to ten kurs jest dla Was. Wszystko podane w przystępny i profesjonalny sposób przez ekspertów z branży. Gorąco polecam!
Ocena kursu: 10/10
Kurs "Opanuj Frontend" podnosi poziom świadomości w zakresie tworzenia oprogramowania. Dzięki niemu stałem się lepszym programistą.
Ocena kursu: 9/10
Wcześniej uczestniczyłem w OJS, więc wiedziałem, że tutaj poziom kursu też będzie topwy. Z perspektywy osoby początkującej w branży pozwolił uporządkować wiedzę, ale też porusza ważne tematy dostępności czy wydajności na frontendzie w przystępny sposób.
Ocena kursu: 10/10
Działamy od 2019 roku, zobacz za co ceni nas społeczność
PRZEPROGRAMOWANI to w skrócie kawał dobrej roboty, do tego tworzonej przez prawdziwych pasjonatów - tak w kontekście programowania, jak i rozpychającego się obecnie na rynku AI. Teksty, nagrania, kursy, podcast, do tego dbanie o rozwój społeczności, tutaj jest to wszystko, a nawet więcej. Oby tak dalej i wielkie dzięki za to, co robicie!
PRZEPROGRAMOWANI to w skrócie kawał dobrej roboty, do tego tworzonej przez prawdziwych pasjonatów - tak w kontekście programowania, jak i rozpychającego się obecnie na rynku AI. Teksty, nagrania, kursy, podcast, do tego dbanie o rozwój społeczności, tutaj jest to wszystko, a nawet więcej. Oby tak dalej i wielkie dzięki za to, co robicie!
Przemek i Marcin to osoby zaprawione w boju. Każdy materiał przez nich opublikowany odpowiada na moje pytania jakby czytali mi w myślach a nawet je wyprzedzali. Wszystkie osoby z pasją do programowania powinna zapoznać się z ich twórczością.
It was a thoroughly enjoyable experience collaborating with Przemek when we did the podcast together! His supportive attitude and patience to focus on preparation before we recorded everything really helped me a lot!
Wielkie dzieki za swietne materialy, mnostwo ciekawych informacji ze swiata programowania ktore inspiruja do profesjonalnego rozwoju jako poczatkujacy programista.
Dziękuje za to co robicie w swoim podcaście i newsletterze! Super, że przeplatacie AI, programowanie z biznesem i rozwojem 😎 Szukałam od dłuższego czasu takiego contentu.
Rzetelność prowadzących i sposób prowadzenia kursu. Wsparcie mentorów odnośnie Code Review jest kluczowe
Kibicuję Przeprogramowanym by docierali do coraz to szerszej widowni.
Ilość zadań praktycznych jest duża. Zadania są dla mnie trudne, ale jednocześnie pozwolają mi wyjść ze swojej strefy komfortu. Wsparcie mentorów jest pomocne, widać, że Panowie się starają.
Uwielbiam materiały zespołu Przeprogramowanych. Zarówno 'klasyczni' Przeprogramowani, jak i z serii Opanuj.AI to zawsze świetne materiały. Nie tyle relacjonują wydarzenia, ale zawsze dodają odpowiedni kontekst i wpisują poszczególne ogłoszenia w szerszą narracje. Materiały poradnikowe zaś w szybkich pigułkach pokazują, jak wykorzystać ekosystem narzędzi, który ewoluuje tak szybko, że ciężko za tym wszystkim nadążyć. Na szczęście nie muszę, bo chłopaki robią to za mnie - za co jestem bardzo wdzięczny. Zdecydowanie jedne z lepszych treści o IT w polskim internecie.
Masz gwarancję satysfakcji.
Niczym nie ryzykujesz.
Zapoznaj się z lekcjami, konsultacjami na żywo, materiałami dodatkowymi i podejmij decyzję w komfortowych warunkach. Do 30 dni od startu edycji możesz poprosić o zwrot pieniędzy bez podawania przyczyny. Wystarczy jedna wiadomość.
Nasze darmowe materiały na YouTube to mała próbka tego, co szykujemy dla uczestników Opanuj Frontend
Zapisz się na listę oczekujących aby nie przegapić publikacji lekcji demo Opanuj Frontend
Zostań częścią społeczności
Załóż darmowe konto na platformie Przeprogramowanych i uzyskaj dostęp do webinarów, Radaru Frontendu, zadań Advent of Code, a dodatkowo: