Tarkvaraarenduse ABC+Front-end veebiarendus REACT.JS abil

Koolitusel saate teada:

• Millist rolli täidavad veebiarenduse kolm põhilist tehnoloogiat – HTML, CSS ja Javascript. Õpite neid ka tundma ja kasutama.
• Mis on vahet front-end ja back-end arendusel?
• Kuidas luua Reactil baseeruv koduleht mis loeb ja salvestab andmeid pilveserveris.

Miks õppida just React.js-i?
Reacti kasutatakse laialdaselt veebirakenduste arendamiseks, eriti front-end-i komponentide loomiseks. See on väga populaarne ja levinud JavaScripti raamistik, mis on loodud Facebookis 2011. aastal. React.js-i kasutatakse nii ettevõtete kui ka eraisikute poolt ning seda on võimalik integreerida mitmete teiste raamistike ja tehnoloogiatega, nagu näiteks Redux, Node.js jne.

Kasutajaliidese ja kasutajakogemuse parandamiseks on React.js eriti tõhus ja seetõttu kasutatakse seda nii tööstuses kui ka IT-arendustes.
Koolitusel osalemine eeldab elementaarseid arvutialaseid teadmisi ja internetiühendusega arvutit. Koolitus toimub veebikoolitusena ja antud kodutööd on vajalik sooritada enne järgmist õppepäeva. Koolitus annab HTML, CSS ja Javascripti ning React.js raamistiku kasutamise baasteadmised ja-oskused, mis on vajalikud, et oleks võimalik alustada oma teekonda tarkvaraarenduses.

Programmeerimise õppimine võib olla väljakutse, eriti kui alustate nullist, kuid hea ja kannatliku koolitaja abiga on see kindlasti võimalik ning valutum kui üksi alustades.

Koolituse sisu:

1.  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
2. moodul: Veebiarendus – front-end React.js raamistiku abil
   • Maht: 60 akadeemilist tundi (30 akt veebikoolitus+30 akt kodune töö)
     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.
     Koolituse teine osa annab veebiarenduse tööks vajaliku 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.

NB! Veebiarenduse koolitus toimub veebikoolitusena!

• 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.