Moodulkoolitus -Tarkvaraarenduse baasteadmised+Front-end veebiarendus REACT.JS abil

Name: Moodulkoolitus -Tarkvaraarenduse baasteadmised+Front-end veebiarendus REACT.JS abil
Start: 2023-08-15
End: 2023-12-06
Location: Veebikeskkond Zoom

Tagasiside koolituse kohta:

Tere

Koolitus oli väga informatiivne ja hea, sain väga palju uut informatsiooni ja teadmis.
Soovitan ka teistele kindlasti.

Martin Ludvig

Koolitus oli mulle abiks väga suurel määral. Peale koolitust on palju lihtsam iseseisvalt edasi õppida. Koolituse ülesehitus tundus minule hea. Kuna olen algaja, siis isiklikult oleks kasulikum pikem koolitus.

Krismar R.

Väga tore ja mõnus koolitaja! Edastas kõiki asju rahulikult ja asjalikult. Minu soovituseks oleks ainult see, et vahepeal võiks olla nädalaid kus on ainult üks koolitus või pole koolitust üldse – siis saaks natukene rohkem iseseisvalt asjadega tegeleda.

Kristel P.

Meeldis väga õpetaja rahulik olek , kannatlikkus ja abivalmidus ning põhjalikkus. On isegi kahju, et koolitus juba möödas on. Midagi negatiivset öelda ei ole, koolitusest jäi väga positiivne kogemus.

Virge P.

Koolitaja oli super. Oskas väga lihtsasti asju seletada mis ja kuidas. Oli alati kättesaadav ning kodutöödega aitas alati. Ei teinud ise ära vaid suunas mis või kuidas. Ühesõnaga võib väga rahule jääda.

Riivo I.

Mulle väga väga meeldis. Koolitusel jagatud info oli täpselt piisavas mahus ühe õppepäeva jaoks ning kodused tööd olid põnevad, sest nende tegemiseks oli vaja ka enda loogikat/teadmisi ja otsingumootorite kasutamise oskuseid rakendada. Sain teada programmeerimise keelte algtõed ning tänu sellele on hakanud kujunema juba asjast veidikene suurem pilt. Piisava enesearendamisega on kindlasti võimalik koos NORT koolitusel saadud baasteadmistega IT valdkonnas leida endale tulevikutöö.

Magnus V.

Olen väga rahul koolitajaga ja mulle meeldis, et talle polnud raske mitu korda sama asja seletada ning seletust ka piltlikustada.

Anni V.

Loe veel...

NB! Seda koolitust on võimalik finantseerida ettevõtetele mõeldud IKT alaste oskuste arendamise meetme abil. Vaata tingimusi!

Koolituse eesmärgiks on õpetada osalejale veebiarenduse põhitõdesid ning praktiline kogemuse raamistiku React.js kasutamisel front-endi loomisel. Koolitus on suunatud neile, kes soovivad alustada tarkvaraarenduse ja programmeerimisega seotud tööd.

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.

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.

Koolitusele võtame korraga kuni 8 osalejat, siis jõuab koolitaja kõigiga tegeleda.

1.moodul: Tarkvaraarenduse baasteadmised

Maht: 60 akadeemilist tundi (30 akt veebikoolitus+30 akt kodune töö)

Koolituse eesmärgiks on õpetada veebiarenduse põhitõdesid.

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

Tutvu õppekorralduse alustega ja õppekavaga.

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.