Szkolenie: Aplikacje Full-Stack z użyciem React.js i Next.js
Szkolenie Full-Stack z React.js i Next.js to praktyczny kurs tworzenia nowoczesnych aplikacji webowych, obejmujący architekturę, routing, SSR, optymalizację wydajności, SEO oraz wdrożenie aplikacji
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:2 dni (16h)
Kod kursu:NEXTJS
Aplikacje Full-Stack z użyciem React.js i Next.js
Cele szkolenia
Szkolenie przygotowuje do samodzielnego projektowania i budowania aplikacji internetowych z wykorzystaniem Next.js oraz React.js
Szkolenie uczy stosowania zaawansowanych technik routingu, renderowania po stronie serwera i optymalizacji wydajności aplikacji webowych
Szkolenie pokazuje, jak integrować aplikacje z zewnętrznymi źródłami danych oraz wdrażać je na wybranych platformach hostingowych
Dla kogo?
Programistów front-end z doświadczeniem w JavaScript/TypeScript i React.js, chcących rozwinąć umiejętności w tworzeniu aplikacji full-stack
Osób realizujących projekty webowe, które chcą poznać zaawansowane techniki optymalizacji, SEO i deploymentu aplikacji internetowych
Efekty kształcenia
Uczestnik projektuje aplikacje webowe z wykorzystaniem Next.js i React.js
Uczestnik analizuje i wdraża różne metody renderowania stron
Uczestnik optymalizuje wydajność aplikacji zgodnie z metrykami Web Vitals
Uczestnik implementuje routing i dynamiczne komponenty
Uczestnik integruje aplikacje z API i zarządza stanem danych
Uczestnik przygotowuje aplikacje do wdrożenia na środowisku produkcyjnym
Wymagania
Podstawowa wiedza z zakresu HTML, CSS, JavaScript/TypeScript
Znajomość podstawowych koncepcji React.js
Znajomość podstawowych koncepcji aplikacji serwerowych i API
W cenie otrzymasz:
Materiały szkoleniowe
Certyfikat ukończenia szkolenia
W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki
Program szkolenia
Wprowadzenie do Next.js
Charakterystyka i zalety frameworka Next.js
Konfiguracja środowiska deweloperskiego
Tworzenie nowego projektu Next.js
Routing w Next.js
Użycie routera Next.js do nawigacji między stronami
Tworzenie dynamicznych ścieżek
Przekazywanie danych przez URL
SSR (Server-Side Rendering)
Zasady działania SSR w Next.js
Budowanie stron z SSR
Optymalizacja wydajności SSR
Generowanie stron statycznych i SSR w kontekście SEO i WebVitals
Porównanie różnych metod generowania stron w Next.js (statyczne generowanie, generowanie na żądanie, SSR)
Wybór odpowiedniej metody generowania stron w zależności od celów SEO i wymagań projektu
Ustalanie unikalnych tytułów stron, opisów meta, znaczników Open Graph, itp.
Optymalizacja wydajności aplikacji zgodnie z Web Vitals
Omówienie metryk Web Vitals - Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), itp.
Techniki optymalizacji wydajności, takie jak lazy loading, code splitting, cache'owanie, minimalizacja i kompresja zasobów
Praca z danymi w Next.js
Pobieranie danych z zewnętrznych źródeł
Użycie API w Next.js
Zarządzanie stanem aplikacji
Dynamiczne renderowanie komponentów
Tworzenie dynamicznych komponentów w Next.js
Lazy loading komponentów
Optymalizacja wydajności
Stylowanie w Next.js
Wybór i konfiguracja narzędzi do stylizacji
Sposoby stylizacji komponentów w Next.js
Implementacja motywów i stylów globalnych
Obsługa formularzy i API
Tworzenie formularzy w Next.js
Walidacja danych formularzy
Przesyłanie danych formularzy na serwer
Deployment aplikacji Next.js
Przygotowanie aplikacji do produkcji
Wybór platformy hostingowej
Publikacja aplikacji na serwerze produkcyjnym
Wybrane opinie
Przeczytaj pozytywne opinie pochodzące z ankiet satysfakcji z naszych szkoleń wypełnianych wyłącznie przez ich uczestników po realizacji usługi

