Nowość 2023 :

Czwarta edycja Praktyczny kurs: Nowoczesny Frontend Next.js, React, GraphQL i TypeScript

Kurs Next.js, React, GraphQL i TypeScripta: najpopularniejszych narzędzi do tworzenia aplikacji internetowych.

Wiedza uniwersalna i przenośna niezależnie od technologii, a jednocześnie maksymalnie praktyczna i przydatna!

Zapisz się, aby dostać informację, gdy ruszy piąta edycja!

Masz dość kursów pełnych złych praktyk?

Większośc kursów w Internecie jest pobieżna, przestarzała lub pełna błędów i złych praktyk. Na pewno wiesz o czym mówimy. U nas jest inaczej.

  • Nowoczesny frontend

    Zapomnij o naleciałościach historycznych. Uczymy tylko najnowszych, najwydajniejszych i uznanych rozwiązań.

  • Uniwersalna wiedza

    Cała zdobyta wiedza jest tak uniwersalna, że bez trudu wykorzystasz ją w Remix, Gatsby, Nuxt (Vue.js) i Angularze.

  • Seniorzy z doświadczeniem

    Jakub i Michał pracują w branży od kilkunastu lat. Są przede wszystkim praktykami, a później wykładowcami. Zero ściemy.

  • Maksimum praktyki

    Teorię sam sobie doczytasz z materiałów dodatkowych. Kurs skupia się na konkretnym celu biznesowym: budowaniu aplikacji.

  • Dożywotni dostęp

    Zachęcamy do przerabiania materiałów na bieżąco, ale bez stresu: możesz do nich wrócić kiedy zechcesz.

  • Przyszłe aktualizacje treści

    Nowoczesny kurs musi być aktualny. Każda kolejna edycja to nowe materiały i zmiany, do których również masz dostęp.

  • Zamknięta grupa

    Otrzymujesz na zawsze dostęp do zamkniętej grupy Programistów Nowoczesnego Frontendu. Pomoc i materiały – online niemal 24/7.

  • Zadowolenie lub zwrot kasy

    Napisz co Ci się nie spodobało. Jeśli nic nie będziemy mogli poradzić, to pieniądze po prostu wrócą na Twoje konto.

…a to tylko kilka powodów, by dołączyć do naszego kursu Nowoczesnego Frontendu.

Poniżej znajdziesz więcej informacji. Nic nie ryzykujesz!

Technologie na kursie

Next.js
React
TypeScript
GraphQL

Odczarowujemy edukację i podchodzimy do tematu zupełnie inaczej niż większość: bazujemy na pair programming, interakcjach z kursantami i ciągłej dyskusji.

Michał Miszczyszynmentor

Dla kogo?

Bez ogródek, prostym i zrozumiałym językiem, dla każdego. Takie były nasze założenia, gdy tworzyliśmy program kursu Next.js, React i TypeScripta. Stawiamy na pragmatyzm i zero zbędnej teorii.

Mimo to, pewnie nadal zastanawiasz się „czy ten kurs jest dla mnie?” Sprawdźmy to z naszą checklistą. Odpowiedz, czy…

  • Nieźle Ci idzie tworzenie aplikacji internetowych, ale chciałbyś poukładać i usystematyzować tę wiedzę?

  • Obawiasz się, że popularne dzisiaj rozwiązania przestaną być używane za rok-dwa i chcesz uczyć się uniwersalnych konceptów?

  • Korzystasz z z Vue albo Angulara i chętnie poznałbyś Reacta?

  • Masz dość samozwańczych guru z YouTube, którzy każą Ci pisać kod w jeden konkretny sposób „bo tak”?

  • Nie lubisz mieć wszystkiego podanego „na tacy” i chcesz trochę samodzielnie popracować?

  • Podoba Ci się React, więc czas na kolejny krok?

  • Umiesz tworzyć typowe Single Page Applications, ale chciałbyś, żeby działały lepiej i szybciej?

  • Kumasz koncept statycznego generowania treści, ale nie do końca łapiesz co to jest to inkrementalne coś tam…

  • Lub zwyczajnie chcesz się rozwijać i być na bieżąco 😁

Jeśli choć na jedno pytanie odpowiedziałeś „tak”, to ten kurs jest właśnie dla Ciebie!

Jeśli nadal masz wątpliwości, to koniecznie napisz do nas! Pomożemy Ci podjąć właściwą decyzję.

Co nas wyróżnia?

Wszystko czego potrzebujesz do Next.js, GraphQL i TypeScripta

O kursie

Chcesz budować aplikacje internetowe? Niestety, odnalezienie się w gąszczu różnych technologii webowych nie jest łatwe, a szukanie dobrych wzorców i praktyk to często godziny przedzierania się przez wątpliwej jakości materiały. My to zmieniamy!

Pragmatyzm ponad wszystko

Next.js, React, TypeScript i GraphQL – wszystko, co potrzebne, aby stworzyć rozbudowaną aplikację internetową poznasz w 16 tygodni. To jest dokładnie to, czego teraz potrzebuje rynek, a program kursu jest dopracowany pod kątem pragmatyzmu.

Nauka przez eksperymentowanie

Wierzymy, że najlepszym sposobem, aby nauczyć się programowania jest praca metodą prób i błędów. Niczym dziecko uczące się języka, nasi kursanci od początku będą pracować z prawdziwą aplikacją i mierzyć się z realnymi problemami.

Stały kontakt z mentorami

Jeśli tylko potrzebujesz pomocy, podpowiedzi, albo ciekawostek, to nasi mentorzy są online każdego dnia. Rozwiązania problemów albo nowe wyzwania, to wszystko jest na wyciągnięcie ręki. Jesteś na głębokiej wodzie, ale nie jesteś sam!

Dla każdego coś…

Znasz JS i nie wiesz co dalej? Pokierujemy Cię. Oprócz autorskich filmów, otrzymujesz również wyselekcjonowane przez nas materiały wysokiej jakości do poczytania i obejrzenia – poza zakresem kursu.

Uniwersalna wiedza

Frameworki przychodzą i odchodzą. Wzorce i dobre praktyki są stałe. My używamy konkretnych bibliotek, ale uczymy ogólnych i uniwersalnych dobrych wzorców. Zdobyta wiedza będzie przydatna zarówno za rok jak i dziesięć lat!

Koniec z arbitralnymi decyzjami

„Tak się po prostu robi” – słyszałeś to kiedyś? NO MORE. Wszystko, co pokazujemy ma uzasadnienie, podparcie w praktyce lub źródło. Nie uczymy bezmyślenego kopiowania lecz analizy i świadomości.

Naszym szkoleniom z JavaScriptu i Reacta zaufało już kilkaset osób

Nie zwlekaj i dołącz do kursu online Next.js, React, GraphQL i TypeScripta

tygodni
16
lekcji
195
godziny wideo
24+

Co mówią nasi kursanci?

Przeszkoliliśmy setki osób, a z naszych materiałów online skorzystało pół miliona ludzi.

Co o nas mówią?

  • Kupiłem kurs jako mid JS developer, chcąc nauczyć się Next.js i GraphQL. Z materiałów wyłuskałem masę dobrych praktyk, ciekawych porad, optymalizacji tworzenia kodu i przydatnych Reactowych wzorców. Treść Zadań nie narzuca sposobu rozwiązania, więc trzeba się wykazać kreatywnością, pogrzebać w dokumentacji i popytać innych osób. Pozostali kursanci oferowali nie tylko swoją pomoc, ale też wspólną naukę przy jednym projekcie! Dobrze się to zgrywa z możliwością zadawania pytań na discordzie i podczas konsultacji live z mentorami.

    Kuba i Michał mają świetną chemię na ekranie, przez co wprowadzają luźniejszą atmosferę podczas lekcji i konsultacji. Dzięki temu łatwiej było przełamać strach przed zadaniem pytania i włączeniem kamerki na spotkaniach.

    Kurs polecam osobom chcącym zostać frontendowcami, juniorom oraz midom, którzy chcieliby mieć większą styczność z Next.js. Swoją drogą sam kurs zdążył się zwrócić, bo dzięki wiedzy nabytej w nim udało mi się “błysnąć” na rozmowie o podwyżkę, czego rezultatem było podbicie seniority. Dzięki, chłopaki.

    Marcin PardaJavaScript Developer w STX Next
  • W kursie podoba mi się wyjątkowo organiczne podejście do uczestników i planu pracy. Na sesjach live, Michał i Kuba nie tylko odpowiadają na pytania do zadań, ale też rozszerzają temat o bigger picture. Ciągle szukają dodatkowych inicjatyw, które kursanci mogą wykonać w ramach dalszego samorozwoju.

    Konrad NojmanJavaScript Developer w HTD Health
  • Kurs prowadzony w konwencji pair programmingu był strzałem w dziesiątkę. Dzięki temu podejściu mogłem zobaczyć, w jaki sposób myślą i podejmują decyzje doświadczeni deweloperzy. Jako tutorialowy wyjadacz, mogę Ci zagwarantować, że materiały na tym kursie są zupełnie innej jakości niż to, co znajdziesz na YouTube czy Udemy.

    Jakub Siemienowicz React Developer w Today
  • Przez ostanie 2 lata korzystałem już z wielu kursów, dobierając je pod kątem nie tylko aktualności, ale także jakości przekazu. Kurs tworzenia nowoczesnego frontendu z Michałem i Jakubem to prawdziwy unikat.

    Panowie swoją ogromną, ekspercką wiedzą dzielą się w sposób przystępny i niewymuszony. Lekcje prowadzone są w formacie pair programmingu, dzięki czemu prowadzący uzupełniają się wzajemnie. Z rozwagą dawkują materiał i wyjaśniają zawiłości technologiczne oraz zwracają uwagę na sposób w jaki różne technologie współgrają ze sobą w jednej aplikacji.

    Największą wartością kursu jest możliwość konsultacji z mentorami oraz interakcji z kursowym community na Discordzie. Michał i Jakub są super pomocni, umiejętnie naprowadzają na rozwiązania i inspirują do dalszej pracy. To najlepszy kurs na jaki do tej pory trafiłem – prawdziwy „game changer”, który znacznie przyspieszył osiągnięcie wymarzonego celu. Polecam serdecznie!

    Paweł PikusTest Automation Engineer w Huuuge Games

Zbuduj prawdziwą aplikację z użyciem GraphQL, TypeScripta i Next.js

W czasie kursu Next.js, React, TypeScrpta i GraphQL zbudujesz pełnoprawną aplikację internetową od A do Z: ultraszybki, statycznie renderowany sklep internetowy.

Pomysł na projekt zaczerpnęliśmy od naszych partnerów, a zdobywana wiedza wprost odpowiada rynkowym wymaganiom.

Demo aplikacji, którą stworzysz na kursie

Mentorzy z doświadczeniem w TypeScript, Next.js i GraphQL

Prowadzący to senior-deweloperzy z kilkunastoma latami komercyjnego doświadczenia oraz bogatym portfolio dydaktycznym.

Nie jesteśmy specjalistami od marketingu, tylko od programowania. Jesteśmy rzetelni i autentyczni.

  • Michał Miszczyszyn

    Senior Fullstack Developer

    Michał to doświadczony leader i programista full-stack zorientowany na biznes. Nie boi się żadnej technologii. Przedsiębiorca, aktywista, bloger, prelegent i nauczyciel.

    Autor i wydawca bestsellera: książki „TypeScript na poważnie”.

Agenda kursu Next.js, GraphQL i TypeScript

Jak przebiega kurs

Każda lekcja to pragmatyczne podejście do problemu i rozwiązania w postaci wideo programowania w parach.

  1. Tydzień 1

    Wprowadzenie: Przygotowanie do kursu

    1. Motywacja: React, Next, TypeScript, GraphQL, Tailwind CSS

    2. Wymagania

    3. Narzędzia: VS Code - Edytor kodu

    4. Narzędzia: Git & GitHub

    5. Przygotowanie środowiska do kursu

    6. Dodatkowe materiały wspomagające

  2. Tydzień 2

    Pierwsze kroki: Powstanie struktury aplikacji

    1. Konfiguracja Next.js z TypeScript

    2. Struktura aplikacji Next.js

    3. Konfiguracja repozytorium GitHub

    4. Deploy na Vercela jednym kliknięciem

    5. Narzędzia deweloperskie w Chrome: Dev Tools & React Dev Tools

    6. Dodawanie stron

  3. Tydzień 3

    Stylowanie: Ostylowane podstrony

    1. Filozofia Tailwind CSS

    2. Komponenty i re-organizacja aplikacji

    3. Podział strony na sekcje i Flexbox

    4. Responsywność, Breakpointy i Grid

    5. Komponenty i dane dynamiczne

    6. Propsy komponentów i dane dynamiczne

  4. Tydzień 4

    Renderowanie w Next: Dynamiczne i prerenderowane strony produktów

    1. Strony statyczne i prerendering (SSG, ISR)

    2. Generowanie ścieżek dla stron dynamicznych

    3. Treść renderowana po stronie serwera (SSR)

    4. Pobieranie treści po stronie klienta (CSR)

    5. React Query

    6. Inferencja typów przy SSG

  5. Tydzień 5

    Vercel: Poznanie Vercela

    1. Vercel

    2. Statyczne zasoby

    3. Obsługa obrazków, komponent Image, CDN

    4. Automatyczny pogląd pull requestów

    5. Konfiguracja środowiska staging

    6. Wykorzystanie GitHub Actions

  6. Tydzień 6

    Organizacja pracy: Lepsza organizacja projektu; podstawy SEO; Markdown

    1. Wprowadzenie komponentu Layout

    2. Konfiguracja SEO przy użyciu next-seo

    3. Wprowadzenie do Markdowna

    4. Biblioteka react-markdown

    5. Omówienie next-mdx-remote

    6. Obsługa odnośników w Markdown

  7. Tydzień 7

    Koszyk sklepowy: Funkcjonalny koszyk

    1. Czym jest Context w React

    2. Konfiguracja Context w Next.js

    3. Stan koszyka w Context

    4. Stylowanie koszyka

    5. Dodawanie i usuwanie z koszyka

    6. Zmiana ilości produktu w koszyku

  8. Tydzień 8

    GraphQL: Dynamiczne produkty z CMS

    1. Omówienie CMS

    2. Konfiguracja produktów w CMS

    3. CMS dostarcza API GraphQL

    4. Połączenie z GraphQL w aplikacji

    5. Biblioteka Apollo

  9. Tydzień 9

    Formularze: Formularz zamówienia

    1. Jak działają formularze

    2. Biblioteki do formularzy w React

    3. Walidacja formularzy

    4. Obsługa zdarzeń

    5. Obsługa formularza

    6. Przesłanie zamówienia

  10. Tydzień 10

    Mutacje GraphQL: Poznanie GraphQL

    1. Mutacje w GraphQL

    2. Utworzenie schemy dla zamówienia

    3. Zapis danych z formularza w CMS

    4. Konfiguracja graphql-codegen

    5. Automatyczne generowanie komponentów

    6. Złożenie zamówienia

  11. Tydzień 11

    Next.js i API: W pełni działający koszyk

    1. Wprowadzenie do API Routes

    2. Rozgraniczenie klient / serwer

    3. Pliki .env i zmienne środowiskowe

    4. Dodawanie recenzji produktów

    5. Operowanie na cache w Apollo GraphQL

    6. Optymistyczne aktualizacje widoku

  12. Tydzień 12

    Stripe: Obsługa płatności

    1. Konfiguracja Stripe

    2. Produkty w Stripe

    3. Strona płatności

    4. Obsługa udanych i nieudanych płatności

    5. Webhooki

  13. Tydzień 13

    Konto użytkownika: Uwierzytelnianie i historia zamówień

    1. Pojęcie sesji

    2. Omówienie next-auth

    3. Logowanie i rejestracja

    4. Przypisywanie zamówień do konta

    5. Wyświetlanie historii swoich zamówień

  14. Tydzień 14

    Testowanie: Testy aplikacji

    1. Testy jednostkowe w Jest

    2. Testy integracyjne w React Testing Library

    3. Testy e2e w Cypressie

    4. Konfiguracja CI/CD

    5. Deploy pod własną domeną

  15. Tydzień 15

    Bonus: Zaawansowane

    1. Stripe Webhooks

    2. i18n - obsługa wielu języków w Next.js

    3. Edge API Routes w Next.js

    4. Persisted Queries w GraphQL

  16. Tydzień 16

    Nowość 2023 : Next.js 13 z appDir: Eksperymentalne podejście do tworzenia aplikacji

    1. Podejście app vs pages

    2. Zagnieżdżanie layoutów

    3. Dynamiczne renderowanie

    4. Komponenty jako async function

    5. Statyczne renderowanie

    6. Hook use() i cache

Wybierz Kurs Nowoczesnego Frontendu: Next.js, React, GraphQL i TypeScript

Kurs Nowoczesnego Frontendu kosztuje mniej niż większość jednodniowych szkoleń!

Zakup naszego kursu zwróci się niezwykle szybko.

Budowa prawdziwej aplikacji

Głęboko wierzymy, że nie ma sensu wałkować suchej teorii. Od pierwszego dnia budujesz prawdziwą aplikację.

Nowoczesny kod, uniwersalna wiedza

Frameworki przychodzą i odchodzą, a wzorce są uniwersalne. Uczymy dobryk praktyk i zasad na przykładzie Next.js.

Nauka przez eksperymentowanie

Nie wkuwamy na pamięć. TypeScript i GraphiQL pomagają nam eksperymentować dzięki inteligentnym podpowiedziom.

Początek sprzedaży czwartej edycji już 22. lutego!

za

  • Dożywotni dostęp
  • Aktualizacje materiałów
  • Zamknięta grupa
  • Stały kontakt z mentorami
  • Konsultacje live
  • Gwarancja satysfakcji
Biorę udział

Kurs wystartował 6 marca 2023.

Zapisuję się na listę oczekujących na kurs Next.js

Otrzymasz maila z unikalnym kodem rabatowym natychmiast gdy tylko ruszą zapisy na czwartą edycję kursu Next.js, React i TypeScripta.

Pytania?

Jeśli masz jakiekolwiek pytania, to napisz do nas na adres [email protected]. Przejrzyj też FAQ poniżej.

Satysfakcja lub zwrot pieniędzy

Jesteśmy przekonani, że kurs Nowoczesny Frontend spełni wszystkie Twoje oczekiwania!

Jeśli jednak nie znajdziesz w nim nic wartościowego, to wystarczy, że napiszesz nam o tym co Cię zawiodło i pieniądze wrócą do Ciebie.

Myślę, że zgodzisz się z nami, że taki układ jest uczciwy zarówno wobec autorów (nas), jak i kupujących.

FAQ (Często Zadawane Pytania)

Czy po tym kursie zostanę programistą/ką?

Nie. Każdy zawód wymaga lat doświadczenia, aby wykonywać go dobrze. Po tym kursie będziesz mieć całościowy pogląd na tworzenie nawet rozbudowanych aplikacji internetowych przy użyciu React, Next.js, GraphQL i TypeScripta. Będziesz w stanie połączyć wszystkie elementy, aby stworzyć nowoczesną i interaktywną aplikację internetową, od A do Z. Kurs pozwoli także wybrać dalszą drogę i zgłębić tajniki front-endu, back-endu, języka programowania TypeScript, itd.

W jakim jęzku będzie prowadzone szkolenie?

Szkolenie będzie prowadzone w języku polskim.

Jak dokładnie przebiega szkolenie?

Przez 16 tygodni będziemy omawiali konkretne zagadnienia związane z tworzeniem aplikacji internetowych w Next.js, React, GraphQL i TypeScript. Każdy tydzień to wycinek funkcji docelowej rozbudowanej aplikacji internetowej. W tym czasie będą poruszane zagadnienia z różnych modułów tematycznych. Na koniec każdego tygodnia będzie do wykonania praktyczne zadanie domowe. Postępy będą na bieżąco konsultowane z prowadzącymi w postaci otwartych, grupowych drzwi otwartych (tzw. Office Hours).

Jestem początkujący/a. Czy ten kurs jest dla mnie?

Nie będziemy omawiać najbardziej podstawowych zagadnień typu „co to jest zmienna” czy „jak uruchomić aplikację w przeglądarce”. Chcemy mierzyć dalej i wyżej, więc nasz kurs zakłada pewien poziom znajomości pojęć związanych z programowaniem. Oczekujemy swobody w korzystaniu z JavaScriptu oraz podstawowego zapoznania się z Reactem. Jednakże, przy odpowiednim poziomie determinacji, zaangażowania i regularności każdy powinien sobie poradzić. Służymy pomocą i dodatkowymi materiałami.

Co, jeśli szkolenie nie przypadnie mi do gustu lub okaże się za trudne bądź za proste?

Napisz nam w czym problem i zwrócimy Ci pieniądze. Masz na to 16 tygodni od startu kursu.

Czy są zniżki studenckie?

Niestety, ale nie oferujemy zniżek studenckich.

Czy można dokonać zakupu na raty?

Niestety, ale nie ma takiej możliwości.

Czy można otrzymać fakturę VAT na firmę?

Tak, w czasie zamówienia podaj dane firmy wraz z NIP. W odpowiedzi zostanie wysłana Ci faktura.

Czy dostęp do kursu jest dożywotni?

Tak, po zakończeniu kursu otrzymujesz dożywotni dostęp do wszystkich lekcji.

Czy kurs będzie aktualizowany?

Tak, planujemy nie tylko aktualizować, ale też rozwijać tematykę kursu. Aktualizacje będą darmowe, zaś nowe moduły rozszerzające zakres kursu będą udostępnione za darmo dla wszystkich uczestników poprzednich edycji kursu.

Czy kurs omawia zmiany wprowadzone w Next.js 13?

Tak! Kurs głównie skupia się na stabilnej wersji Next.js – czyli tej, w której zalecane jest korzystanie z folderu pages. W 2023 roku dograliśmy jednak dodatkowe 90 minut materiału, w którym migrujemy stworzoną aplikację na eksperymentalne podejście z folderem app, wprowadzone w Next.js 13 pod nazwą appDir.

Zapisuję się na listę oczekujących na kurs Next.js

Otrzymasz maila z unikalnym kodem rabatowym natychmiast gdy tylko ruszą zapisy na czwartą edycję kursu Next.js, React i TypeScripta.