Front-end ja Back-end Javascriptis
Koolitus on mõeldud neile, kel on olemas algteadmised veebitehnoloogiatest nagu HTML, CSS ning ka algteadmised Javascriptist. Koolitusel tutvustame nii front-endi loomise tänapäevaseid vahendeid kui ka Javascriptil baseeruvaid back-end tehnoloogiaid.
React.js on JavaScripti raamistik, mis on välja töötatud Facebookis ja on nüüd avalikult saadaval. See on suunatud veebirakenduste loomisele ning on üks populaarsemaid JavaScripti raamistikke.
React.js pakub mitmeid eeliseid, mis muudavad selle atraktiivseks valikuks JavaScripti oskajale:
- Komponendipõhine lähenemine: React.js võimaldab luua komponente, mis on omavahel ühendatud ja lihtsalt uuendatavad, mis muudab rakenduse loomise ja haldamise lihtsamaks.
- Kiiruse ja jõudluse parandamine: React.js kasutab virtuaalne DOM-i, mis muudab selle kiireks ja jõudlikuks, eriti suurtes ja keerukates rakendustes.
- Ühilduvus teiste tehnoloogiatega: React.js on hästi integreeritav teiste tehnoloogiatega nagu Node.js, Express, MongoDB jne, mis muudab selle universaalseks ja väga kohandatavaks.
- Laialdane toetus ja kogukond: React.js on üks enim kasutatavaid JavaScripti raamistikke ning sellel on laialdane toetus ja aktiivne kogukond, mis tagab, et selle arendamise ja parandamisega tegeletakse pidevalt.
Seetõttu on React.js atraktiivne valik JavaScripti oskajale, kes soovivad luua suurepäraseid ja jõudsaid veebirakendusi.
Node.js on serveripoolne JavaScripti platvorm, mis võimaldab luua ja jooksutada täisteenuseid, näiteks veebiserverit, mis toetavad täisajaveebirakendusi.
API (Application Programming Interface) on liides mis lubab teistel programmeerimiskeeltel ja rakendustel suhelda teie rakendusega, näiteks andmete vahetamiseks ja teenuse kasutamiseks.
Node.js ja API kombinatsioon võimaldab teil luua ja hallata rakenduste API-sid, mis suudavad töötada suure koormusega ja suure jõudlusega. Node.js ja API õppimine võimaldab teil luua skaleeritavaid ja mitmekülgseid veebirakendusi ning kasutada erinevaid andmeallikaid ja teenuseid.
Osalemise eeldused
NB! Koolitus eeldab HTML, CSS ja Javascripti baasteadmisi.
Kui pole kindel, kas Su eelteadmised on piisavad, siis saad teha väikese TESTI ja seejärel saad juba otsustada, kas oled valmis sellele koolitusele tulemiseks.
Koolituse sisu
- moodul: Veebirakenduse front-end React raamistiku abil
- Maht: 60 akadeemilist tundi (30 akt veebikoolitus+30 akt kodune töö)
- Mooduli eesmärk on anda praktiline kogemus raamistiku React kasutamisel front-endi loomisel.
- React on maailma populaarseim veebirakenduste front-endi arenduse töövahend. React võimaldab hõlpsalt luua dünaamilisi ja interaktiivseid veebirakendusi. See on kiire, skaleeritav, paindlik, võimas ja sellel on tugev arendajate kogukond, mis kasvab kiiresti.
- Reacti õppimiseks pole kunagi olnud paremat aega. Selle oskajaid otsitakse ja vajatakse nii Eestis kui ka terves maailmas.
- Koolitus annab veebiarenduse tööks vajalikud baasteadmised ja React.js raamistiku kasutamise oskuse.
- Kursuse käigus loome koos rakenduse et aru saada kuidas luua Reactil baseeruv koduleht mis loeb ja salvestab andmeid pilveserveris.
- Sissejuhatus
- Kliendi ja serveri rollid. Strateegiad andmete vahetuseks serveritega,
- Reacti roll front-end arenduses. MPA ja SPA rakendused. REST API põhimõtted
- React rakenduse loomine
- Node/NPM vahendite eesmärk, installeerimine
- React keskkonna installeerimine
- Esimene React rakendus
- JSX algusest, sissejuhatus komponentidesse
- JSX eesmärk, süntaks, funktsionaalsed komponendid.
- Staatilise veebilehe loomine JSX ja funktsionaalsete komponentide abil
- Tingimuste ja tsüklite kasutamine väljundi loomisel
- Komponendid, andmete ühiskasutus
- Klasskomponendid, nende erinevus funktsionaalsetest komponentidest
- Andmete edastamine komponentide vahel (props)
- Sündmuste (events) kasutamine kasutaja tegevustele reageerimiseks
- Olek (state), hook’id
- Kuidas state – muutujaid kasutada.
- useState ja useEffect hookid
- Mida on vaja andmete muutmise ja andmete näitamiseks teha
- Alamkomponendid ja state
- Suhtlemine back-endiga
- API-d. Mis need on ja kuidas kasutada
- Operatsioon fetch, meetodid andmete lugemiseks, lisamiseks, muutmiseks, kustutamiseks.
- Routing
- Kasutajanavigatsiooni põhimõtted
- Navigatsioonielemendid
- Front-end rakenduse publitseerimine
- Rakenduse publitseerimine GitHub keskkonda
- Projekt: Loome kodulehe uudiste publitseerimiseks mille back-endiks kasutame sisuhaldussüsteemi (WordPress või Contentful) ning mis suhtleb meie front-end-iga API kaudu.
- Tutvu õppekorralduse alustega ja õppekava (1), õppekava (2)
- Sissejuhatus
- moodul – Veebilehtedest infosüsteemini (Full stack)
- Maht: 60 akadeemilist tundi (30 akt veebikoolitus+30 akt kodune 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
- Kursuse käigus loome koos treeningpäeviku rakenduse et aru saada kuidas veebilehitseja ja serveri vahel andmeid vahetatakse (REST API CRUD operatsioonide jaoks).
Õpiväljundid
Koolitus annab veebiarenduse tööks vajalikud baasteadmised ja React.js raamistiku kasutamise oskuse.
Lisainfo
- Sellel osalemine eeldab elementaarseid arvutialaseid eelteadmisi ja kodust internetiühendusega arvutit.
- Veebikoolitus toimub nö otseülekandena – koolitaja juhendab oma kodus arvuti taga ja teie osalete oma kodudes.
- 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.
- Koolitusel antud kodutööd on vajalik sooritada enne järgmist õppepäeva.