Vue.js + Material design + základy Firebase (VUEJS1)

Programování, JavaScript

Vue.js je progresivní javascriptový open source framework, který oproti svým konkurentům vyniká rychlostí a jednoduchostí. V rámci kurzu se mimo samotného frameworku naučíte pomocí Material Design vytvořit moderní SPA aplikaci, optimalizovanou nejen pro desktop, ale i pro mobilní zařízení. Seznámíte se také se základy služby Firebase v roli backend serveru pro napojení webových aplikací, což Vám v provozu pomůže ušetřit čas a peníze.

Naučíte se vytvářet a spravovat instance aplikací, komponenty, šablonovou syntaxi, datové vazby i životní cyklus komponent. Propojíte front‑end aplikaci s back‑endem prostřednictvím Firebase autentizace, databáze, úložiště. Získáte znalosti, jak využívat nástroje pro vývoj a debugu ve spojení s Material Design UI knihovnami (např. Vuetify). Po skončení kurzu budete schopni navrhnout, implementovat a nasadit plně funkční, esteticky čistou webovou aplikaci s reálnými daty uloženými ve Firebase.

TOTO ŠKOLENÍ VÁM POMŮŽE:

  • Pochopit principy frameworku Vue.js, instance, komponenty, šablonová syntaxe, direktivy
  • Efektivně manipulovat s DOM a zpracovávat uživatelské události
  • Nastavit routing v aplikaci pomocí Vue Router
  • Centrálně spravovat stav aplikace pomocí Vuex
  • Vytvářet responzivní UI s Material Design komponentami (např. Vuetify)
  • Napojit front-end aplikaci na Firebase autentizaci, databázi a ukládání souborů
  • Ošetřit autentizační scénáře, oprávnění a bezpečnost v reálné aplikaci
  • Optimalizovat a ladit aplikace pomocí vývojářských nástrojů a Vue DevTools
  • Vytvořit, nasadit a publikovat plně funkční SPA aplikaci s reálnými daty

KDO BY SE MĚL KURZU ZÚČASTNIT?

  • Frontendoví vývojáři se znalostí HTML, CSS a základním JavaScriptem, kteří chtějí přejít na Vue.js
  • Programátoři připravující SPA aplikace s reálnými daty bez zdlouhavého psaní backendu
  • Vývojáři, kteří chtějí vytvořit moderní UI podle Material Designu
  • Vývojáři, kteří chtějí napojit aplikace na cloudové služby
  • Akademici a analytici, kteří chtějí rychle prototypovat a nasadit interaktivní aplikace
  • Kdokoli, kdo chce získat komplexní přehled nad vývojem, stavem a publikací SPA aplikace

KDE A KDY KURZ PROBÍHÁ?



S námi máte na výběr: Přijďte na kurz osobně do naší učebny, nebo se ke kurzu připojte online. Pokud preferujete online formu, uveďte prosím do poznámky v objednávce "Připojím se virtuálně".
Více informací k hybridní formě školení naleznete zde.

Náplň kurzu:

Skrýt detaily
  • Základní informace
    1. Co je Vue.js?
    2. Instalace
    3. Material design
    4. Firebase
  • Začínáme
    1. Deklarativní vykreslování
    2. Zpracování vstupu uživatele
    3. Podmíněné výrazy a smyčky
    4. Skládání s komponentami
  • Instance aplikací a komponent
    1. Vytvoření instance aplikace
    2. Kořenová komponenta
    3. Vlastnosti instance součásti
    4. Události životního cyklu
  • Syntaxe šablony
    1. Interpolace
    2. Direktivy
    3. Zkratky
  • Vlastnosti a metody dat
    1. Vlastnosti
    2. Metody
    3. Odvozné vlastnosti
    4. Watchers
    5. Binding
    6. Formuláře
  • Zpracování událostí
    1. Poslouchíní události
    2. Obslužné rutiny událostí metody
    3. Modifikátory událostí
  • Pokročilá témata
    1. Routing
    2. Vuex – state management
  • Pomocné knihovny
    1. Vue Lite
    2. Vue Router
    3. Vue DevTools
    4. Vuetify
    5. Distribuce
Předpokládané znalosti:
JS, HTML a CSS, Google účet
Časový rozvrh:
3 dny (9:00hod. - 17:00hod.)
Cena za osobu:
16 800,00 Kč (20 328,00 Kč včetně 21% DPH)

Vybrané zákaznické reference

Fakultní nemocnice Olomouc, Tomáš V.
Vue.js + Material design + základy Firebase ( VUEJS1)
"Opravdu dávám samé jedničky :) Díky"
TEDOM a.s., Vladimír H.
Vue.js + Material design + základy Firebase ( VUEJS1)
"Já jsem byl celkem spokojený, takže připomínky nemám."
Institut biostatistiky a analýz, s.r.o., Lenka V.
Vue.js + Material design + základy Firebase ( VUEJS1)
"Školitel nás pěkně provedl tématy včetně praktických příkladů a jeho odbornost byla naprosto v pořádku, výklad byl srozumitelný. Jsme spokojeni."