Tarkvaraarenduse ABC + Veebirakenduste Back-end Javascriptiga
Koolitusel õpitavad programmeerimiskeeled HTML, CSS, JavaScript/Node.js on universaalsed ja vajalikud veebirakenduste arendamiseks. HTML ja CSS annavad veebilehtedele struktuuri ja välimuse, JavaScript võimaldab veebirakendustel interaktiivset käitumist ning Node.js on serveripoolne JavaScripti platvorm, mis võimaldab luua skaleeritavaid ja jõudluskindlaid veebirakendusi. Express on JavaScripti rakenduste raamistik, mis võimaldab lihtsalt ja kiiresti luua veebirakendusi. See pakub võimalusi näiteks HTTP päringute töötlemiseks, andmete salvestamiseks jne. MongoDB on andmebaasi süsteem, mis on loodud eriti kasutatavaks JavaScripti rakendustes. MongoDB on NoSQL andmebaas, mis tähendab, et see ei järgi relatsioonilist andmebaasi mudelit ja on paindlikum ning skaleeritavam kui traditsioonilised relatsioonilised andmebaasid. Veebirakenduste arendus on üha olulisem ja kasvav valdkond, mis pakub paljusid karjäärivõimalusi. HTML, CSS ja JavaScript on universaalsed oskused, mis sobivad nii front-end kui ka back-end arendajatele. Node.js annab lisavõimaluse luua serveripoolseid rakendusi ja integreerida need erinevate süsteemidega. Õppides nende tehnoloogiate kasutamist, võivad arendajad luua tõhusaid ja skaleeritavaid veebirakendusi, mis kasutavad andmebaasi säilitamiseks MongoDB-d ja Expressi veebirakenduse loomiseks. Veebirakendusi kasutatakse nii era- kui ka ärikasutuses. Näiteks e-poodide, sotsiaalmeedia platvormide, online koolituste ja meediatalituste, erinevate administreerimis- ja juhtimissüsteemide jne jaoks.
Eesmärk
Koolitus toimub veebikoolitusena!
Sihtgrupp
Sellel osalemine eeldab elementaarseid arvutialaseid eelteadmisi ja kodust internetiühendusega arvutit.
Osalemise eeldused
Koolitusel antud kodutööd on vajalik sooritada enne järgmist õppepäeva.
Koolituse sisu
- moodul – Tarkvaraarenduse baasteadmised (Front-end arendus)
- Maht: 60 akt (30 akt auditoorne õpe+30 akt iseseisev töö)
- Mooduli eesmärk on õpetada veebiarenduse põhitõdesid. Kursuse läbinu oskab luua etteantud disaini järgi staatilisi veebilehti ja publitseerida neid veebis.
- Sissejuhatus
- Milliseid töövahendeid on kursuse käigus vaja?
- Millist rolli täidavad veebiarenduse kolm põhilist tehnoloogiat – HTML, CSS ja Javascript
- Mis on vahet front-end ja back-end arendusel?
- Sissejuhatus HTML-i
- Kohustuslikud elemendid HTML lehel. Põhilised tagid (pealkirjad, paragrahvid, listid).
- DIV ja SPAN tagid, milleks neid saab kasutada.
- Elementide atribuudid.
- Veebilehe publitseerimine
- Domeeníde registrid ja majutusteenused.
- Failide sünkroniseerimine serveriga.
- HTML-i keerulisemad kontseptsioonid
- Tabelid, Sisestusväljad ja vormid.
- Sissejuhatus CSS-i
- Kuidas CSS seotakse HTML-iga – selektorid (elemendid, identifikaatorid, klassid).
- Värvid, Fondid, Piirjooned.
- Mis on veebilehitseja Arendaja Töövahend ja kuidas seda kasutada.
- CSS keerulisemad kontseptsioonid
- Kastmudel. Lehe struktuuri loomine kastmudeli abil.
- Veebilehe kujundamine Bootstrap teegi abil
- Bootstrap teegi kaasamine enda kodulehele.
- Komponendid, lehe struktuuri loomine vaikimisi mallide abil.
- Responsive layout Bootstrapi abil
- Bootstrapi komponendid, rensponsive layout’i loomine
- Milleks responsive layout-i kasutatakse?
- Sissejuhatus Javascripti
- Muutujad ja funktsioonid.
- Kuidas kasutada veebilehitseja Javascripti konsooli.
- Javascripti failide kaasamine eraldi failist.
- Nädalapäeva leidmine ja kuvamine.
- Javascripti keele põhikonstruktsioonid
- Elementide valimine veebilehel Javascripti abil.
- Elementide peitmine ja näitamine, sisu muutmine.
- Projekt
- Olemasoleva disaini (PSD fail) järgi kodulehe loomine
- Sissejuhatus
- moodul – Veebilehtedest infosüsteemini (Full stack)
- Maht: 60 akt (30 akt auditoorne õpe+30 akt iseseisev töö)
- Mooduli eesmärk on anda ülevaade põhilisest töövahenditest, mida on vaja veebiinfosüsteemi loomiseks järgmiste tehnoloogiate abil: NodeJS ja Express veebiserveri loomiseks, MongoDB andmete hoidmiseks. Kursuse käigus loome koos treeningpäeviku rakenduse et aru saada kuidas veebilehitseja ja serveri vahel andmeid vahetatakse (REST API CRUD operatsioonide jaoks).
- Sissejuhatus
- Kliendi ja serveri rollid. Strateegiad andmete vahetuseks. Komponendid, mida vajame
- NodeJS – Javascript serveris
- Node installeerimine, NPM – mis see on ja kuidas seda kasutada.
- Asünkroonsus (Callback funktsioonid, await/async).
- Objektid, massiivid ja funktsioonid.
- Koodi jagamine mooduliteks.
- Veebiserveri loomine
- HTTP requestid (GET, POST ja teised) MPA ja SPA rakendused. REST API põhimõtted
- Esimene veebirakendus Expressi abil, mis näitab staatilist sisu serverist (nädalapäeva rakendus).
- Serverist loetud staatilise sisu näitamine veebilehitsejas.
- Rakenduse paigaldamine pilveserverisse
- Pilveserveri loomine (Heroku), rakenduse installeerimine.
- API loomine ja kasutamine
- API endpoindid andmete lugemiseks ja salvestamiseks. JSON andmeformaat. Serverirakenduse sisemised komponendid ja kasutusloogika.
- Veebikliendist andmete lugemine ja salvestamine
- Andmete lisamine, muutmine, lugemine ja kustutamine ning saatmine serverisse.
- Saadetavate andmete valideerimine kliendis ja serveris.
- Andmete hoidmine ja kasutamine MongoDB andmebaasist
- MongoDB andmebaasi põhioperatsioonid: andmeobjektide lisamine, muutmine, kustutamine ja lugemine.
- Veebirakenduse navigatsioon
- Navigatsiooniloogika ehitamine. Veebirakenduste arhitektuur.
- GIT – Põhialused
- Repositooriumi (repository) loomine, harud (branches).
- Funktsionaalsete harude (feature branches) kasutamine arenduses.
- Muudatuste jälgimine (Diff tools), muudatuste mestimine (merging, pull requests)
- Projekt
- Esimeses osas tehtu sidumine enda loodud rakendusserveriga andmete salvestamiseks ja lugemiseks
- Sissejuhatus
Lisainfo
Koolitusel näete koolitaja ekraanipilti, saate kõik omavahel rääkida, kirjutada ning vajadusel oma ekraani jagada. Kõik koolitusmoodulid salvestatakse ja neid on võimalik omale sobival ajal ja sobivas tempos järelevaadata ning koduste tööde tegemise ajal kasutada.