Front-end veebiarendus REACT.JS abil
React.js on JavaScripti teek, 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.
Eesmärk
anda praktiline kogemus raamistiku React kasutamisel front-endi loomisel. Kursuse käigus luuakse koos rakendus, et aru saada, kuidas luua Reactil baseeruv koduleht, mis loeb ja salvestab andmeid pilveserveris.
Sihtgrupp
Koolitus on mõeldud neile, kel on olemas algteadmised veebitehnoloogiatest nagu HTML, CSS ning ka algteadmised Javascriptist. Koolitusel tutvustatakse nii front-endi loomise tänapäevaseid vahendeid kui ka Javascriptil baseeruvaid back-end tehnoloogiaid.
Osalemise eeldused
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
- 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.
Lisainfo
Maht: 60 akadeemilist tundi (30 akt veebikoolitus+30 akt kodune töö)
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.