JAVASCRIPT (Front-End) VAKARINIAI MOKYMAI

HTML

– Darbo aplinka.

– Kas yra HTML ir koks jo vaidmuo webe?

– Žymų sintaksė (elementai ir jų atributai).

– Internetinio tinklalapio struktūra (doctype, html, head, body, … žymos).

– Kodo tvarkingumo taisyklės. Komentarai.

– Antraštės.

– Paragrafai. Teksto formatavimas naudojant pastorinimą, pasvirimą, pabraukimą ir kitus formatavimo būdus.

– Nuorodos (absoliučios ir reliatyvios).
– Paveiksliukai. Jų įterpimas, dydžio reguliavimas, alternatyvaus teksto aprašymas, paspaudžiamo paveiksliuko padarymas.

– Lentelės. Lentelės kūrimas. Lentelės kraštai, eilės, langeliai, antraštiniai langeliai, langelių suliejimas.

– Sąrašai. Nerikiuoti ir rikiuoti sąrašai. Sąrašas sąraše / kelių lygių sąrašai.

– Formos. Formų paskirtis, aprašymas, laukeliai. Tekstiniai, skaičių, failų ir kiti laukelių tipai, jų atributai, panaudojimas.

– Naudingi teksto redaktoriaus papildiniai.

– Kiti HTML elementai.

Darbas su dizainu

– Šriftų, spalvų, paveiksliukų ir stiliaus ištraukimas iš dizaino su Figma/Adobe XD.

– UI/UX

CSS

– Kas yra CSS?

– Sintaksė (selektoriai, deklaracijos, parametrai ir reikšmės).

– Kodo tvarkingumas ir komentavimas.

– Selektoriai ir jų tipai.

– Kur ir kaip rašomas CSS kodas?
– Naršyklės programuotojų įrankis.

– Spalvos ir fonai, paveikslėlių ir kitų html elementų tvarkymas css pagalba.

– Teksto formatavimas. Šriftai, tekstų dydžiai, stiliai, storiai ir kiti formatavimo dalykai.

 – CSS dėžutės modelis (content, padding, border, margin).

– Elementų elgsena eilutėje (display).
– Elementų pozicionavimas (position).

– Prisitaikantis (responsive) tinklalapio išdėstymas (layout). Flexbox/CSS grid.

– Accessibility (navigacija naudojant klaviatūrą, spalvos ir kontrastas, pritaikyti žmonėms neskiriantiems arba prastai skiriantiems spalvas)

– Kiti CSS parametrai. CSS preprocesoriai.

CSS karkaso (framework) naudojimas

– Kas yra CSS karkasas? Kokie variantai (Bootstrap / Tailwind ir kt.) bei kuo jie gali būti naudingi?

– Kaip pasiruošti projektą, kad jis naudotų CSS framework?

JavaScript pagrindiniai programavimo principai

– Kas yra JavaScript?

– Kintamieji, funkcijos.

– Patikrinimo sąlygos (if, switch).

– Ciklai (for, while, do while, for…in, for…of, forEach).

– Masyvai, standartinės ES6+ funkcijos (filter, map, find ir kt.).

– DOM manipuliacija.

JavaScript kodo testavimas

– Įvadas. Kas yra testavimas. Testavimo tikslai. Ką, kada testuojame.

– Testavimo tipai. Kada kuriuos naudojame. Skirtingų tipų pranašumai.

– Komponentų testavimas (Unit testing).

– Integracijų testavimas (Integration testing).

– End-to-end (UI / Dom) testavimas.

– Regresinis testavimas.

– Testavimas Mock’inant funkcionalumus.

– Aplinkos paruošimas testavimui. Praktiniai pavyzdžiai.

ReactJS

– Įvadas į ReactJS: kas tai yra, kokie yra panaudojimo privalumai, veikimo principas, aplinkos paruošimas.

– Įvadas į JSX (panaudojimas, React, prototipai, kolekcijų tipai).

– React būsenos. Būsenų valdymas (state). Nekintamumo (immutability) principai.

– React gyvavimo ciklo (lifecycle) metodai.

– React interaktyvūs bei statiniai komponentai (stateful / stateless). Props.

– React klasių komponentai ir funkciniai komponentai.

– React hooks

Typescript

– Įvadas į TypeScript: kas tai yra, kokie yra panaudojimo privalumai, veikimo principas, aplinkos paruošimas.

– Kokia nauda rinktis TypeScript? Dinaminių ir statinių tipų kalbų palyginimas.

– Objektinio programavimo principai ir komponentai, prieinami TypeScript

(Abstrakčios klasės, Interface …).

– Kintamųjų tipų aprašymai.

– Struktūriniai tipai, duomenų struktūros „formos“ aprašymai (Structural types, index signatures).

– Praktiniai pavyzdžiai.

Baigiamojo darbo tikslinimas ir pristatymas Projekto tobulinimas ir baigiamojo projekto pristatymas.