Kurs Vue - fundamenty

Jeśli znasz JavaScirpt, to Vue zaraz obok Angualra oraz Reacta jest kolejną pozycją na ścieżce Twojej nauki tworzenia aplikacji webowych. Zobaczysz jednak jak na tle konkurentów łatwo posługiwać się tym frameworkiem.

  • Poziom: podstawy
  • Data wydania: 30.07.2018
  • Czas trwania: 8 godzin
  • Program: VUE.JS 2018
Poznaj podstawowe zasady tworzenia animowanych scen

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.

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.
Dla frontendowców
Jeśli znasz inny framework JavaScriptu taki jak React.js lub Angular i chcesz poszerzyć swoje horyzonty to wybór Vue będzie idealny
Dla szukających łatwych rozwiązań
Jeśli lubisz JavaScript i szukasz czegoś prostszego niż Angular to Vue jest dla Ciebie
Podstawy

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.

Obsługa zdarzeń oraz inputów

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.

Spis lekcji

1. Wprowadzenie
2. Cykl życia komponentu
3. compute i watch
4. Podstawianie klas i styli
5. Warunkowe renderowanie
6. Renderowanie list
7. Obsługa zdarzeń
8. Obsługa inputów
9. Podstawy komponentów
10. Rejestrowanie komponentów
11. Props
12. Własne zdarzenia
13. Sloty
14. Dynamiczne i asynchroniczne komponenty
15. Radzenie sobie za skrajnymi przypadkami
16. Animacje wejścia / wyjścia, list
17. Przejścia stanu
18. Mixiny
19. Własne dyrektywy
20. Funkcje renderujące i JSX
21. Pluginy
22. Filtry
23. Testy
24. Routing
25. State

1 opinia dla Kurs Vue – fundamenty

  1. Mleczko Jan
    Oceniony 5 na 5.

    Solidne podstawy ciekawie się ogląda. Kurs przekonał mnie do spróbowania vue.

Dodaj opinię

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *