Co nowego?Nasz kurs jest kompatybilny z Next.js 12

Wejdź do świata programowania już dziś

Praktyczny kurs o Next.js, jednym z najbardziej popularnych frameworków do tworzenia aplikacji webowych w React.js.

Dla najlepszych: staże w firmach programistycznych.

  • 12-tygodniowe szkolenie w formie wideo online (18 h),
  • praktyczne wprowadzenie do React.js z wykorzystaniem języka TypeScript,
  • aktualne, nowoczesne praktyki programowania, m.in. Next.js w wersji 12,
  • mentorzy z wieloletnim doświadczeniem zawodowym
  • dostęp do zamkniętej społeczności kursantów
  • grupowe konsultacje na żywo
  • dla najlepszych uczestników gwarantowane staże w firmach programistycznych
Kurs zaczyna się 7 lutego 2022

Programistyczne staże dostarczane przez:

Dla Kogo?

Kurs jest zbudowany z myślą o osobach początkujących. Jeśli szukasz pierwszego kontaktu z programowaniem bądź programujesz w języku innymi niż JavaScript, ten kurs jest dla Ciebie. Ponadto, jeśli czujesz, że brakuje Ci wiedzy w pewnych obszarach (na przykład umiesz budować aplikacje frontendowe, ale nie jest dla Ciebie do końca jasne, jak połączyć je z backendem) również skorzystasz z udziału w tym kursie.

Kurs jest dla Ciebie, jeśli:

  • chcesz nauczyć się budować interaktywną stronę internetową
  • szukasz praktycznego wprowadzenia do React.js
  • chcesz poznać nowoczesne sposoby tworzenia stron internetowych
  • szukasz prostszego wprowadzenia do programowania przed nauką pisania pełnoprawnych aplikacji webowych

Kurs NIE jest dla Ciebie, jeśli:

  • znasz zarówno frontend, backend i sposoby komunikacji między nimi
  • nie interesuje Cię ani React.js, ani Next.js
  • potrafisz już pisać aplikacje webowe

Gotowi na naukę programowania?Zarezerwuj miejsce już dziś

Zawartość kursu:

12 tygodniowy kurs wideo

Kurs składa się z ponad 100 lekcji, to łącznie ponad 15 godzin wideo. Otrzymujesz dożywotni dostęp do kursu oraz jego aktualizacji. Logicznie ułożony materiał sprawia, że nauka jest szybka i efektywna.

Konsultacje na żywo

W ramach kursu masz możliwość interakcji z mentoremi na żywo. W wydzielonych godzinach Jakub i Michał będą dostępni, aby odpowiadać na pytania uczestników. Konsultacje będą miały formę grupowej wideokonferencji.

Zamknięta społeczność

Nauka w pojedynkę często jest trudna. Dostęp do zamkniętej społeczności kursantów pozwala nie tylko na bardziej efektywną naukę, ale także motywuje, będąc w otoczeniu kursantów o podobnych celach.

Pierwsza Praca w IT

Staże Programistyczne

Staże programistyczne dają mozliwość rozpoczęcia przygody w branzy informatycznej.

Przebieg i Tematyka Kursu

Kurs składa się z 2 głównych i 9 pobocznych modułów, które w praktyczny sposób wprowadzają uczestnika do tematyki stron i aplikacji internetowych przy użyciu React.js i Next.js. Celem kursu jest dostarczyć całościowy pogląd na tworzenie rozbudowanych aplikacji internetowych w kontekście wspomnianych technologii.

Szkolenie będzie realizowane przez okres 12 tygodni w formie kursu wideo online o długości około 18 godzin na zamkniętej platformie. Podczas kursu prowadzący będzie dostępny w wydzielonych i wcześniej zakomunikowanych przedziałach czasowych, aby odpowiadać na pytania uczestników. Interakcje z prowadzącym będą miały charakter czatu tekstowego Discord oraz konferencji wideo. Kursanci będą też zobowiązani aktywnie uczestniczyć w tygodniowych podsumowaniach oraz wykonywać na bieżąco prace domowe. Czas na wykonanie prac domowych nie jest uwzględniony w długości kursu.

Ostatecznym celem i zwieńczeniem kursu będzie budowa rozbudowanej aplikacji internetowej w Next.js: sklepu internetowego. Zastosowane zostaną popularne technologie takie jak GraphQL, Stripe i Inkrementalna Statyczna Regeneracja, aby stworzyć system e-commerce na najwyższym poziomie. Dokładną agendę znajdziesz poniżej.

React.js

Biblioteka do budowania interfejsów użytkownika w przeglądarce

  • Składnia JSX
  • Model React.js: widok jako funkcja stanu aplikacji
  • Komponenty i ich kompozycja
  • React Hooks
  • Dynamiczne style CSS

Next.js

Framework do budowania aplikacji front-endowych w React.js

  • Strony i komponenty
  • Nawigacja, menu i aktywne linki
  • Dynamiczne generowanie ścieżek
  • Pobieranie danych z plików, REST API i GraphQL
  • Tworzenie ultraszybkich aplikacji

Plan Kursu

(w trakcie ustalania szczegółów; może ulec zmianom)

  1. Tydzień 1

    Wprowadzenie

    Powstanie struktury aplikacji

    1. Konfiguracja Next.js z TypeScript
    2. Dodawanie stron
    3. Nawigacja i przekazywanie danych
    4. Dynamiczne strony
    5. Konfiguracja repozytorium GitHub
    6. Deploy na Vercela jednym kliknięciem
  2. Tydzień 2

    Stylowanie

    Ostylowane podstrony

    1. React Dev Tools
    2. Podział strony na komponenty
    3. Konfiguracja Tailwind i Tailwind UI
    4. Responsywność w Tailwindzie
    5. Podstawy Flexbox i Grid w Tailwindzie
    6. Nawigacja; kolekcje
  3. Tydzień 3

    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. Pobieranie danych z API Stripe
  4. Tydzień 4

    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
  5. Tydzień 5

    Organizacja pracy

    Lepsza organizacja projektu; podstawy SEO; Markdown

    1. Wprowadzenie komponentu Layout
    2. Konfiguracja SEO przy użyciu next-seo
    3. Nawigacja z użyciem aktywnych odnośników
    4. Wprowadzenie do Markdowna
    5. Biblioteka react-markdown
    6. Omówienie next-mdx-remote
  6. Tydzień 6

    Koszyk sklepowy

    Funkcjonalny koszyk

    1. Czym jest Context w React.js
    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
  7. Tydzień 7

    Next.js i API

    W pełni działający koszyk

    1. Wprowadzenie do API Routes
    2. Rozgraniczenie klient / serwer
    3. API koszyka
    4. Biblioteki SWR i React Query
    5. Optymistyczne aktualizacje widoku
    6. Leniwe ładowanie i Suspense
  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

    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
  12. Tydzień 12

    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ń
  13. Tydzień 13

    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ą
Popularny ;)
2100 zł
  • kurs wideo (12 tygodni)

  • konsultacje wideo (grupowo)

  • dostęp do prywatnego kanału Discord z autorami i współuczestnikami kursu

Kup

nastąpi przekierowanie do bramki płatności

Jeśli chcesz zapłacić zwykłym przelewem albo planujesz zakupy większej liczby dostępów do kursu – skontaktuj się z nami! siema@zaisteprogramuj.pl

FAQ (Często Zadawane Pytania)

Czy po tym kursie zostanę programistą?

Niestety 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 prostych stron internetowy przy użyciu React.js. Będziesz w stanie (na podstawowym poziomie) połączyć wszystkie elementy, aby stworzyć nowoczesną i interaktywną stronę 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 12 tygodni będziemy omawiali konkretne zagadnienia związane z tworzeniem stron internetowych w React.js. Każdy tydzień to wycinek funkcjonalności docelowej strony internetowej. W tym czasie będą poruszane zagadnienia z różnych modułów tematycznych. Na koniec tygodnia będzie do wykonania zadanie domowe. Postępy będą na bieżąco konsultowane z prowadzącymi w postaci otwartych, grupowych drzwi otwartych (tzw. Office Hours)

Nigdy nie programowałem. Czy ten kurs jest dla mnie?

Tak! Kurs zakłada brak znajomości programowania, jednakże, szkolenie wprowadza wiele pojęć jednocześnie. Nie potrzeba też ścisłego umysłu, a wielu programistów wywodzi się z nauk humanistycznych. Niemniej ważna jest determinacja, zaangażowanie i regularność.

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

W ciągu dwóch pierwszych tygodni możesz zrezygnować z uczestnictwa i pieniądze zostaną Ci zwrócone.

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żytowni 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 mogą być dodatkowo płatne. Zastanawiamy się nad ostateczną formą rozwoju tego kursu.

Jakub

Zdjęcie Jakuba

Jakub jest programistą z ponad 15-letnim doświadczeniem zawodowym. Karierę rozpoczynał w 2003 od pracy w Poznańskim Centrum Superkomputerowo Sieciowym pracując nad systemami kolejkowymi dla komputerów SPARC oraz nadintegracją usług Wirtualnego Laboratorium w technologii SOAP. W następnych latach pracował w Banku Zachodnim WBK (obecnie Santander) jako programista, projektant i architekt aplikacji Java EE, m.in. przy budowie systemu bankowości elektronicznej Centrum24.

Studiował informatykę (ze specjalizacją w sztucznej inteligencji) na Uniwersytecie im. Adama Mickiewicza w Poznaniu i Universite Paris-Sud XI w Paryżu. Pracował w laboratorium informatycznym LIMSI w Paryżu. Stypendysta Rządu Francuskiego, w ramach którego realizował projekt z dziedziny sztucznej inteligencji dt. przetwarzania informacji przestrzenno-czasowej w tekstach języka naturalnego. Studiował także biznes elektroniczny i nowoczesne technologie na HEC Paris oraz Telecom Paristech w Paryżu.

Od 2011 prowadzi we Francji firmę informatyczną, która obługuje klientów korporacyjnych i instytucje rządowe.

Od 2006 w ramach hobby organizuje konferencje programistyczne. Pomysłowadca pierwszej w Polsce konferencji dotyczących języków programowania Python i Ruby o nazwie RuPy. W latach 2014-2017 organizował konferencję

PolyConf, która promuje mniej znane języki programowania. Konferencje odbywały się w Polsce, w Czechach, na Węgrzech, we Francji i w Brazylii.

    Michał

    Zdjęcie Jakuba

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

    Redaktor biuletynu programistycznego „Polski frontend i backend newsletter”.

    Twórca najpopularniejszego polskiego darmowego kursu React.js.

    Założyciel bloga Type of Web, który jest jednym z najpopularniejszych blogów programistycznych w Polsce (Open Source).

    Autor aplikacji DevFAQ: Największej społecznościowej bazy pytań z technicznych rozmów rekrutacyjnych (Open Source).

    Administrator strony Polskifrontend.pl: agregatorem newsów frontendowych (Open Source).

    Twórca społeczności, prowadzi i zarządza największą siecią spotkań programistycznych w Polsce: meet.js. Organizator kilku edycji konferencji meet.js Summit z ponad 500 uczestnikami i uczestniczkami na każdej.

    Uwielbia typy, języki funkcyjne, programowanie w parach i dzielić się pomysłami.