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:

Üldiselt oli koolituse kestvuse aeg sisukas ja andis piisava ülevaate veebiarendusest, et ise iseseisvalt jätkata. Võiks olla koolitusele eelnevalt mingit materjali, millega saaks ennast kurssi viia.

Rasmus K.

Koolituse läbiviija tegi seda suurepäraselt- näitas ette, seletas, tõi näiteid, küsis vahelduseks küsimusi ja kuulas ka meie küsimusi meeleldi ning vastas neile. Samuti jäin koolituse tempoga väga rahule. Uut infot oli ehk korraga küll väga palju, kui siiski jõudis järge pidada. POsitiivne on see, et koolitus materjalidele (videodele) on olemas veel ligipääs ning kodutööde teostamiseks sai koolituse videosid ikka mitu korda uuesti järgi vaadatud ning hea, et saab ka edaspidi.
Koolitus vastas kindlasti minu ootustele ning julgeksin seda soovitada ka teistele.
Aitäh!

Magnus Laid

Koolitus oli asjalik ja sisutihe.

Meryl

Omandasin palju uusi teadmisi veebilehtede loomisel. Samuti hindasin kõrgelt juhendajate kogemuste pagast ning konstruktiivset tagasisidet koduste ülesannete puhul.

Martin

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.

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.

Kui ei ole varasemalt programmeerimisega kokkupuudet, siis esimesed koolituskorrad on hirmutavad, liiga kiire, ei taba ära miks, mida ja kuhu-hea, et saab omas tempos salvestuselt tehtu järgi vaadata. Ise lahenduste otsimine on huvitav, aga võtab palju aega. Koolituse lõpus on juba kahju, et kõik läbi-tahaks veel midagi juurde õppida:-)Mitmekesine koolitus -erinevad võimalused ja lahendused veebilehe tegemisel. Selle lühikese aja jooksul sai põhilised teadmised veebiarendusest. Koolitaja oli super ja toetav, aitäh.

Aleksei K.

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.