Opanuj Frontend

Changelog szkolenia

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

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

✅ 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.

Opinie o Opanuj Frontend

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
Ł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 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
Bartłomiej Pytlos
Junior Frontend Developer, Media4U

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