Architektura Na Frontendzie Devstyle

Cała wiedza o frontendzie na poziomie Senior Developera w JEDNYM MIEJSCU!

Zdobądź umiejętności, które będą ułatwiać Ci pracę na froncie niezależnie od zmian technologii!

Wiemy jak wyglądają materiały edukacyjne o frontendzie z internetu. Powierzchowne tutoriale. Śladowe ilości wiedzy o trade-offach. „Panie, tym kodzikiem cały projekt oblecisz (a potem będziesz płakać na prodzie)!”.

CHCĘ WIEDZIEĆ WIĘCEJ! »
Cała wiedza o frontendzie 
        na poziomie Senior Developera w JEDNYM MIEJSCU!

Czas z tym skończyć.

Taką decyzję podjęło ponad 3730 Programistek i Programistów, dołączając do Programu Architektura Na Froncie w 3 edycjach.

CZYTAJ DO KOŃCA, bo TUTAJ znajdziesz sposób na to, by Twoja praca stała się fajniejsza i bardziej świadoma.

  • 3 miesiące nauki zaawansowanego frontendu
  • Skupiamy się na rozwiązywaniu problemów, nie na pojedynczych frameworkach (mimo, że przykłady są w Reakcie)
  • Uczysz się od praktyka z >15-letnim doświadczeniem na froncie
  • Otrzymujesz masę praktycznych przykładów (wyznajemy zasadę minimum teorii, maksimum kodu)
  • Masz dożywotni dostęp do materiałów (korzystasz kiedy chcesz, nawet za rok!)
  • Dostajesz dostęp do zamkniętej grupy Frontendowych Architektów
  • Masz dostęp do aktualizacji (z wszystkich przyszłych edycji)
  • Gwarantowane zadowolenie albo zwrot pieniędzy!

...a to tylko 8 powodów, by dołączyć do Programu ANF. Poniżej jest ich ZNACZNIE więcej.

"Frontend to nie programowanie"?

Dobrze wiemy, że ten „żarcik” już dawno odszedł do lamusa. Frontend ma już dawno za sobą poziom klepania widoków i kolorowania divów.

Mimo to brakuje zaawansowanych materiałów zagłębiających się w skomplikowany świat APLIKACJI frontendowych.

Skoro tu jesteś, to pierwsze kroki we Frontendzie masz już dawno za sobą, ale… dalszy rozwój jest utrudniony. Dla pewności zróbmy szybki test (wystarczy JEDNA odpowiedź "TAK"):

  • Wiesz już sporo o frontendzie, ale czujesz, że możesz pracować wydajniej;
  • Masz dosyć gloryfikowania frameworków, wolisz nauczyć się rozwiązywania problemów;
  • Nie możesz już słuchać zdania: „Nie wiemy dlaczego, ale zawsze tak robimy!”;
  • Chcesz zgłębić paradygmaty raz, a dobrze;
  • Na co dzień piszesz w Angularze i z chęcią odkryjesz świat Reacta;
  • Albo po prostu: nie chcesz robić 💩
Jeśli choć jedna z powyższych odpowiedzi Cię dotyczy, to jesteś w doskonałym miejscu. Program ANF powstał właśnie po to, by rozprawić się z każdym z tych problemów. Dlaczego ANF nie jest jak kolejny frontendowy kurs za trzy dychy?

Co wyróżnia Program ANF?

Dowiesz się, jak tworzyć oprogramowanie odporne na zmiany i łatwiejsze w utrzymaniu

Poznasz uniwersalne sposoby rozwiązywania problemów niezależne od zmiennych technologii

Odrzucisz bzdurne patterny, bezmyślnie powielane przez tysiące (sic!) programistów

Zrozumiesz jak pisać testy, by nie były kulą u nogi (tak, na froncie!)

Dowiesz się, jak spełniać wymogi biznesowe oprogramowania

Znajdziesz obszary, w których możesz usprawnić swoją pracę

Odejdziesz od podejścia „to się doklepie” i “frontend to taki mały prymitywny braciszek backendu”

Dogłębnie poznasz Reacta (i przekonasz się, że to dobrze... nawet jeśli teraz ciężko Ci w to uwierzyć)

Da się tego nauczyć bez ANF?
Jasne!

Pod jednym warunkiem: nie cenisz swojego czasu!

I możesz powiedzieć szczerze: Tak, chcę poświęcić czas i zasoby, żeby:

  • Samodzielnie szukać i przede wszystkim filtrować wiedzę z internetów
  • Siedzieć na webinarach, które tylko muskają powierzchnię tematu (ile można powiedzieć w 30 minut? W ANF jeden moduł potrafi trwać kilka godzin!)
  • Stworzyć analizy wielu różnych rozwiązań Twoich problemów i wybrać te najbardziej optymalne (jechanie na jednym frameworku to nienajlepszy pomysł)
  • Przerabiać kursy pokazujące schematy, które i tak nie sprawdzą się w prawdziwych projektach
  • Wydawać tysiące złotych na całodzienne szkolenia dotykające tylko wybranych aspektów zaawansowanego frontendu
  • Weryfikować, czy dana wiedza nie jest już przedawniona

Szczerze: to zajmie Ci lata! Instruktor ANF, Tomasz Ducin, ma ponad 15 lat doświadczenia z kodem. Widział już wszystko i teraz dzieli się swoim bezcennym doświadczeniem, żeby ułatwić Twoją pracę.

Pytamy więc: Czy Twój czas jest bezwartościowy?

Oczywiście, że nie! Twój czas jest cenny. Dlatego nie chcemy go marnować. Zebraliśmy całą niezbędną wiedzę i umiejętności w jeden Program. Nie musisz błąkać się po internecie za cząstkami informacji: wystarczy, że dołączysz do ANF i zainwestujesz kilka godzin nauki tygodniowo!

Zaoszczędzony czas poświęć na rozwijanie swoich projektów. Oddawanie się pasjom. Czas z rodziną! Zresztą Ty wiesz najlepiej, co zrobić ze swoim wolnym czasem. My przeprowadzimy Cię przez zaawansowany frontend.

Możesz męczyć się ze schematycznymi tutorialami na własną rękę albo…

Wybierz Architekturę Na Froncie!

Zaufało nam już ponad 3730 Programistek i Programistów! ANF przeprowadził innych za rączkę od stanu „Zawsze to robię i nigdy nie zastanawiam się dlaczego” do głębokiego zrozumienia zaawansowanych frontendowych tematów.

I co najlepsze: nie musisz wierzyć nam na słowo. Zobacz materiały DEMO tutaj.

Czy Program ANF jest dla mnie?

TAK, jeśli:

jesteś Mid lub Senior Developerem i chcesz:

  • Tworzyć łatwiejsze w utrzymaniu projekty;
  • Rozumieć DLACZEGO stosujesz dane rozwiązania, a nie kopiować na czuja kod z tutoriali (albo innych projektów);
  • Świadomie pracować z architekturą na Froncie, bo to część Twoich obowiązków (albo potrzebujesz asa w rękawie!);
  • Nauczyć się komunikacji z biznesem, by Wasza współpraca przestała być utrapieniem;
  • Uzupełnić i usystematyzować wiedzę;
  • Zrozumieć wzorce projektowe;
  • Albo po prostu: znasz nasz kultowy Program DNA i czekasz na “coś takiego, tylko dla frontendu”.

Jeśli nie wiesz, czy skorzystasz z Programu, koniecznie do nas napisz. Pomożemy Ci podjąć właściwą decyzję!

ANF NIE jest dla Ciebie, jeśli:

  • Zagadnienia z agendy masz w małym palcu u nogi;
  • Oczekujesz od nas podania schematów kopiuj-wklej;
  • Nie masz zamiaru poznać Reacta (i nie wierzysz nam, że WARTO go znać);
  • Nie przeszkadza Ci łatka „zwykłego klepacza kodu“;
  • Nie czujesz potrzeby usprawnienia swojej codziennej pracy;
  • Chcesz pracować tylko w jednej technologii (i nie chcesz się przekonać, że elastyczność ułatwi Ci pracę);
  • Przyświeca Ci podejście „jakoś to sklecimy, ktoś inny będzie się martwił utrzymaniem”.

Co zyskujesz dzięki Programowi ANF?

  • Uczymy myśleć architektonicznie o frontendzie;
  • Nie pokazujemy schematów działania, tylko prowadzimy do głębokiego zrozumienia frontendowych problemów;
  • Uczymy porównywania narzędzi i pomysłów (nie ma złotej recepty na wszystko!);
  • Pokazujemy, co się może wywalić na produkcji (katalog typowych błędów);
  • Zwracamy uwagę na konsekwencje: co się stanie, gdy wybierzesz rozwiązanie X albo Y?;
  • Program powstał pod kątem pracy projektowej: jest battle-tested;
  • Wskazujemy, kiedy popularne rozwiązania mogą narobić wiele szkód.

Poznaj twórców ANF

Tomasz Ducin

Specjalista JavaScript i pasjonat programowania związany z branżą od 2007 roku. Jest topowym trenerem w firmie Bottega IT Minds. Przeprowadził już ponad 100 komercyjnych szkoleń. Ma szerokie doświadczenie w pracy z kodem, również backendowym. Tworzył zarówno systemy korporacyjne jak i projekty dla startupów. Jako Architekt Oprogramowania przeprowadza audyty i konsultacje. Wyciąga na prostą trudne, skomplikowane, a czasem beznadziejne projekty. Występuje też w roli prelegenta na konferencjach w Polsce i w Europie.

Tomasz umie przekazać wiedzę tak, by jego uczniowie zyskali pełną samodzielność w rozwiązywaniu swoich programistycznych problemów.

Maciej Aniserowicz

Wydawca i koordynator projektu Architektura Na Froncie.

Autor bloga devstyle.pl, książki Zawód: Programista" i podcastu DevTalk. Organizator konferencji I LOVE DEV. Wydaje premium programy edukacyjne dla polskiej branży IT (Droga Nowoczesnego Architekta , Legacy Fighter , SmartTesting, DBMaster, Co Ten Frontend, Kurs Gita).

Głęboko wierzy, że Program ANF pomoże na dobre rozprawić się z mitem, że Frontend development to „gorsze” programowanie.

Materiały DEMO

W programie nauki online liczy się konkret i merytoryczne mięcho. Dlatego dajemy Ci wgląd do kilku lekcji z Programu ANF. To tylko ułamek wiedzy, którą oferujemy! Bo – powiedzmy sobie szczerze – skoro tu jesteś, to chcesz poznać frontend od podszewki. Chcesz się rozwijać jako programista. Chcesz pracować sprytniej i bardziej świadomie.

Co otrzymujesz?

Program
  • 3 miesiące praktycznej nauki, dzięki której będziesz tworzyć aplikacje frontendowe z głębokim zrozumieniem;
  • Zrozumiesz wzorce projektowe oraz testy na froncie, dogłębnie poznasz Reacta, nauczysz się rozwiązywania problemów i wiele więcej;
  • Uczymy na praktycznych przykładach: przygotuj się na duże stężenie kodu;
  • Liczne zadania domowe – nie uznajemy nauki bez wkładu własnego!
  • Dożywotni dostęp do materiałów.
Grupa Frontendowych Architektów
  • Dostajesz do niej dostęp już na samym początku szkolenia!
  • Możesz wymieniać się wiedzą i doświadczeniem z innymi pasjonatami frontendu;
  • W grupie masz bezpośredni kontakt z Instruktorem;
  • Możesz brać udział w fascynujących dyskusjach;
  • Zdobywasz motywację do nauki dzięki wspierającej społeczności;
  • Masz dostęp do ciekawych internetowych znalezisk dotyczących frontu;
  • Nawiązujesz znajomości z innymi ambitnymi Uczestnikami ANF.
Bonusy
  • DARMOWE aktualizacje Programu – jeśli będziemy poszerzać lub odnawiać materiał, to wszelkie nowości otrzymasz za darmo;
  • Wiele możliwości nauki – kupując dostęp do Programu, otrzymujesz nagrania video, audio, transkrypcje oraz PDF-y z prezentacjami.

Agenda

Sprawdź, czego się z nami nauczysz!

Moduł 1: Type Safety

  1. 1.1. Podstawy Type-safety
  2. 1.2. System typów TypeScripta
  3. 1.3. Wnioskowanie typów
  4. 1.4. Typy to zbiory
  5. 1.5. Control Flow Analysis
  6. 1.6. Generyki i typy złożone
  7. 1.7. Type-unsafe
  8. 1.8. Wzorce i Antywzorce
  9. 1.9. Praca domowa

Moduł 2: Testowanie

  1. 2.1. Cele testowania i systematyka
  2. 2.2. Kryteria wartościowych testów
  3. 2.3. Asercje
  4. 2.4. Mockowanie
  5. 2.5. Dane Testowe
  6. 2.6. Rodzaje Testów
  7. 2.7. Testowanie Statyczne
  8. 2.8. ESLint
  9. 2.9. Code Coverage
  10. 2.10. Praca domowa

Moduł 3: React

  1. 3.1. React & TypeScript
  2. 3.2. CRA & AppSetup
  3. 3.3. Storybook & Component-driven UIs
  4. 3.4. React & CSS
  5. 3.5. Rendering & Performance
  6. 3.6. React Testing
  7. 3.7. Praca domowa

Moduł 4: Zarządzanie Stanem: Hooks & Contexts

  1. 4.1. Tradeoffy, problematyka
  2. 4.2. React Hooks
  3. 4.3. Context API
  4. 4.4. Testowanie Context API
  5. 4.5. Ładowanie danych z react-query
  6. 4.6. Fasadowe Hooki
  7. 4.7. Praca domowa

Moduł 5: Redux

  1. 5.1. Stan spoza Reacta
  2. 5.2. Architektura Redux
  3. 5.3 Middlewares
  4. 5.4 Nowoczesny Redux
  5. 5.5 Redux vs Context
  6. 5.6 Testowanie Reduxa
  7. 5.7 Immer
  8. 5.8. Praca domowa

Moduł 6: Maszyny Stanowe

  1. 6.1. Procesy Wielokrokowe i Diagramy Stanów danych
  2. 6.2. Primitive Obsession
  3. 6.3. Union State Machine
  4. 6.4. Redux State Machine
  5. 6.5. XState Machine
  6. 6.6. Praca domowa

Moduł 7: Testowanie Integracyjne

  1. 7.1. Testowanie zorientowane biznesowo
  2. 7.2. Przykłady testów integracyjnych
  3. 7.3. HTTP: mockowanie, testowanie i storybook
  4. 7.4. Mockowanie serwisów
  5. 7.5. Page Object Pattern
  6. 7.6. Composite Page Object
  7. 7.7. Praca domowa

Moduł 8: Reaktywność

  1. 8.1. Reaktywność
  2. 8.2. Strumienie Reaktywne
  3. 8.3. RxJS: API
  4. 8.4. RxJS: Zastosowanie
  5. 8.5. MobX
  6. 8.6. Modele Reaktywności
  7. 8.7. Praca domowa

Moduł 9: Obsługa Błędów

  1. 9.1. Cele i strategie obsługi błędów
  2. 9.2. Obsługa błędów vs Type Safety
  3. 9.3. Wznawianie żądań
  4. 9.4. Obsługa błędów z perspektywy UI
  5. 9.5. Logowanie
  6. 9.6. Chaos Engineering

Moduł 10: Testy End-to-End

  1. 10.1. Cele, korzyści i koszty testów end-to-end
  2. 10.2. Testowanie Aplikacji end-to-end (Cypress oraz Puppeteer)
  3. 10.3. Page Object i jego ograniczenia
  4. 10.4. Testowanie Accessibility
  5. 10.5. Testowanie Wizualne
  6. 10.6. Praca domowa

Moduł 11: Mikrofrontendy

  1. 11.1. Zarządzanie architekturą
  2. 11.2. Systemy rozproszone
  3. 11.3. Mikrofrontendy: cele, zalety i wady
  4. 11.4. Implementacje mikrofrontendów: kompozycja legacy + greenfield
  5. 11.5. Implementacje mikrofrontendów: Iframe'y
  6. 11.6. Implementacje mikrofrontendów: Web Components
  7. 11.7. Implementacje mikrofrontendów: Module Federation
  8. 11.8. Implementacje mikrofrontendów: Single-SPA
  9. 11.9. Organizacja kodu w projekcie
  10. 11.10. Praca domowa

Ile kosztuje ten Program?

  • 3 miesiące intensywnej nauki
  • Instruktor z doświadczeniem w komercyjnych projektach oraz szkoleniu programistów
  • Nauka najlepszych praktyk w rozwiązywaniu problemów i osiąganiu celów biznesowych na frontendzie
  • Dostęp do zamkniętej grupy dla Uczestników
  • Darmowe aktualizacje materiałów
To wszystko (i jeszcze więcej) kosztuje: 1999 zł brutto (1625,2 zł + 23% VAT)

…czyli mniej niż jedno całodniowe szkolenie z frontendu.

A trzeba wielu takich szkoleń, żeby w pełni zrozumieć temat!

Albo inaczej: materiał jest rozłożony na 3 miesiące, czyli wychodzi około 100 zł netto za tydzień! To tyle, ile kolacja w fajnej restauracji… Powtarzam: materiały z najwyższej półki na TYDZIEŃ w cenie kolacji!

NIGDY nie będzie taniej!

Czas na Twój ruch!

Opanowujesz frontend na poziomie PRO czy nadal drżysz, czy projekt się nagle nie wywali, a Ty nie wiesz, jak go naprawić?

Poniższy button przeniesie Cię od razu do zamówienia.
To pierwszy krok do upgrade’u Twojej programistycznej kariery – nie odwlekaj go!

Niczym nie ryzykujesz!

Jesteśmy pewni, że Program Architektura Na Froncie spełni Twoje oczekiwania.

Jeśli Cię zawiedziemy, zwrócimy Ci 100% poniesionych kosztów!

Na żądanie zwrotu masz 14 dni od opłacenia zamówienia! Bezwarunkowo!

Masz pytania? Zadaj nam je!

Jesteśmy tu, żeby Ci pomóc w podjęciu najlepszej decyzji. Jeśli potrzebujesz więcej informacji, wyślij nam maila na adres kontakt@devstyle.pl.

UWAGA!

Zanim napiszesz, sprawdź poniższą sekcję FAQ. Możliwe, że uzyskasz odpowiedź na swoje pytanie od razu!

FAQ

Kiedy dostanę dostęp do Programu?

Twoje konto zostanie utworzone na platformie edukacyjnej od razu po dokonaniu płatności. Dane dostępowe otrzymasz na adres e-mail podany przy składaniu zamówienia. Natychmiast otrzymasz dostęp do WSZYSTKICH materiałów. Dożytownio!

Dlaczego React?

Bo w czymś trzeba kod napisać. Nie tylko aplikację, ale i cały setup storybooka (którego w ANF jest sporo, ponieważ bardziej pasuje do sytuacji szkoleniowej).

Tomku, czy będziesz mnie przekonywać, który framework jest lepszy?

Uważam, że w pracy programisty ostatecznie najważniejszy jest sukces biznesowy produktu, który rozwijam. Na to składa się zrozumienie rozwiązywanych problemów, dobranie odpowiednich rozwiązań, właściwy proces, przemyślane priorytety itd. Gdzieś na samym dnie listy umieściłbym: czy Reakt, czy Angular, czy Vue 😏

Jak długo mam dostęp do Programu?

Dostęp do szkolenia jest dożywotni. Kupujesz teraz – na zawsze. Jeśli pojawią się aktualizacje czy uzupełnienia, otrzymasz je gratis.

Czy mogę ściągnąć materiały i oglądać je offline?

Wideo jest do streamingu online. Ściągniesz za to kod, slajdy i wszystkie materiały pomocnicze.

Ile mam czasu na ewentualny zwrot pieniędzy?

14 dni od momenttu zakupu. Bezwarunkowo. Także jeśli kupujesz na firmę lub jeśli obejrzysz wszystkie materiały. Ważne jest tylko jedno: zmieść się w tym terminie.

Czy Program jest dostępny na otwartej platformie?

Program jest hostowany na własnej platformie. Nie przewidujemy umieszczenia go nigdzie indziej.

Czy otrzymam fakturę VAT?

Tak, oczywiście, VAT 23%. Ten Program możesz „wrzucić w koszty”.
Więcej: możesz dołączyć do ANF i później ubiegać się o zwrot kosztów w Twojej firmie. Bezboleśnie dokonamy wszelkich niezbędnych korekt.

Wszystko jasne?

Świetnie! Możemy zacząć wspólną naukę!

Po dołączeniu do Programu ANF możesz sobie pogratulować. Właśnie zaczynasz swoją frontendową metamorfozę w świadomego specjalistę!

KUPUJĘ DOSTĘP DO PROGRAMU ANF! »

Wsparcie merytoryczne

Interesuje nas tylko najwyższa jakość. Dlatego w produkcji Programu ANF trzech Frontendowych Wymiataczy wspiera Tomka Ducina.

Adam Bar

Trener technologii front-endowych w Bottega IT Minds, pasjonat Mobile Weba, twórca What Web Can Do Today – serwisu o możliwościach Weba na urządzeniach mobilnych, a także niezależny konsultant, CTO w start-upie i full-stack developer doświadczonym w kilku stosach technologicznych, ostatnio wierny TypeScriptowi. I choć uwielbia proste struktury, proste reguły i porządek, których nieraz próżno w Webie szukać, to właśnie technologie webowe są jego programistyczną pasją.

Rola w ANF: review merytoryczny całej treści szkolenia (slajdy i transkrypcje) oraz wyłapywanie potencjalnych błędów we wszystkich nagraniach z kodem.

Mateusz Burzyński

JavaScript Developer w LiveChacie, czuwający nad jakoscia oprogramowania uruchamianego ponad 300 000 razy na minutę. Entuzjasta OSS i ekosystemu Reactowego – aktywnie uczestniczy w projektach takich jak XState, Redux-Saga, Emotion.

Rola w ANF: review pod kątem merytorycznym dwóch modułów Programu, slajdów oraz transkrypcji. Mateusz będzie również instruktorem w społeczności uczestników ANF.

Mateusz Turcza

Programista związany z branżą od 2006 roku. Przygodę z kodem zaczynał od webdevu w PHP, od 2016 roku zajmuje się wyłącznie frontendem i zna go od podszewki. Działa głównie w React i Angularze, ale żadnego frameworka się nie boi. Pasjonuje się pisaniem bibliotek komponentów, z naciskiem na user experience. Po godzinach rozwija opensource'owe analizatory składni i parsery. Obecnie pracuje jako Lead Frontend Developer w firmie DevSkiller.

Rola w ANF: wsparcie Tomka w pisaniu kodu.

Architektura Na Frontendzie
Jesteśmy w kontakcie!
Tomasz Tomasz Ducin Maciej Maciej Aniserowicz

© DEVSTYLE spółka z ograniczona odpowiedzialnością, UL. Marii Konopnickiej 14 /8, 15-215 Białystok; Tel. +48 452 246 901; NIP: 5423453088, Sąd Rejonowy w Białymstoku, XII Wydział Gospodarczy - Krajowego Rejestru Sądowego KRS 0000983500; REGON: 522649044
Informacje o tym, jak przetwarzamy Twoje dane, znajdziesz na: devstyle.pl/RODO.