Powrót do katalogu

Podaj maila aby obejrzeć webinar z Node.js

Wyrażam zgodę na otrzymywanie informacji o promocjach i produktach oferowanych Czytaj więcej przez Vavatech Sp z o.o. Zgodę możesz cofnąć w każdym czasie.
Termin sugerowany
2021-03-15
Warszawa

Zapisz się jako pierwszy!

1 500 / 2 dni
Zgłoś chęć udziału
Termin sugerowany
2021-04-05
Warszawa

Zapisz się jako pierwszy!

1 500 / 2 dni
Zgłoś chęć udziału
Zaproponuj własny termin
Postaramy się uruchomić nowy termin dla Ciebie
Zgłoś chęć udziału

Front-End > JavaScript

Szkolenie: Tworzenie aplikacji w Vue.js

Kod: [VUE]
Pobierz program

Wprowadzenie

Vue.js jest progresywnym frameworkiem do tworzenia aplikacji webowych. Stworzony w 2014 roku przez byłego pracownika Google'a zawiera w sobie najlepsze cechy projektów takich jak React i Angular, między innymi reaktywność, komponenty, szablony itp. Dzięki wykorzystaniu sprawdzonych wzorców, jest również w stanie konkurować z nimi pod kątem szybkości, lekkości i czasu potrzebnego na jego opanowanie. Pozwala na tworzenie zarówno rozbudowanych aplikacji front-endowych typu SPA (Single Page Application), jak i proste dodanie dynamicznego zachowania do już istniejących stron internetowych.

Prężnie działająca społeczność, doskonała dokumentacja oraz liczne biblioteki ułatwiające pracę z Vue.js przekonały wielu deweloperów do wykorzystania go w swoich projektach. Wśród firm, które używają tego frameworka znajdują się między innymi Alibaba, Xiaomi, WizzAir, Grammarly, Gitlab, czy Behance. Liczne statystyki, jak na przykład bestof.js.org, czy ankieta State Of JS 2017 wyraźnie wskazują jego rosnącą popularność, dlatego staje się to coraz ważniejsze, żeby umieć posługiwać się tym narzędziem.

Cel szkolenia

Szkolenie koncentruje się na zastosowaniu Vue.js przy tworzeniu zarówno stron internetowych, jak i aplikacji webowych. Poza nauką korzystania z frameworka szkolenie pokrywać będzie również takie tematy jak zarządzanie stanem aplikacji za pomocą biblioteki Vuex, komunikowanie się z zewnętrznym źródłem danych poprzez API oraz nawigowanie wewnątrz aplikacji za pomocą vue-routera.

Po zakończeniu szkolenia aktywny uczestnik potrafi:

  • wykorzystać framework Vue.js w nowych oraz już istniejących stronach internetowych,
  • samodzielnie stworzyć projekt w stylu Single Page Application przy użyciu Vue.js,
  • tworzyć reużywalne komponenty,
  • kontrolować dynamiczne elementy strony internetowej/aplikacji,
  • wyświetlać dane pobrane z zewnętrznego źródła.

Adresaci szkolenia

Adresatami szkolenia są web deweloperzy oraz programiści JavaScript, chcący opanować nową technologię pozwalającą na sprawne i szybkie tworzenie aplikacji webowych, w szczególności:

  • osoby pracujące w start-upie, polegające na szybkim prototypowaniu,
  • osoby tworzące strony internetowe, które wymagają zastosowania dynamicznych elementów,
  • back-end deweloperzy chcący zaznajomić się z technologiami front-endowymi.

Minimalne wymagania wstępne:

  • umiejętność programowania w JavaScripcie.

Dodatkowa wiedza i umiejętności, które pozwolą sprawniej pracować na szkoleniu i spojrzeć na zagadnienia szkolenia w szerszej perspektywie:

  • EcmaScript 6,
  • architektura Flux,
  • webpack.

Czas i forma szkolenia

14 godzin (2 dni x 7 godzin), w tym wykłady i warsztaty praktyczne.

Plan szkolenia

  1. Wprowadzenie do Vue.js

    1. motywacja, główne idee i teoria,
    2. tworzenie instancji Vue,
    3. szablony Vue.
  2. Składnia szablonów Vue

    1. renderowanie warunkowe,
    2. iteracje,
    3. modyfikatory.
  3. Zarządzanie warstwą danych

    1. two-way data binding,
    2. event handling,
  4. Reaktywność warstwy danych

    1. mutacje,
    2. dodawanie nowych elementów.
  5. Bardziej złożone zarządzanie warstwą danych

    1. metody,
    2. computed properties,
    3. watchers.
  6. Komponenty

    1. definiowanie i użycie komponentów,
    2. przekazywanie danych do komponentu za pomocą props,
    3. otrzymywanie danych z komponentu za pomocą eventów,
    4. cykl życia komponentu,
    5. single file components.
  7. Tworzenie aplikacji za pomocą Vue CLI

    1. inicjalizowanie nowego projektu,
    2. struktura projektu,
    3. serwowanie aplikacji,
    4. debugowanie za pomocą vue-devtools.
  8. Vue router

    1. definiowanie ścieżek,
    2. przekierowania.
  9. Pobieranie danych z serwera

    1. wykonywanie zapytań http za pomocą Vue resource,
    2. renderowanie pobranych danych,
    3. obsługa błędów za pomocą interceptorów.
  10. Zaawansowane zarządzanie stanem aplikacji za pomocą Vuex

    1. Definiowanie globalnego stanu aplikacji,
    2. mutacje stanu,
    3. wykonywanie asynchronicznych akcji,
    4. renderowanie danych zawartych w stanie.

Opinie uczestników