Szkolenie: Tworzenie aplikacji z użyciem VueJS
Szkolenie VueJS to praktyczny kurs programowania aplikacji webowych SPA, który uczy budowy nowoczesnych interfejsów użytkownika, zarządzania stanem, routingu, integracji z API oraz stosowania najlepszych praktyk JavaScript i TypeScript z wykorzystaniem frameworka Vue.js
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:3 dni (24h)
Kod kursu:VUEJS
Dostępne terminy szkolenia
Termin:
Trener:
Cena:
2805 PLN netto
Lokalizacja:
ZdalneTermin:
Trener:
Cena:
2805 PLN nettoLokalizacja:
ZdalneTermin:
Trener:
Cena:
2805 PLN nettoLokalizacja:
ZdalneTermin:
Trener:
Cena:
2805 PLN nettoLokalizacja:
ZdalneTworzenie aplikacji z użyciem VueJS
Cele szkolenia
Szkolenie przygotowuje do samodzielnego projektowania i programowania nowoczesnych aplikacji internetowych typu single-page z wykorzystaniem frameworka Vue.js
Szkolenie uczy stosowania aktualnych technik JavaScript oraz narzędzi ekosystemu Vue do tworzenia wydajnych i czytelnych rozwiązań frontendowych
Szkolenie rozwija umiejętność implementacji architektury komponentowej, zarządzania stanem aplikacji oraz integracji z zewnętrznymi usługami i API
Szkolenie pokazuje, jak konfigurować środowisko pracy, wdrażać aplikacje oraz stosować mechanizmy kontroli jakości kodu w projektach webowych
Dla kogo?
Programiści JavaScript posiadający podstawowe doświadczenie w tworzeniu aplikacji webowych, którzy chcą rozwinąć umiejętności w zakresie frameworka Vue.js
Osoby realizujące zadania związane z frontendem, zainteresowane budową nowoczesnych interfejsów użytkownika i aplikacji SPA
Specjaliści IT chcący poszerzyć kompetencje o praktyczne wykorzystanie narzędzi ekosystemu Vue oraz TypeScript w projektach komercyjnych
Efekty kształcenia
Uczestnik projektuje aplikacje webowe w architekturze komponentowej z użyciem Vue.js
Uczestnik analizuje i wdraża mechanizmy reaktywności oraz zarządzania stanem aplikacji
Uczestnik konfiguruje środowisko programistyczne i narzędzia wspierające rozwój aplikacji
Uczestnik implementuje routing oraz integruje aplikację z zewnętrznymi API
Uczestnik stosuje dobre praktyki programistyczne i narzędzia kontroli jakości kodu
Uczestnik optymalizuje i wdraża aplikacje webowe na środowiska produkcyjne
Wymagania
Od uczestników wymagana jest przynajmniej podstawowa umiejętność programowania w języku JavaScript
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
Vue Framework, czy biblioteka?
Architektura aplikacji Vue
Virtual DOM
Podejście przyrostowe
Proste aplikacje z Vue.js
Narzędzia ekosystemu Vue
NodeJS i NPM
Webpack, vue-loader
Vue-CLI
TypeScript
Vue DevTools
Pliki .vue
Preprocesory CSS
Wiązania danych i widoku
Obiekt data i model reaktywny
Bindowanie tekstu i atrybutów
Atrybuty style i class
Dyrektywy v-bind, v-cloak, v-text i v-html
Manipulacja strukturą dokumentu
Ukrywanie z v-show, v-hide
Renderowanie warunkowe z v-if, v-else
Iteracje z v-for, zastosowanie atrybutu key
Dostęp do indeksu tablicy i klucza obiektu
Generowanie zakresów
Użycie v-for z tagiem template
Praca z obiektami i tablicami
Mechanizm wykrywania zmian Vue - jak działa?
Rozszerzanie modelu o nowe dane
Manipulacja tablicami
Pułapki i dobre praktyki
Obsługa zdarzeń i formularze
Dyrektywy v-on, v-once i wiązanie metod
Obiekt $event, informacje o zdarzeniu
Modyfikatory zdarzeń
Obsługa różnych typów pól formularzy
Dyrektywa v-model
Zaawansowane możliwości v-model
Mechanizmy reaktywne i obserwowanie zmian
Obserwowanie danych z Watchers
Computed - optymalizacja dynamicznych wartości
Komponenty
Rejestrowanie komponentu - lokalne i globalne
Własności komponentu - Props
Cykl życia komponentu
Emitowanie własnych typów zdarzeń
Dziedziczenie atrybutów i zdarzeń
Rozszerzanie komponentów
Komunikacja z v-model
Obiekty referencji DOM
Asynchroniczne i leniwe ładowanie
Projekcja treści
Mechanizm Slots
Wiele slotów, sloty nazwane
Opcjonalne sloty, treść domyślna, ukrywanie slotów
Bindowanie danych do slotów
Zaawansowane przykłady użycia slotów
Metody komunikacji HTTP
Fetch API - użycie i polyfill
Vue-Resource - konfiguracja i przykład użycia
Axios - użycie, konfiguracja i interceptor
Routing
Koncepcja Single Page Application
Hash routing, a browser history API
Konfiguracja Vue-Router
Przekazywanie parametrów
Obiekty $router i $route
Tworzenie odnośników
Oznaczanie bieżącej pozycji
Nawigacja programistyczna, push i replace
Dynamiczne adresy
Router hooks, router guards - kontrola dostępu
Zaawansowane możliwości i przykłady
Zarządzanie stanem aplikacji
Wprowadzenie do Vuex
Store, Akcje, Mutacje, Stan i Gettery
Zasady działania, dobre praktyki
Integracja z komponentami $store i helper
Moduły i namespaces
Przykłady i dobre praktyki
Animacje aplikacji opartych o Vue.js
Informacje dodatkowe
Vue Styleguide
Vue i TypeScript
SSR w Vue
TypeScript
Kiedy i dlaczego używać TypeScript
Vue CLI i TypeScript
Konfiguracja kompilatora
Komponenty jako klasy
Dekoratory komponentu
Props jako dekorator, dobre praktyki
Watch i Computed w TypeScript
Vue Stora i module jako klasy
Dekoratory dla Vuex Store
Definiowanie brakujących typów
Deployment
Budowanie i optymalizacja vue
Działanie routera na zdalnym serwerze
Optymalizacje i dobre praktyki
Autorem szkolenia jest Mateusz Kulesza
Konsultant technologii webowych | Trener IT | Ekspert front-end & e-commerce Od ponad dekady wspieram firmy w efektywnym wykorzystaniu technologii webowych – zarówno jako inżynier oprogramowania, lider zespołów, jak i trener oraz konsultant. Specjalizuję się w projektowaniu nowoczesnych rozwiązań front-endowych, z naciskiem na dopasowanie technologii do celów biznesowych i realiów organizacyjnych. W swojej karierze zdobyłem szerokie doświadczenie w środowiskach o różnej skali – od zwinnych startupów…
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
