Tworzenie aplikacji z użyciem VueJS

LICZBA DNI: 3 (24h)

KOD KURSU: VUEJS

POZIOM SZKOLENIA:

# javascript

# typescript

# vuejs

Najbliższy termin:

27 września 2021

PROWADZI:

Mateusz Kulesza

2680 PLN netto + 23% VAT

Jeszcze 7 miejsc w tej cenie.

  • stacjonarne
  • zdalne

STACJONARNE

W CENIE

  • 3 dni pracy z trenerem
  • Materiały szkoleniowe
  • Lunch
  • Certyfikat ukończenia szkolenia

ZDALNE

W CENIE

  • 3 dni pracy z trenerem na żywo online
  • Materiały szkoleniowe
  • Certyfikat ukończenia szkolenia

Czy wiesz, że możesz uzyskać nawet do 100% DOFINANSOWANIA na szkolenie? Napisz do nas »

Oferta dla firm

Dostosuj zakres, czas i miejsce szkolenia do potrzeb Twojego zespołu. Uzyskaj indywidualną wycenę szkolenia dla grupy.

Weź udział w szkoleniu

Termin

Lokalizacja

Trener

Cena / os

27

września

Warszawa,

Kraków,

Zdalne,

2680 PLN netto
+ 23% VAT

Termin

27

września

Lokalizacja

Warszawa,

Kraków,

Zdalne,

Trener

Cena / os

2680 PLNnetto
+ 23% VAT

Powiadom
o kolejnych terminach

O szkoleniu

DLA KOGO?

Szkolenie VueJS - tworzenie aplikacji webowych przeznaczone jest dla programistów posiadających podstawową wiedzę w zakresie JavaScript, którzy chcą poszerzyć swoje kompetencje związane z tworzeniem zaawansowanych aplikacji internetowych działających po stronie przeglądarki

WYMAGANIA

Od uczestników wymagana jest przynajmniej podstawowa umiejętność programowania w języku JavaScript

ZALETY

Szkolenie VueJS - tworzenie aplikacji webowych wyróżnia szeroki zakres przedstawionego materiału przy jednoczesnym skupieniu na aspekcie praktycznym

Największy nacisk położony jest na techniki i narzędzia, które sprawdzają się w rzeczywistych projektach i przynoszą największy wzrost wydajności pracy

Część warsztatowa szkolenia pozwala na osiągnięcie poziomu umiejętności pozwalających na samodzielne wykorzystanie zdobytej wiedzy od razu po zakończeniu kursu

Kameralne grupy - szkolenia technologiczne prowadzimy w grupach liczących do 8 osób. Pozwala to na indywidualne podejście oraz aktywizację każdego uczestnika

Praktyka przed teorią - wszystkie szkolenia technologiczne prowadzone są w formie warsztatowej. Konieczna teoria jest wyjaśniana na przykładzie praktycznych zadań

Konkretne umiejętności - w ramach każdego szkolenia rozwijamy praktyczne umiejętności związane z daną technologią i tematyką

Nauka z praktykami - wszyscy trenerzy na co dzień pracują w projektach, gwarantuje to dostęp do eksperckiej wiedzy i praktycznego know-how

Cele szkolenia

Zapoznanie uczestników z dobrymi praktykami programowania w najnowszej wersji języka JavaScript oraz praktycznymi zagadnieniami związanymi z tworzeniem aplikacji internetowych w architekturze „Single-page application” przy użyciu frameworka Vue.js

Konstruowanie czytelnych i wydajnych aplikacji JavaScript z wykorzystaniem aktualnych możliwości tego języka

Używanie elementów programowania funkcyjnego i reaktywnego do rozwiązywania typowych problemów

Prawidłowe i efektywne skonfigurowanie środowiska do pracy z zaawansowanymi projektami frontendowymi

Stosowanie mechanizmów pozwalających kontrolować jakość kodu aplikacji JavaScript

Stworzenie aplikacji opartej na komponentach

Samodzielne tworzenie zaawansowanych aplikacji webowych

Program

  • Vue Framework, czy biblioteka?
  • Architektura aplikacji Vue
  • Virtual DOM
  • Podejście przyrostowe
  • Proste aplikacje z Vue.js
  • NodeJS i NPM
  • Webpack, vue-loader
  • Vue-CLI
  • TypeScript
  • Vue DevTools
  • Pliki .vue
  • Preprocesory CSS
  • Obiekt data i model reaktywny
  • Bindowanie tekstu i atrybutów
  • Atrybuty style i class
  • Dyrektywy v-bind, v-cloak, v-text i v-html
  • Ukrywanie z v-show, v-hide
  • Renderowanie warunkowe z v-if, v-else
  • Iteracje z v-for, zastosowanie atrybutu key
  • Dostęp do indeksu tablicy i klucza obiektu
  • Generowanie zakresów
  • Użycie v-for z tagiem template
  • Mechanizm wykrywania zmian Vue - jak działa?
  • Rozszerzanie modelu o nowe dane
  • Manipulacja tablicami
  • Pułapki i dobre praktyki
  • Dyrektywy v-on, v-once i wiązanie metod
  • Obiekt $event, informacje o zdarzeniu
  • Modyfikatory zdarzeń
  • Obsługa różnych typów pól formularzy
  • Dyrektywa v-model
  • Zaawansowane możliwości v-model
  • Obserwowanie danych z Watchers
    • Opcje immediate i deep
  • Computed - optymalizacja dynamicznych wartości
    • Gettery i settery a computed
  • Rejestrowanie komponentu - lokalne i globalne
  • Własności komponentu - Props
    • Walidacja właściwości
    • Właściwości opcjonalne i wymagane
  • Cykl życia komponentu
  • Emitowanie własnych typów zdarzeń
  • Dziedziczenie atrybutów i zdarzeń
  • Rozszerzanie komponentów
  • Komunikacja z v-model
  • Obiekty referencji DOM
  • Asynchroniczne i leniwe ładowanie
  • Mechanizm Slots
  • Wiele slotów, sloty nazwane
  • Opcjonalne sloty, treść domyślna, ukrywanie slotów
  • Bindowanie danych do slotów
  • Zaawansowane przykłady użycia slotów
  • Fetch API - użycie i polyfill
  • Vue-Resource - konfiguracja i przykład użycia
  • Axios - użycie, konfiguracja i interceptor
  • Koncepcja Single Page Application
  • Hash routing, a browser history API
  • Konfiguracja Vue-Router
    • Ścieżki
    • Nazwane ścieżki
    • Przekierowania
    • Obsługa błędów
  • Przekazywanie parametrów
  • Obiekty $router i $route
  • Tworzenie odnośników
  • Oznaczanie bieżącej pozycji
  • Nawigacja programistyczna, push i replace
  • Dynamiczne adresy
  • Router hooks, router guards - kontrola dostępu
  • Zaawansowane możliwości i przykłady
  • Wprowadzenie do Vuex
  • Store, Akcje, Mutacje, Stan i Gettery
  • Zasady działania, dobre praktyki
  • Integracja z komponentami $store i helper
  • Moduły i namespaces
  • Przykłady i dobre praktyki
  • Vue Styleguide
  • Vue i TypeScript
  • SSR w Vue
  • Kiedy i dlaczego używać TypeScript
  • Vue CLI i TypeScript
  • Konfiguracja kompilatora
  • Komponenty jako klasy
  • Dekoratory komponentu
  • Props jako dekorator, dobre praktyki
  • Watch i Computed w TypeScript
  • Vue Stora i module jako klasy
  • Dekoratory dla Vuex Store
  • Definiowanie brakujących typów
  • Budowanie i optymalizacja vue
  • Działanie routera na zdalnym serwerze
  • Optymalizacje i dobre praktyki

Autor szkolenia:

Mateusz Kulesza

Senior developer, konsultant i szkoleniowiec. Pracował z wieloma polskimi i zagranicznymi firmami nad projektami z sektorów e-learning, reklamy, e-commerce, transportu oraz bankowości i finansów. Z technologiami Internetowymi pracuje od ponad 10 lat. Pasjonat technologii front-end, JavaScript'u a także marketingu internetowego i e-commerce.

Najbliższe szkolenie poprowadzi:

Mateusz Kulesza

Senior developer, konsultant i szkoleniowiec. Pracował z wieloma polskimi i zagranicznymi firmami nad projektami z sektorów e-learning, reklamy, e-commerce, transportu oraz bankowości i finansów. Z technologiami Internetowymi pracuje od ponad 10 lat. Pasjonat technologii front-end, JavaScript'u a także marketingu internetowego i e-commerce.

POLITYKA COOKIES:

Korzystamy z plików cookies, by móc jak najlepiej dostosować stronę do Twoich potrzeb oraz wyświetlać Ci przydatne i adekwatnych dla Ciebie reklamy w serwisie i poza nim. Możesz kontrolować ustawienia ciasteczek w swoich ustawieniach swojej przeglądarki. Odwiedzając tę stronę, wyrażasz zgodę na wykorzystywanie przez nas plików cookies.