PROFIL UCZESTNIKA
Vue.js to biblioteka JavaScript, która pomaga tworzyć bogate, responsywne interfejsy użytkownika do wyświetlania i edytowania, z przejrzystym podstawowym modelem danych. Za każdym razem, gdy sekcje interfejsu użytkownika, które aktualizują się dynamicznie (np. Zmieniają się w zależności od działań użytkownika lub gdy zmienia się zewnętrzne źródło danych), Vue.js pomaga we wdrożeniu go w prostszy i łatwiejszy sposób.
PROGRAM SZKOLENIA
1. Wprowadzenie
- Vue.js vs Angular
- Kiedy wybieramy Vue.js?
2. Przypomnienie zaawansowanych zagadnień Java Script
- wprowadzenie do modularności
- zrozumienie „let” i „const”
- funkcje strzałek
- eksporty i importy
- obiektowość w JS
- klasy, właściwości i metody
- operator Spread i Rest
- destrukturyzacja
- typy referencyjne i pierwotne (prymitywy)
- tablice (arrays) w JS
- JavaScript nowej generacji - podsumowanie
3. Podstawy Vue.js
- środowisko developerskie
- Iistancja Vue
- nasza pierwsza aplikacja
- cykl życia Vue
- wyświetlanie produktu
- filtry wyjścia
4. Widok i model widoku
- dodawanie interaktywności do naszej aplikacji
5. Formularze i pola
- stosowanie powiązań v-model
- powiazania wartości
- prezentacja modyfikatorów
6. Dyrektywy warunkowe, petle i listy
7.Stosowanie komponentów
- czym są komponenty
- zależności w komponentach
- właściwość props w przekazie danych
- definiowanie szablonu komponentu
- stosowanie zdarzeń niestandardowych
8. Zaawansowane zastosowanie komponentów i trasowanie
- jak stosować gniazda
- zasięg gniazd
- tworzenie aplikacji z komponentami dynamicznymi
- tworzenie komponentów asynchronicznych
- konwersja aplikacji z użyciem Vue - CLI
- stosowanie tras
9. Efekty przejść i animacji
10. Rozszerzanie Vue
- wstawki globalne
- globalne dyrektywy niestandardowe z modyfikatorami, wartościami i argumentami
- funkcje renderujące i JSX
11. Modelowanie danych
- biblioteka Vuex - do czego możemy jej użyć?
- stan i modyfikacje w bibliotece
- akcesory get i akcje
- dodawanie Vuex do aplikacji Vue-CLI
- metody pomocnicze
- prezentacja modułów
12. Komunikacja z serwerem
- renderowanie po stronie serwera
- wprowadzenie do Nuxt.js
- komunikacja z serwerem na przykładzie Firebase i VuexFire
13. Testowanie
- tworzenie przypadków testowych
- ciągła integracja, dostarczanie i wdrażanie
- rodzaje testów
- przygotowywanie środowiska
- opracowanie przypadku testowego z użyciem vue-test-utils
- testowanie komponentów
- konfiguracja debuggera Chrome