Front-end veebiarendus REACT raamistiku abil (baaskoolitus) – Zoomis

Arvamused koolitusest:

Koolitus oli asjalik ja sisutihe.

Meryl

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

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.

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.

NB! 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. 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 – 

Kuupäev

08 aug. 2022 - 12 okt. 2022

Kellaaeg

E, K, kell 10.00 - 12.15
10:00 - 12:15

Hind

2,050.00€

Toimumiskoht

Veebikeskkond Zoom

Koolitaja

a5bf9638-98ca-4057-8530-d1dcf74f3beb