Front-end veebiarendus REACT raamistiku abil (baaskoolitus) – Zoomis
Arvamused koolitusest:
Veebiarenduse baasõppe eesmärgiks on õpetada põhioskuseid, mida on vaja veebil baseeruvate infosüsteemide arendajal, et alustada tööd tarkvaraarendajana. 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.
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. osa – Veebiarenduse baasteadmised (Front-end arendus)
Maht: 30 akadeemilist tundi+kodune 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. osa – Veebirakenduse front-end React raamistiku abil
Maht: 30 akadeemilist tundi+kodune töö
Mooduli eesmärk on anda praktiline kogemus raamistiku React kasutamisel front-endi loomisel .
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 õppekavaga.
Koolitus toimub 2 õppepäeval nädalas: esmaspäeviti ja neljapäeviti kell 10.00 – 12.15
60 akad.tundi+60 akt iseseisvat tööd
Olen huvitatud, aga aeg ei sobi –
Veebiarenduse koolitused
Koolitaja
-
Andres JärvisteAndres on lõpetanud Tartu Ülikooli rakendusmatemaatika eriala. Ta on IT sektoris tegutsenud üle 20 aasta ja tal on kogemusi väga erinevates rollides – nagu näiteks arendaja, süsteemianalüütik, projektijuht jne. Valdkonnad: Veebiarendus, WordPress. Täiskasvanute IT-alase täiendkoolituse läbiviimise kogemus alates 1996. aastast.