Opanuj Frontend to intensywne 10-tygodniowe szkolenie, które przygotuje Cię do tworzenia zaawansowanych aplikacji webowych z wykorzystaniem najnowszych technologii i najlepszych praktyk.
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.
Co czyni nasz program wyjątkowym:
👉 Trwają zapisy na trzecią edycję! Start: 18/11
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
Masz opanowane podstawy frontendu i korzystałeś z dowolnego frameworka frontendowego (React, Angular, Vue i inne).
Chcesz uzupełnić braki, które wychodzą na etapie rekrutacji.
Chcesz zyskać pełną samodzielność w pracy na frontendzie.
Chcesz prowadzić ambitne projekty frontendowe o dużej skali.
Chcesz poznać sposoby na profesjonalne aplikacje frontendowe.
Optymalizujesz lokalne środowisko twoje i twojego zespołu.
Cenisz sobie własny rozwój i nie chcesz stać w miejscu.
Uczysz się podstaw frontendu i fundamentów HTML / CSS / JS.
Jesteś lead developerem, który prowadzi duże projekty i zespoły.
Szukasz krótkiego streszczenia wiedzy o frontendzie.
To twój pierwszy kurs na temat programowania.
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
❌ 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.
✅ 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.
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
❌ 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.
✅ 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.
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
❌ 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.
✅ 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.
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
❌ 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.
✅ 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.
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
❌ Nigdy więcej:
Nieprzemyślanego implementowania funkcjonalności, tworzenia silosów wiedzy, błędnych decyzji względem stacku technologicznego, utrudnionej komunikacji z biznesem.
✅ 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.
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 naszych programach szkoleniowych stawiamy na pragmatyzm i łączenie teorii z praktyką w najbardziej użyteczny dla programisty sposób.
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
naszych absolwentów
Potwierdzenie
twoich kompetencji
Działamy od 2019 roku, zobacz za co ceni nas
społeczność
Nasze darmowe materiały na YouTube to mała próbka tego, co szykujemy dla uczestników 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: