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

NB! Seda koolitust on võimalik finantseerida ettevõtetele mõeldud IKT alaste oskuste arendamise meetme abil. Vaata tingimusi!
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.

Tutvu  õppekorralduse alustega ja õppekavaga.

Koolitus toimub 2 õppepäeval nädalas.

Koolituse maht on 120 akt (60 akad.tundi+60 akt iseseisvat tööd)

Olen huvitatud, aga aeg ei sobi – 

Kuupäev

21 veebr. 2023 - 27 apr. 2023
  • ÕPPEPÄEVAD:

    Teisipäeviti ja neljapäeviti

  • KELLAAEG:

    17:30 - 19:45

Hind

2,050.00€

Toimumiskoht

Veebikeskkond Zoom

Koolitajad

Vali järgmine koolitusaeg

Saadaval ka NORT Koolituse kinkekaart