Changelog szkolenia

Opanuj Frontend to program aktualizowany na bieżąco, w oparciu o feedback uczestników

28 stycznia 2025

  • Wszystkie kluczowe filmy szkolenia przeniesione na lepszy odtwarzacz Vimeo.

27 listopada 2024

  • Dodaliśmy instrukcję video dotyczącą konfiguracji wersji języka TypeScript .

23 listopada 2024

  • Dodaliśmy możliwość kopiowania kodu z lekcji do schowka.

  • Poprawiliśmy stabilność widgetu do szybkiej nawigacji po rozdziałach lekcji.

14 listopada 2024

  • Dodaliśmy automatyczne testy do zadań z modułu 1

  • Dodaliśmy nową lekcję dotyczącą wzorców projektowych na frontendzie

10 listopada 2024

  • Zaktualizowaliśmy opisy i cenniki modeli AI wykorzystywanych w szkoleniu

8 listopada 2024

  • Wprowadziliśmy nową strukturę szkolenia, która ułatwia naukę i oznaczanie postępów

  • Dodaliśmy ilustracje poprawiające czytelność wybranych lekcji

17 października 2024

  • Dodaliśmy nowe lekcje zawierające archiwalne spotkania LIVE z ekspertami

9 lipca 2024

  • [3x2] Dodaliśmy opis korzystania ze zmiennych środowiskowych na Vercelu

  • Poprawiliśmy kompatybilność modułu 3 ze środowiskiem Windows

  • [3x1] Dodaliśmy opis narzędzia cross-env do zarządzania zmiennymi środowiskowymi

9 lipca 2024

  • Rozpoczęliśmy proces migracji filmów na player Vimeo

4 lipca 2024

  • Dodaliśmy komentarz video do rozwiązania zadania "shop-context"

3 lipca 2024

  • Dodaliśmy możliwość uruchomienia serwera developerskiego dla kilku przykładów/zadań jednocześnie

2 lipca 2024

  • [1x3] Dodaliśmy rozwiązanie dla zadania "shop-context"

1 lipca 2024

  • [1x4] Rozszerzyliśmy opisy metod HTTP i ich cechy szczególne

14 czerwca 2024

  • [1x4] Dodaliśmy podrozdział o metodach do obsługi zapytań równoległych

6 czerwca 2024

  • Dodaliśmy wyszukiwarkę zagadnień, która ułatwia nawigację po całym szkoleniu

  • Poprawiliśmy czytelność code snippetów dla studentów z jasnym motywem platformy

4 czerwca 2024

  • Ułożyliśmy lekcje w module 2. tak, aby były bardziej spójne

3 czerwca 2024

  • Opublikowaliśmy plan ramowy wszystkich lekcji programu

21 maja 2024

  • Podnieśliśmy jakość intro w lekcjach 1-4 z modułu pierwszego

13 maja 2024

  • Zaktualizowaliśmy GitHub Action GPT-Debugger o model GPT-4o

  • Zaktualizowaliśmy GitHub Action GPT Code Reviewer o model GPT-4o

3 maja 2024

  • Zakończyła się pierwsza edycja szkolenia

19 lutego 2024

  • Start pierwszej edycji szkolenia

Poznaj agendę programu

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.

Opinie o Opanuj Frontend

Sprawdź recenzje
naszych absolwentów

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
Łukasz Tracz
Freelancer

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
Paulina K

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
Michał Kunert
Frontend Engineer, VirtusLab

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
Mateusz Twardy
Frontend Developer, Zinkworks

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
Wojciech Trawiński
Senior Software Engineer

Kurs "Opanuj Frontend" podnosi poziom świadomości w zakresie tworzenia oprogramowania. Dzięki niemu stałem się lepszym programistą.

Ocena kursu: 9/10
Paweł Gnat
Frontend Developer

Wcześniej uczestniczyłem w OJS, więc wiedziałem, że tutaj poziom kursu też będzie topowy. 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
Bartłomiej Pytlos
Junior Frontend Developer, Media4U

Mega wartościowy kurs dla osób zaczynających swoją przygodę z Frontendem jak i dla starych wyjadaczy. Przemek oraz Macin stworzyli kurs który moim zdaniem jest kompletny aby wzmocnić swoją wiedzę na takie tematy jak: zastosowanie sztucznej inteligencji w programowaniu, prawidłowe wzorce oraz praktyki na froncie, testowanie naszych aplikacji oraz kwestie architektoniczne. Sama komunikacja z mentorami była bardzo przyjemna i profesjonalna. Starali się aby z każdym modułem dawać wartość dodatnią i ulepszać kurs. Czekam na przyszłe aktualizacje!

Ocena kursu: 8/10
Mateusz Lewartowski
Frontend Developer

Opanuj Frontend to kompletna dawka wiedzy z zakresu frontendu, porusza aspekty często pomijane a równie ważne w tworzeniu wysokiej jakości oprogramowania. Od wzorców i dobrych praktyk kodu, zapewnienie jakości przez wdrożenia, chmurę i praktyki efektywnej współpracy aż po architekturę aplikacji frontendowej. Nie brakuje również praktycznych przykładów użycia AI w codziennej pracy. Polecam szczególnie tym frontend developerom u których na początku przygody zabrakło seniora/mentora.

Ocena kursu: 10/10
Jakub Tarabasz
Frontend Developer

Z perspektywy doświadczonego programisty bardzo ciekawym doświadczeniem była możliwość sprawdzenia i przetestowania nowych rozwiązań z którymi wcześniej nie miałem do czynienia, lub pracowałem bardzo pobieżnie. Zadania praktyczne dały możliwość wypróbowania różnorakich technologii na szerokim spektrum możliwości. Faktem zdecydowanie wyróżniającym się na tle innych szkoleń jest bardzo proaktywne podejście twórców, poprzez odpowiadanie na potrzeby szerokiej społeczności biorącej udział w kursie. Szeroko mogę polecić kurs osobom które posiadają duże doświadczenie, a które chcą poznać nowe - ciekawe rzeczy z szerokopojętego Frontendu.

Ocena kursu: 9/10
Michał Pluta
Angular Developer

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ść.

709 osób już dołączyło

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:

Zapisuj swoje postępy dla łatwiejszej organizacji nauki i pochwal się wynikami współpracując z innymi
Uzyskaj precyzyjny i szybszy feedback do zadań dzięki forum dla programistów, którzy już dołączyli
Bądź na bieżąco z wszystkimi materiałami od Przeprogramowanych i newsami ze świata IT
Załóż darmowe konto