Czego się nauczysz?
- Podstawy
Skonfigurujesz środowisko pracy i zobaczysz jak zacząć korzystać z VUE. Poznasz najważniejsze elementy składni. - Komponenty
Podstawy, cykl życia komponentu, rejestrowanie komponentów, dynamiczne i asynchroniczne komponenty. - Props
Parametry przekazywane do komponentów poprzez ich komponenty zewnętrzne. - Pluginy
Globalnie dostępne funkcjonalności do Vue. - Filtry
Dodawanie opcji formatowania tekstu. - Testy
Pisanie testów dla komponentów. - Mixiny
Wydzielanie współdzielonych funkcjonalności i wykorzystywanie ich przez wiele komponentów. - Sloty
Osadzanie swoich elementów potomnych w naszych własnych komponentach. - Routing
Jak rozwiązać przejścia pomiędzy podstronami w Vue i wszystko co z tym zagadnieniem związane. - Własne zdarzenia
Emitowanie własnych zdarzeń.
Dla kogo jest ten kurs?
Dla znających podstawy JavaScirpt. Kurs przeznaczony jest dla programistów, którzy znają podstawy JavaScript, html, css. Wiedza ES6 to plus, lecz nie jest konieczna.
Jeśli znasz inny framework JavaScriptu taki jak React.js lub Angular i chcesz poszerzyć swoje horyzonty to wybór Vue będzie idealny.
Poznaj Vue
Vue stworzony został dla wszystkich, którzy chcą tworzyć aplikacje webowe, bez konieczności nauki skomplikowanych frameworków typu Angular. Dzięki temu, że framework ten jest bardzo intuicyjny, stworzysz projekt, nawet wtedy gdy Twoją jedyną umiejętnością jest JavaScript. Zdarzają się również sytuacje, że w twoim projekcie nie będziesz potrzebował wszystkich skomplikowanych funkcjonalności bardziej rozbudowanych frameworków. Wtedy Vue będzie niezastąpiony, oferując najważniejsze funkcje.
Vue to progresywny framework do tworzenia interfejsu użytkownika. W przeciwieństwie od innych monolitycznych frameworków, Vue zostało zaprojektowane w ten sposób, żeby być niezwykle adoptowalnym. Corowa biblioteka jest skupiona jedynie na warstwie prezentacji, co sprawia, że łatwo sobie wziąć Vue i zintegrować je z już istniejącymi projektami twoich aplikacji, nawet jeśli korzystają z innych bibliotek.
Z drugiej strony Vue w niczym nie odstępuje jeśli chodzi o budowanie zaawansowanych i złożonych projektów typu Single Page Application. Możesz znać Angular i ReactJS, jednak to Vue łączy najlepsze cechy obu tych frameworków i buduje wszystko od małych widgetów do dużych, korporacyjnych projektów.
Podstawy składni Vue
Na początku kursu przejdziesz absolutne podstawy, takie jak DOM, instalacja i konfiguracja środowiska programistycznego, zrozumienie podstawowych funkcji Vue, istotny przepływ pracy i najlepsze praktyki pracy w tym frameworku. Nauczysz się podstawiania klas i styli oraz czym jest renderowanie list. Pokażemy Ci różnicę pomiędzy if, a show. Opowiemy o zdarzeniach, zaawansowanym korzystaniu z v-bind, podwójnym bindowaniu. Dowiesz się jak obsługiwać różne typy inputów.
Praca z komponentami, zdarzenia
Dowiesz się jaka jest różnica pomiędzy lokalnym, a globalnym rejestrowaniem. Opowiemy o emitowaniu zdarzeń i bindowaniu zdarzeń przypisanych dla komponentu i jego wybranego elementu składowego. Poznasz cykl życia komponentu. Zobaczysz co się dzieje kiedy korzystamy z jakiegoś komponentu i odpowiadające temu metody.
Animacje / sytuacje kryzysowe
W tym rozdziale opowiemy o animowaniu czyli pojawianiu się i znikaniu elementów oraz zmian ich pozycji na listach. Naucz się radzenia ze skrajnymi przypadkami. Zobacz co robić w sytuacjach, gdzie zasady Vue wymagają delikatnego nagięcia. Poznaj najlepsze praktyki i ewentualne zagrożenia.