Ten kurs jest częścią ścieżki:
JavaScript Front-end Developer
praktycznego zastosowania Next.js i React
tworzenia systemu autoryzacji i uwierzytelniania użytkowników
integracji z bazą danych przy pomocy drizzle.orm
walidacji danych przy pomocy biblioteki zod
tworzenia aplikacji w pełni zabezpieczonych typami dzięki Typescript
stylowania aplikacji za pomocą TailwindCSS
bezpiecznego wywoływania zewnętrznych API oraz integracji z zewnętrznymi usługami
wdrażania aplikacji na repozytorium oraz w wersji produkcyjnej na vercel.com
Znasz już podstawy JavaScript oraz React i chcesz zrobić kolejny krok, który zwiększy Twoje szanse na zdobycie atrakcyjnego stanowiska w branży IT? Chcesz tworzyć szybkie, skalowalne i nowoczesne aplikacje i rozwijać się jako full-stack developer? Chcesz opanować technologię, na która postawiły takie marki takie jak Spotify, TikTok, Nvidia, Nike czy Porsche? W takim razie ten kurs Next.js jest dla Ciebie!
W jego trakcie stworzysz pełnoprawną fullstackową aplikację umożliwiającą wyszukiwanie informacji o filmach oraz ich ocenianie przez użytkowników. Wspólnie przejdziemy przez wszystkie kroki od konfiguracji projektu, aż po wdrożenie na platformie Vercel. Oprócz samej obsługi i koncepcji związanych z frameworkiem Next.js, poznasz wiele technologii które są kluczowe w dzisiejszym Web Devie.
Opanujesz m.in. Typescript, TailwindCSS, pracę z bazą danych przy pomocy ORM’u Drizzle czy walidację danych za pomocą biblioteki Zod. Przyswoisz wiedzę na temat dobrych praktyk wdrażania poszczególnych modułów w tym ekosystemie oraz poznasz sposoby radzenia sobie z najpopularniejszymi błędami.
W trakcie kursu zajmiemy się kodowaniem aplikacji podobnej do typowych serwisów agregujących informacje o filmach i serialach, gdzie użytkownicy mogą je recenzować i oceniać. Budując aplikację z użyciem frameworka Next.js zadbamy o dodanie kluczowych funkcjonalności takich serwisów m.in. wyszukiwarki wraz z filtrowaniem, systemu rejestracji i logowania. Wszystkie umiejętności będziesz więc zdobywać w praktyce, a efektem finalnym kursu będzie projekt, który będziesz mógł dalej rozbudować według własnego uznania lub umieścić w portfolio.
Na początku kursu zajmiemy się omówieniem projektu. Przejdziemy przez najważniejsze funkcjonalności i możliwości przyszłej rozbudowy aplikacji. Zajmiemy się także konfiguracją środowiska pracy i edytora kodu, w którym będziemy pracować, czyli VS Code. Zobaczysz moją własną konfigurację oraz wtyczki, z których korzystam na co dzień. Następnie zainstalujemy niezbędne biblioteki oraz prześlemy naszego inicjalnego commita na repozytorium, które połączymy z platformą Vercel.
W kolejnych lekcjach poznasz niezwykle popularną bibliotekę TailwindCSS. Dowiesz się, jak wygląda pracą z tą biblioteką i jakie są jej najważniejsze wady i zalety. Nauczysz się stosować odpowiednie klasy, konfigurować i rozszerzać TailwindCSS o nowe, specjalne klasy oraz użyteczne wtyczki. W projekcie będziemy korzystać także z biblioteki komponentów shadCN, która ułatwi nam i przyspieszy pracę nad interfejsem użytkownika. Aplikacja, którą stworzymy w trakcie kursu będzie w pełni responsywna, dostosowana zarówno do komputerów, jak i urządzeń mobilnych, takich jak smartfony i tablety.
W kolejnych etapach kursu poznasz fundamenty frameworka Next.js - poznasz podział komponentów na klienckie oraz serwerowe i wyjaśnię z czym się to wiążę. Dowiesz się, jak działa routing za pomocą plików i folderów w Next.js. Poznasz też najważniejsze komponenty dostarczane przez ten framework, czyli <Link /> oraz <Image />.
Zrozumiesz różne sposoby działania tych komponentów oraz opcje ich konfiguracji. W tym miejscu zaczniemy już budowę podstawowych elementów aplikacji takich jak menu. Poznasz też niezbędne hooki dostarczane przez Next.js, oraz omówimy pracę z metadata oraz fontami.
Z tego kursu Next.js dowiesz się, jak w łatwy i bezpieczny sposób pobierać dane z zewnętrznych usług. Dzięki temu bez problemu poradzisz sobie z każdym publicznym API, nawet jeżeli usługodawca nie przygotował żadnej biblioteki ułatwiającej pobieranie takich danych.
W tej części zbudujemy prostą usługę do pobierania danych o filmach, z jej pomocą będziemy tworzyć kolejne elementy aplikacji i wypełniać je treścią. Utworzymy m.in. slider na stronie głównej, podstronę filmu i serialu, czy podstronę wyszukiwania.
Pokażę Ci także jak łatwo zbudować bloga przy pomocy plików MDX. Dowiesz się jak je skonfigurować w Next.js, a przy okazji wdrożysz na blog nieco treści przy pomocy generatywnej sztucznej inteligencji.
Przechodząc przez kolejne lekcje kursu zrozumiesz dwie najważniejsze koncepcje Next.js - dowiesz się, w jaki sposób obsługuje on renderowanie aplikacji, oraz poznasz 4 rodzaje cachowania. Dowiesz się, jak dokładnie wygląda cały proces renderowania ścieżki od momentu wysłania żądania, aż po wyświetlenie odpowiedzi, czyli w tym wypadku podstrony aplikacji.
Nauczysz się optymalnie używać cache i poznasz pojęcia, takie jak hydracja, czy full route cache. Omówimy także, na czym polega streaming stron i komponentów, a także generowanie stron dynamicznych jako statyczne w Next.js.
W trakcie kursu nauczysz się także obsługi bazy danych z pomocą biblioteki drizzle.orm. Zajmiemy się konfiguracją połączenia z bazą danych, dodamy odpowiednie zależności, a także napiszemy wspólnie pierwszą migrację. Utworzymy też pomocnicze klasy, które ułatwią korzystanie z tabeli baz danych. Wspólnie zbudujemy logikę uwierzytelnienia, czyli logowania oraz autoryzacji, czyli rejestracji dla naszej aplikacji. Do zwykłego systemu logowania dodamy także uwierzytelnienie poprzez Google. Dowiesz się również, w jaki sposób prawidłowo skonfigurować middleware w Next.js.
W kolejnych lekcjach dowiesz się, w jaki sposób poprawnie wysyłać żądania mutacji danych dzięki akcjom serwerowym zawartym w Next.js. Nauczysz się poprawnie wysyłać takie żądania poprzez formularze oraz poprzez Event Handlery np. onClick. Po stronie serwera nauczysz się walidować przychodzące dane oraz obsługiwać akcje. Z ich pomocą stworzymy prosty system komentarzy oraz ocen w naszej aplikacji.
Na koniec dowiesz się, jak w prosty sposób budować i obsługiwać własne API w Next.js.
Dostaniesz również garść cennych uwag oraz kilka sugestii dotyczących dalszej rozbudowy aplikacji.
Aby w pełni wykorzystać wiedzę zawartą w tym kursie, przyda Ci się podstawowa znajomość JavaScript oraz React. Jeżeli potrzebujesz nadrobić zaległości, możesz to zrobić z naszymi kursami:
Oszczędź kupując w pakiecie
-50% na tańszy kurs
Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.
Rozpocznij teraz
Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.
Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.
Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl
Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:
Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.
Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:
Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.
Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.
Zacznij naukę już dziś, zapłać wygodnie za 30 dni z Twisto lub PayPo.
30 dniowa gwarancja zwrotu
Bez subskrypcji - zachowujesz dostęp
9 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
67 lekcji wideo
Poziom: Podstawowy 
Testy i zadania
20 pytań testowych
Rekomendacje na LinkedIn
Dostęp w aplikacji mobilnej
Ups! Coś poszło nie tak :(
Captcha uznał, że jesteś botem i zablokował Twoją ostatnią akcję. Spróbuj ponownie. W razie problemów skontaktuj się z nami.
ZAMKNIJ I SPRÓBUJ PONOWNIE
To szkolenie zawiera napisy.
Oferta dla firm i zespołów