Kurs Vue – fundamenty

59

Wdrażaj aplikacje z ogromną łatwością dzięki VUE. Poznaj jeden z przystępniejszych frameworków aplikacji webowych razem z naszym 8 godzinnym kursem.

💰 Dodaj do koszyka 5 dowolnych kursów, a zapłacisz 99 zł za wszystko! 💰
Poziom: podstawy
Data wydania: 2018
Czas trwania: 8 godzin

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.

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

Dodaj ocenę