Tworzenie aplikacji Full-Stack z użyciem Vue.js i Nuxt.js
Szkolenie stanowi kompleksowe wprowadzenie do frameworka Nuxt.js, który jest oparty na Vue.js i służy do budowy aplikacji internetowych full-stack.
1950 PLN+23% VAT (2398 PLN brutto / 1 os.)Czas trwania szkolenia:2 dni (16h)
Kod kursu:NUXTJS
Tworzenie aplikacji Full-Stack z użyciem Vue.js i Nuxt.js
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
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
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
Wymagania
Podstawowa wiedza z zakresu HTML, CSS i JavaScript/TypeScript
Znajomość podstawowych koncepcji Vue.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
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