Front-end programmeerija tervikõpe

Programmeerimise õppe alustamisel soovitatakse alustada eelkõige front-end õppimisest. Koolitusel teeme väikeses grupis selgeks kõik vajalik, mis on ühele front-end programmeerijale vajalik. Koolitusel valmistame üheskoos mitmeid suuremaid rakendusi. Iga koolituspäeva lõppedes saadetakse iseseisvad harjutused koos lahendustega, millest kujuneb suur portfoolio erinevatest pisirakendustest.

Koolituse maht: 200 akadeemilist tundi — 70 t kontaktõpet, 50 t iseseisvaid harjutusi, 40 t lõpuprojekti valmistamiseks ja 40 t õppevideoid.

Õppevorm: reaalajas veebis (Google Meet / Zoom) või soovi korral kohapeal (Roosikrantsi 8b, Tallinn).

Arendada osaleja praktilisi front-end oskusi nii, et koolituse tulemusena oskab osaleja kasutada front-end arenduseks vajalikke tööriistu.

Algajad front-end programmeerimise huvilised, kes pole varem programmeerimisega kokku puutunud. JavaScripti ja Reacti huvilised. Spetsialistid, kes soovivad IT-arenduse alaseid lisateadmisi hankida.

Õppegrupi suurus: 2–3 inimest ühes grupis, mis teeb õppe suurte gruppidega võrreldes eriliselt personaalseks ja põhjalikuks.

Kursuse alustamiseks on vajalik esmane arvuti kasutamise oskus. Varasem programmeerimise oskus pole vajalik.

• HTML (6 ak t + 2 ak t iseseisvalt)

  • Pildid

  • Nupud

  • Vormid

  • Erinevad tag'id, div ja span

  • Stiiliklassid

• CSS (6 ak t + 2 ak t iseseisvalt)

  • Värvid, tekst, font

  • Erinevad display'd

  • Margin'd, padding'ud

  • Dünaamilised CSS klassid

  • Bootstrap

  • Mobiilide erinevad vaated

• Git ja versioonihaldus (2 ak t + 1 ak t iseseisvalt)

  • Uue repositooriumi loomine

  • Repositooriumite alla laadimine

  • Repositooriumi täiendamine

  • Githubi kasutamine portfooliona

• Jira meeskonnatöö tööriista kasutamine (2 ak t + 1 ak t iseseisvalt)

  • Projekti juhtimise ülevaade

  • Ülesannete jaotamine

  • Sobivate ülesannete võtmise protsess

  • Ülevaatuse ja lõpliku koodi üleandmise ülevaade

• Figma abil endale prototüübi loomine (4 ak t + 2 ak t iseseisvalt)

  • Disainimise ülevaade

  • Lihtsamad disaini põhimõtted

  • Figma kasutamine ja prototüübi tegemine

  • Prototüübi abil CSS koodi kättesaamine ja lehele kandmine

• JavaScripti sissejuhatus (8 ak t + 8 ak t iseseisvalt)

  • Muutujad ja nende tüübid

  • Muutujate tüüpide erinevad võimalused

  • Tingimuslaused

  • Konsooli välja logimine

• JavaScripti kasutamine HTML-is (16 ak t + 14 ak t iseseisvalt)

  • Muutuja väljakuvamine HTML-is

  • Andmete muutmine nii, et ka HTML-is toimuks muutus

  • Dünaamilise CSS võimalused läbi muutujate

  • HTML kadumine ja tagasi ilmumine sõltuvalt muutuja väärtusest

• Array'dega töötamine (8 ak t + 6 ak t iseseisvalt)

  • Sorteerimine

  • Filtreerimine

  • Kustutamine

  • Lisamine

  • Muutmine

• Objektidega töötamine (4 ak t + 4 ak t iseseisvalt)

  • Andmete kokkusidumine ühte objekti

  • Võtmete kasutamine

  • Läbi vormi andmete kokkusidumine

• Reacti kasutamiseks vajalikud teadmised (10 ak t + 8 ak t iseseisvalt)

  • JSX

  • Rendering

  • useState

  • useRef

  • useParams

  • API päringud

• Projekti üleslaadimine serverisse (4 ak t + 2 ak t iseseisvalt)

  • Firebase kasutamine

  • Käsurea oskuste rakendamine

  • Koodi üles laadimine serverisse

  • Serveris koodi uuendamine

Koolituse lõppedes koolitatav:

• teab HTML keele abil, kuidas veebilehel informatsiooni välja kuvada;
• teab CSS keele abil, kuidas veebilehte kujundada;
• on teadlik front-end arenduse tööprotseduuridest ja oskab neid rakendada;
• mõistab JavaScripti keele põhiteadmisi ja oskab Reactis andmeid dünaamiliselt välja kuvada;
• suudab koodi üles laadida pilve ning endale portfoolio ehitada.

Koolituse lõpus valmistab koolitatav koolitaja juhendamisel lõpp-projekti. Funktsionaalse ja töötava lõpp-projekti valmimisel ja koolitaja hinnangu edukal sooritamisel väljastatakse kursuse lõpetanule tunnistus.

Tõend väljastatakse õppijale, kui õpitulemusi ei saavutatud, kuid õppija võttis osa õppetööst. Tõend väljastatakse vastavalt osaletud kontakttundide arvule.

Õppemeetodid: interaktiivsed loengud, praktilised ja iseseisvad tööd ning õppevideod.

NB! Kõigile registreerunutele saadetakse tasuta monitor, et koolitust saaks jälgida ühelt ja kaasa kirjutada teiselt ekraanilt.