To wersja testowa nowego serwisu infoShare Academy — wyświetlane treści i oferta nie są wiążące ani kompletne

Frontend

Fullstack z Nuxt.js i Vue.js

Szkolenie Fullstack z Nuxt.js i Vue.js to intensywny kurs, który wprowadzi Cię w świat budowy nowoczesnych, skalowalnych aplikacji webowych opartych na frameworku Nuxt.js.

Czas trwania
24h · 3 dni
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Dla programistów front-end, którzy chcą poszerzyć swoje umiejętności o pracę z Nuxt.js i Vue.js w kontekście projektów fullstack.
2 Dla osób znających podstawy JavaScript i Vue.js, które chcą nauczyć się budowy aplikacji opartych na Server-Side Rendering i statycznym generowaniu stron.
3 Dla zespołów programistycznych, które chcą wprowadzić nowoczesne podejście do budowy aplikacji webowych w swoich projektach.
4 Dla freelancerów i startupów, którzy potrzebują narzędzi do szybkiego tworzenia wydajnych i elastycznych aplikacji webowych.
Efekty po programie

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

✓

Jak korzystać z Nuxt.js do budowy aplikacji SSR, SPA i SSG, optymalizując je pod kątem wydajności i SEO.

✓

Jak zarządzać stanem aplikacji z użyciem Pinia oraz integrować dane z API, zapewniając spójność między serwerem i klientem.

✓

Jak tworzyć i stylizować responsywne interfejsy użytkownika z wykorzystaniem narzędzi takich jak Tailwind CSS czy SCSS.

✓

Jak testować, debugować i wdrażać aplikacje Nuxt.js w środowisku produkcyjnym, zabezpieczając dane i API przed zagrożeniami.

Program · 11 modułów

Co konkretnie robimy

1. Wprowadzenie i Przygotowanie Środowiska

M01
1. Wprowadzenie i Przygotowanie Środowiska
  • · Wprowadzenie do Nuxt.js: co to jest, zalety i zastosowanie.
  • · Przygotowanie środowiska deweloperskiego: instalacja Node.js, npm, Git i konfiguracja IDE.
  • · Przygotowanie repozytorium projektowego.
M02
2. Tworzenie Nowego Projektu Nuxt.js
  • · Generowanie projektu przy użyciu CLI Nuxt.js.
  • · Struktura projektu Nuxt.js.
  • · Pliki konfiguracyjne i aliasy.
M03
3. Routing i Nawigacja
  • · Podstawy routingu w Nuxt.js.
  • · Definiowanie dynamicznych i zagnieżdżonych ścieżek.
  • · Middleware i przejścia między stronami.
  • · Tworzenie menu nawigacyjnego.
  • · Przekazywanie parametrów między stronami.
M04
4. Server-Side Rendering (SSR)
  • · Jak działa SSR i jakie daje korzyści.?
  • · Konfiguracja projektu pod kątem SSR.
  • · Optymalizacja wydajności SSR.
  • · Generowanie stron statycznych: różnice między SSR, SPA i statycznym generowaniem stron.
  • · Wybór odpowiedniej metody generowania stron w zależności od potrzeb projektu.

5. Zarządzanie Stanem z Pinia

M05
5. Zarządzanie Stanem z Pinia
  • · Czym jest Pinia, instalacja i konfiguracja w Nuxt.js.
  • · Tworzenie i używanie store w Pinia.
  • · Moduły w Pinia oraz zarządzanie stanem globalnym i lokalnym.
  • · Synchronizacja danych między store a komponentami.
  • · Korzystanie z asynchronicznych akcji w Pinia.
  • · Integracja z API i zarządzanie danymi na serwerze i kliencie.
M06
6. Stylowanie i Optymalizacja UI
  • · Wybór narzędzi do stylizacji (np. Tailwind CSS, SCSS).
  • · Tworzenie responsywnych i atrakcyjnych widoków.
  • · Stylizacja układów i stron.
  • · Optymalizacja zgodna z Web Vitals: lazy loading, code splitting, cache’owanie, minimalizacja i kompresja zasobów.
M07
7. Praca z Formularzami i API
  • · Tworzenie i walidacja formularzy.
  • · Przesyłanie danych formularzy na serwer.
  • · Obsługa błędów.
  • · Tworzenie i integracja z backendem.
  • · Obsługa odpowiedzi API.
M08
8. Wtyczki i Oprogramowanie Pośredniczące
  • · Tworzenie i wdrażanie niestandardowych wtyczek.
  • · Zastosowanie middleware dla routingu i uwierzytelniania.
M09
9. Testowanie i Debugowanie
  • · Testy jednostkowe, integracyjne i end-to-end.
  • · Narzędzia do testowania, takie jak Ava i jsdom.
  • · Debugowanie: identyfikacja i naprawa błędów.
M10
10. Wdrażanie i Zabezpieczanie Aplikacji
  • · Przygotowanie aplikacji do produkcji.
  • · Wybór platformy hostingowej i deploy na serwer lokalny lub w chmurze.
  • · Zabezpieczanie aplikacji: ochrona danych i API, zarządzanie tokenami i uwierzytelnianiem.
M11
11. Podsumowanie i Wnioski
  • · Omówienie zdobytej wiedzy.
  • · Dyskusja o najlepszych praktykach w projektach z Nuxt.js.
  • · Sesja pytań i odpowiedzi.
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

✓Wycena w 48h od briefu
✓Pierwsza sesja w 30 dni
✓Pilotaż przed pełną decyzją
✓Faktura VAT, możliwość płatności w transzach

Co robimy z Twoimi danymi

Dane służbowe (imię, e-mail firmowy, telefon, firma, stanowisko) przetwarzamy w celu obsługi zapytania o szkolenie dla firmy i przygotowania oferty. Administratorem danych jest infoShare Academy Sp. z o.o., Al. Grunwaldzka 472B, 80-309 Gdańsk. Podanie danych jest dobrowolne, ale niezbędne do udzielenia odpowiedzi. Masz prawo dostępu do danych, ich sprostowania, usunięcia, ograniczenia przetwarzania i wniesienia sprzeciwu. Pełną informację znajdziesz w Klauzuli informacyjnej.

Zgody marketingowe (dobrowolne)

Administratorem danych osobowych jest infoShare Academy sp. z o.o. Zasady przetwarzania danych osobowych znajdują się w dokumentach Polityka Prywatności oraz Klauzula Informacyjna.

Inne programy dla zespołów

Zobacz wszystkie →
Frontend

Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

40h · 5 dni →
Frontend

Aplikacje Full-stack z NestJS i Angular

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

32h · 4 dni →
Frontend

Aplikacje Node i ExpressJS z TypeScript

Nowoczesny frontend w praktyce — komponenty, wydajność i jakość kodu.

24h · 3 dni →