Vue.js front-end raamistik – Baaskasutus /Router /Vuex
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.
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.
Sihtgrupp:
- Kõik elementaarsete baasteadmistega (HTML/CSS/JS) veebitehnoloogia huvilised.
- Front-end arendajad, tarkvara arendajad, veebiehitajad, iseõppijad, ümberõppijad, vabakutselised, disainerid.
- Soovitav jätkukoolitusena Tarkvaraarenduse Front-end kursuse lõpetanutele
Koolituse sisu:
- 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
- SISSEJUHATUS
- 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
- Päev
- Vorm
- Valideerimine
- Animatsioon, transition
- Ühendus välisilmaga (http)
- Päev
- VUE CLI arenduse tööriist
- SINGLE PAGE APPLICATION / SPA
- VUE ROUTER
- Päev
- STATE MANAGEERIMINE / VUEX
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
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 6 akadeemilist tundi. Koolitusel on lisaks ka kodutöö, kogumahuga 5 akadeemilist tundi.
Maht: 35 akadeemilist tundi (sh kodutöö 5 akadeemilist tundi)
Koolitaja:
Karel Kangro on tarkvaraarendaja Bigbank AS-is*. Ta on IT vallas autodidakt ja vabakutselise full-stack arendajana töötanud 5 aastat. Viimased paar aastat on ta Bigbank’i veebitiimis Vue.js raamistikule UI komponentide teeki ehitanud. Karel on loodut aidanud front-end poolelt agiilselt rakendada erinevates tootetiimides. Vue.js alaseid teadmisi on ta varem jaganud ettevõttesiseselt ning koos oma kolleegidega Tartu Ülikoolis IT magistrantidele.
* Bigbank on nomineeritud Banking Technology Awards 2019 viie finalisti hulka “Tech team of the year” kategoorias.
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
Koolitusfirma tutvustus
IT Koolitus on juhtiv info- ja kommunikatsioonitehnoloogia ning IT projektijuhtimise koolitusteenuse pakkuja Baltikumis. Loen koolitusfirma kohta veel...