Detail kurzu

Programovanie moderných Web Aplikácií vo Vue.js - základy moderného vývoja a web komponenty

IT LEARNING SLOVAKIA, s.r.o.

Popis kurzu

Ak ste počuli o pojmoch ako React, Angular, Vue, ES6, Web Components, Frontend Development, alebo sa s nimi stretávate v dobre platených pracovných ponukách, ale neviete dosť dobre, čo sa za týmito pojmami skrýva, alebo sa vám zatiaľ nepodarilo ponoriť sa do tejto problematiky dosť hlboko na to, aby ste sa do nej zapojili, tak toto školenie je určené práve pre vás. Školenie je zamerané na to, aby ste sa v týchto a mnohých ďalších pojmoch nielen zorientovali, ale aby ste rovno naštartovali vývoj web aplikácií vo vlastnej réžii za použitia moderných technológií, postupov, moderných frameworkov a najnovších prvkov z jazyka JavaScript. Školenie je určené pre všetkých záujemcov, ktorí majú základy HTML, CSS a JavaScript a chcú sa vo vývoji webov dostať na nový level, ktorý prinesie profit v pracovnej oblasti alebo so súkromným projektom. Naučíme vás vytvoriť si vlastnú webovú aplikáciu efektívnym spôsobom a položíme silné základy pre to, aby ste sa dostali do obrazu, ako sa dá vytvoriť komplexná web aplikácia rýchlejšie ako so staršími postupmi tvorby webov. Výstupné vedomosti po kurze - školení: Po absolvovaní školenia si účastník dokáže samostatne pripraviť vývojové prostredie a vytvoriť základnú webovú aplikáciu, ktorá môže byť štartom väčšieho projektu. Na viac ako dvadsiatich príkladoch od elementárnych po komplexnejšie účastníka naučíme moderný web development podľa osnovy.

Obsah kurzu

Úvod
  • Evolúcia vývoja web aplikácií
  • Princípy moderných web aplikácií
  • HTML5, ESnext, web komponenty
  • Frontend frameworky
  • Prečo Vue.js
Architektúra Aplikácií
  • REST backend
  • JavaScript frontend
  • MVC design pattern
  • Flux reaktívny design pattern
  • Paradigmy programovania
Typy Web Aplikácií
  • Multi page, Single page, PWA, Hybrid
  • Generované na klientovi vs. generované na backende
Web Komponenty
  • HTML templates
  • Custom Elements
  • Shadow DOM
Vývoj Aplikácií s Vue.js
  • Inštalácia vývojového prostredia VSCode
  • Inštalácia package manažéra Node.js
  • Ukážky kódu bez použitia frameworku
  • Skladanie aplikácií z komponentov vo frameworku
Základy Vue.js a Vytvorenie Projektu
  • Scaffolding aplikácie
  • Štruktúra projektu
  • Vytvorenie Vue inštancie
  • Rendering aplikácie
  • Štruktúra Vue komponentov
  • Template, script, style
  • Data, dynamický obsah
  • Direktívy, v-for
  • Direktívy v-if vs. v-show
  • Attribute binding
  • Style binding a class binding
Softvérové Techniky Vývoja Aplikácií vo Vue.js
  • Reaktivita a jej ukážky
  • Event handling, v-on, v-on shortcut
  • Two-way data binding
  • Komunikácia komponentov
  • Props a emmited events
  • Vue metódy a kľúčové slovo this
  • Computed properties
  • Watching properties
  • Life-cycle hooks
  • Layout aplikácií a routing medzi stránkami
Pokročilejšie Techniky a Praktické Príklady
  • Formuláre a ich validácia
  • Pristupovanie ku elementom cez ref
  • Filtre, internacionalizácia a lokalizácia
  • Routes, route params
  • Lazy loading stránok a podstránok
  • Knižnice hotových komponentov
  • Ukážky vačších riešení
Hodnotenie




Organizátor



Ďalšie termíny kurzu
Termín Cena Miesto konania Zarezervovať