Tworzenie aplikacji Full-Stack z użyciem Vue.js i Nuxt.js
Czas trwania szkolenia:2 dni (16h)
Kod kursu:NUXTJS
Poziom zaawansowania:
O szkoleniu Tworzenie aplikacji Full-Stack z użyciem Vue.js i Nuxt.js
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
Dla kogo?
- Programistów posiadających podstawową wiedzę w zakresie HTML, CSS, JavaScript/TypeScript i Vue.JS, którzy chcą poznać zaawansowane techniki tworzenia aplikacji internetowych przy użyciu frameworka Nuxt.js
Wymagania
- Podstawowa wiedza z zakresu HTML, CSS i JavaScript/TypeScript
- Znajomość podstawowych koncepcji Vue.js
- Znajomość podstawowych koncepcji aplikacji serwerowych i API
Zalety
- Szkolenie stanowi kompleksowe wprowadzenie do frameworka Nuxt.js z naciskiem na praktyczne zastosowanie w tworzeniu aplikacji
- Szkolenie skupia się na realizacji praktycznego projektu w trakcie warsztatów
Cele szkolenia
- Zapoznanie z założeniami frameworka Nuxt.js i jego architekturą
- Zdobycie praktycznych umiejętności w tworzeniu aplikacji internetowych z użyciem Nuxt.js
Program
Wprowadzenie do Nuxt.js
- Charakterystyka i zalety frameworka Nuxt.js
- Konfiguracja środowiska deweloperskiego
- Tworzenie nowego projektu Nuxt.js
Routing w Nuxt.js
- Używanie systemu routingu w Nuxt.js
- Definiowanie dynamicznych ścieżek
- Przekazywanie danych między stronami
Server-Side Rendering (SSR) w Nuxt.js
- Zasady działania SSR w Nuxt.js
- Generowanie 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 Nuxt.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
Zarządzanie stanem w Nuxt.js
- Wykorzystywanie Vuex do zarządzania stanem aplikacji
- Organizacja modułów Vuex w Nuxt.js
- Przekazywanie stanu między komponentami
Stylowanie komponentów w Nuxt.js
- Wybór i konfiguracja narzędzi do stylizacji
- Implementacja styli dla komponentów
- Dostosowywanie wyglądu aplikacji
Obsługa formularzy i tworzenie API w Nuxt.js
- Tworzenie i walidacja formularzy w Nuxt.js
- Przesyłanie danych formularzy na serwer
- Obsługa błędów
Deployment aplikacji Nuxt.js
- Przygotowanie aplikacji do produkcji
- Wybór platformy hostingowej
- Publikacja aplikacji na serwerze produkcyjnym