Veebiarenduse põhialused: HTML, CSS, JavaScript

Koolituse läbinu:

• Mõistab kaasaegse veebirakenduse üldist arhitektuuri
• Tunneb veebirakenduste kolme komponenti - HTML-i, CSS-i ja JavaScripti ning teab, milleks üks või teine mõeldud on
• Oskab kirjutada HTML-i veebirakenduste arendamisel
• Suudab disainida lihtsamaid veebirakendusi CSS-i abil
• Mõistab responsive design-i põhimõtteid
• Oskab kirjutada algtasemel JavaScripti ning teab, kuidas seda tehes lisada veebilehele dünaamikat
• Tunneb asünkroonse programmeerimise aluseid ja teab, mida tähendavad terminid async, await, Promise
• Oskab kasutada Fetch API funktsionaalsust backend-süsteemist info küsimiseks ja muutmiseks

Koolituse eesmärk on tutvustada osalejale kaasaegse veebirakenduse kolme komponenti – HTML-i, CSS-i ja JavaScripti – millel baseerub kaasaegne veebirakenduste arhitektuur. Kursusel käsitletakse kolme eelpool nimetatut komponenti nii eraldiseisvatena, kui koostoimivatena.

Käsitletakse ka teemasid, mis seotud veebirakenduse kasutajakogemusega ning tutvustatakse responsive design‘i aluseid.

JavaScripti mooduli lõpus tehakse lühiülevaade Fetch API‘st, mille abil on võimalik veebileht panna suhtlema backend-süsteemidega.

Koolituse läbinu omandab baasteadmised sellistest teemadest, nagu HTML-veebileht, veebidisain ning oskab kahte eelnevat siduda JavaScripti programmeerimiskeelega.

Eelteadmised: Osalejalt ei nõuta eelnevaid veebirakenduse arendamise alaseid teadmisi-kogemusi, kuid eeldatakse, et õpilased tunnevad arvutit vähemalt tavakasutaja tasemel.

Programm:

Päev 1: HTML

• • Sissejuhatus, tutvumine
  • Veebiarhitektuuri ülevaade
  • Keskkonna ettevalmistamine
  • HTMLi põhialused
  • Semantiline HTML
  • HTML Vormid
  • HTML5 ja multimeedia elemendid

Päev 2: CSS

• • CSS-i põhialused
  • CSS Box Model
  • CSS Floats
  • Positsioneerimine
  • Sliding navigation harjutus & JavaScripti sissejuhatus

Päev 3: CSS Layout Systems & JavaScript

• • CSS Layout Systems (Flexbox)
  • Responsive design, CSS Media Queries
  • CSS Layout Systems (Grid)
  • JavaScripti ajalugu ja põhialused
  • Objektid, massiivid, tüüübid

Päev 4: JavaScript

• • Funktsioonid
  • Document Object Model (DOM) – HTML-iga manipuleerimine
  • Noolefunktsioonid
  • Harjutused (noolefunktsioonid)
  • Asünkroonne JavaScript ja Promise’d; Fetch API

Hind sisaldab:

• kohvipause koolituskeskuses ja ühiseid lõunasööke