Võta ühendust:
+372 618 1720
info@koolitus.ee

Vue.js front-end raamistik - Baaskasutus /Router /Vuex

ITK-VUE-JS

Aeg: 26.02 - 25.03.2020, kell 09:30 Maht: 30 ak. tundi Koht: Vana-Lõuna 39/1
Hind:
1 350 € (+ km 20%)

Koolituse kokkuvõte:

Veebivaldkond on pidevas ning ülikiires muutumises. Nüüdisaegse veebitehnoloogia eesmärgiks on pakkuda väga head kasutajakogemust ja iga arendustiim püüab teha omaltpoolt kõik, et seda luua.

Paljud ärid ja ettevõtmised on loobunud vahetust silmast-silma kontaktist kliendiga ja oma füüsilised esindused osaliselt või täiesti sulgenud. Nad on oma teenused ning kauplemise digitaliseerinud ja teenindavad nüüd kliente virtuaalse keskkonna vahendusel. Lihtsad ning pelgalt kontakte vahendavad kodulehed on lühikese aja jooksul muutunud tarkadeks, interaktiivseteks ning äriliselt kriitilise tähtsusega veebirakendusteks. Need on kolinud välja pimedatest serveriruumidest ja asunud elama otse oma kasutajate näppude alla veebi lehitsejaisse.

See on võimalikuks saanud suuresti tänu javascript`ile, mis on arenenud täisväärtuslikuks programmeerimiskeeleks ja on lahutamatu koostisosa interaktiivse veebiäpi toimivas retseptis nii front-end kui back-end poolel.

Kuna mobiilirakendused laetakse alla ja käivitatakse kliendi poolel, siis on kvaliteetne front-end arendus kaalukas komponent kogu ärimudeli edukaks toimimiseks. Front-end arendaja peab täna tundma väga hästi vähemalt ühte javascript`i raamistikku, mis tema tööd oluliselt hõlbustab, kiirendab ja tagab kvaliteetsema ning hallatavama lõpptulemuse. Kasulik on ühe framework`i tundmine ka teiste sarnaste õppimisel ja nendega töötamisel.

See koolitus õpetab kasutama Ultramoodsat Vue.js raamistikku, mille abil on võimalik luua tänapäevaseid veebirakendusi.

Lisaks käsitletakse koolituse käigus front-end arenduse tööriistu- ja vooge  (terminal/git/npm/node/webpack), rakenduse planeerimist ja publitseerimist / JAMstack ning agiilse front-end arenduse praktikaid.

Kellele koolitus on suunatud:

Kõik elementaarsete baasteadmistega (HTML/CSS/JS) veebitehnoloogia huvilised.
Front-end arendajad, tarkvara arendajad, veebiehitajad, iseõppijad, ümberõppijad, vabakutselised, disainerid.

 

Koolitaja: Karel Kangro


Koolituse oodatav tulemus/eesmärk (õpiväljundid):

Koolituse tulemusena osaleja:

  • Teab, kuidas toimib front-end ja Vue.js arenduse töövoog praktikas
  • Oskab kirjutada nüüdisaegset front-end koodi
  • Oskab liidestada Vue.js raamistiku juba toimiva veebilehega
  • Oskab luua kiireid, dünaamilisi ja turvalisi veebirakendusi Vue.js raamistikule
  • Oskab loodud rakendusi kasutamiseks publitseerida
  • Oskab kasutada modernseid veebiarenduse tööriistu (terminal/git/npm/webpack/node)
  • Suudab konkureerida tööturul vormistades proovitöid Vue.js abil
Koolitusel osalemise eeldused (soovitavalt):

Baasteadmised veebitehnoloogiast: HTML/CSS/Javascript

Koolituse sisukord:

Koolitus toimub kuupäevadel: 26.02., 04.03., 11.03., 18.03., 25.03.

Ajakava:
09:30-14:15

1.       Päev
SISSEJUHATUS
·       Mis on Vue.js raamistik?
·       Kuidas alustada? Installeerimine ja NPM paketid
·       Esimene Vue äpp
·       Template ja suhtlus DOM-iga
·       Vue dev tools veebilehitsejas
VUE ÜKSUS
·       Uue üksuse loomine
·       Andmed ja meetodid, reaktiivsus
·       Elutsüklite haakumine (lifecycle hooks)
·       Elutsükli diagramm
TEMPLATE SÜNTAKS
·       Interpolatsioon
·       Direktiivid

2. Päev
STIILID JA KLASSID
DIREKTIIVID
·       Tingimuslik renderdamine
·       Listide renderdamine
·       Event handling
·       V-model
KOMPONENDID
·       Juurkomponent ja “lapsed”
·       Andmete liikumine komponentide vahel
·       Event`ide kuulamine
·       Single File Component (SFC) struktuur
·       Taaskasutamine, globaalne vs lokaalne registreerimine
·       Modulaarsus
PROPS
·       Camelcase vs kebab-case
·       Tüübid
·       Staatiline vs dünaamiline
·       Ühesuunaline andmete liikumine
·       Valideerimine
·       Muud atribuudid

3. Päev
·       Vorm
·       Valideerimine
·       Animatsioon, transition
·       Ühendus välisilmaga (http)

4. Päev
·       VUE CLI arenduse tööriist
·       SINGLE PAGE APPLICATION / SPA
·       VUE ROUTER

5. Moodul
·       STATE MANAGEERIMINE / VUEX

Lisainfo:

Koolituse läbiviimise põhimõtted:
Õppetegevus on täies mahus praktiline ja peale lühikest sissejuhatust asutakse kohe koodi kirjutama. Luuakse lihtsamaid rakendusi ja neid ehitades tutvutakse erinevate kontseptsioonidega ning lahendatakse seonduvaid probleeme. Tunni alguses planeeritakse koos tegevused ning tunni lõpus vaadatakse tehtu üle retrospektiivis - igaüks saab anda tagasisidet enda vaatenurgast. Koju kaasa võetakse vähemalt üks praktiline ülesanne ja iga uue tunni alguses tehakse lühikene demo kogu õppegrupile. Koolituse lõpuks ehitab iga osaleja ühe keerulisema rakenduse SPA formaadis, mis kasutab lisaks Vue.js baasraamistikule ka Vue router`it ning Vuex moodulit. Õpiväljundite saavutamist hinnatakse ehitatud rakenduse code review ja DEMO põhjal.

Koolitus koosneb viiest moodulist ja toimub viiel järjestikkusel nädalal. Iga mooduli maht on 5 akadeemilist tundi. Koolitusel on ka kodutöö, kogumahuga 5 akadeemilist tundi.

Maht: 30 akadeemilist tundi (sh kodutöö 5 akadeemilist tundi)

 

Koolitushind sisaldab:

  • koolitaja konsultatsiooni õpitud teemade kohta e-posti teel pärast koolitust;
  • tunnistust (tunnistuse väljastamise eelduseks on koolitusel osalemine terves mahus)

Lisaväärtusena pakume:

  • sooje jooke koos küpsistega;
  • lõunasööki igal koolituspäeval;
  • tasuta parkimist