ILGIEJI JAVASCRIPT (FULL-STACK) MOKYMAI

HTML

• Darbo aplinka.
• Kas yra HTML ir koks jo vaidmuo internetiniuose tinklalapiuose?
• Ž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.

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.

Darbas su dizainu

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

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 karkasą?
• Karkaso naudojimas projekte.

CSS preprocesoriaus naudojimas

• Kokie yra CSS preprocesoriai (Sass, LESS)? Kuo jie skiriasi?
• Projekto pasiruošimas, kad naudotų preprocesorių.
• Preprocesoriaus naudojimas.

Kodo versijavimas (Git)

• Kas yra kodo versijavimas? Kaip kodas yra versijuojamas? Kodėl to reikia?
• Lokali (local) ir nutolusi (GitHub, Gitlab, …) Git repozitorija.
• Git naudojimas (git add, git commit, git push, …).
• Git šakos (branches), darbas komandoje.

JavaScript pagrindiniai programavimo principai

• Kas yra JavaScript?
• Darbo aplinka.
• Kintamieji.
• Aritmetiniai veiksmai.
• Patikrinimo sąlygos (if, switch, loginiai patikrinimo operatoriai and, or ir not).
• Ciklai (for, while, for…in, for…of, forEach).
• Masyvai.
• Objektai.
• Funkcijos.
• Standartinės ES6+ funkcijos (filter, map, find ir kt.).
• Užklausų vykdymas, darbas su API (callbacks, async, promises, …).

JavaScript DOM manipuliacija

• Elementų paėmimas (getElementById, querySelector, …).
• Vaikščiojimas per HTML medį (previousElementSibling, nextElementSibling, …).
• HTML turinio gavimas ir atnaujinimas (innerText, textContent, innerHTML, …).
• Reagavimas į įvykius (onclick, onmouseenter, …).
• Naujo HTML turinio sukūrimasir įdėjimas į DOM (createElement, appendChild, innerHTML, …).
• Stiliaus keitimas (style, cssText).
• Darbas su HTML/CSS klasėmis (classList.add, classList.remove, …).

JavaScript testavimas

• Įvadas. Kas yra testavimas. Testavimo tikslai. Ką, kada testuojame.
• Testavimo tipai. Kada kuriuos naudojame. Skirtingų tipų pranašumai.
• Vienetų testavimas (Unit testing).
• Integracijų testavimas (Integration testing).
• End-to-end testavimas.
• Regresinis testavimas.
• Testavimas Mock’inant funkcionalumus.
• Aplinkos paruošimas testavimui. Praktiniai pavyzdžiai.

React pagrindiniai principai

• Į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.
• React routing.
• HTTP/HTTPS užklausų vykdymas į API.

React testavimas

• Vienetų testavimas (Unit testing).
• Integracijų testavimas (Integration testing).
• End-to-end testavimas.
• Aplinkos pasiruošimas testavimui.
• Projekto testavimas aprašant testus.

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.

Naudojamų bibliotekų valdymas (NPM – Node Package Manager)

• Kas yra NPM? Kuo jis naudingas?
• Kaip projekte diegti, atnaujinti, trinti įvairias bibliotekas ir įrankius?
• Kaip projektą versijuoti ar perkelti į kitą kompiuterį/serverį, jeigu projekte yra naudojamas NPM?

Procesų automatizavimo įrankiai (Webpack/Gulp/…)

• Kas yra procesų automatizavimo įrankiai (Webpack/Gulp/…)? Kuo jie naudingi? Ką gali padėti? Kur naudojami?
• Automatizavimo įrankio susikonfigūravimas projekte, kad būtų galima apdoroti HTML failus, CSS preprocesorius, JavaScript failus, suspausti nuotraukas ir kt.

Node.js

• JavaScript kodo vykdymas.
• Serverio pasiruošimas, reagavimas į HTTP/HTTPS užklausas ir kt.
• Darbas su kompiuterio failų sistema.
• Kitos Node.js galimybės.

Express.js

• Kas yra Express.js?
• Aplinkos pasiruošimas.
• API kūrimas su Express.js.

Duomenų bazės (MongoDB)

• Kas yra duomenų bazės? Jų tipai.
• MongoDB duomenų bazės struktūra.
• Aplinkos pasiruošimas.
• MongoDB kolekcijos, darbas su jomis.
• Darbas su duomenimis (įrašų kūrimas, atnaujinimas, šalinimas, peržiūra) (užklausos).

Reikalavimai programinei įrangai

• Apie reikalavimus.
• Funkciniai ir nefunkciniai reikalavimai.
• Panaudos atvejų diagrama.
• Vartotojo istorija (User story).

Agile ir Scrum

• Kas yra projektų valdymas?
• Klasikinė (Waterfall) vs Agile metodologija.
• Agile manifestas.
• Scrum metodologija ir rolės.
• Scrum ceremonijos.
• IT projektų žargonas.
• Projektų valdymo įrankiai.

Projekto talpinimas serveryje (deployment)

• Kaip yra atliekamas projektų talpinimas (deployment)?
• Kas yra CI/CD?
• Projektų talpinimas serveryje.

Galutinis egzaminas / projektas