Interneto Egzas
Studied by 4 people
Call Kai
Learn
Practice Test
Spaced Repetition
Match
Flashcards
Knowt Play1/65
There's no tags or description
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai |
|---|
No study sessions yet.
66 Terms
Kas yra karkasas?
programinės įrangos paketas su bibliotekomis, kuris palengvina pasikartojančių užduočių atlikimą ir suteikia pagrindinę struktūrą projektui.
Kokias galimybes web kūrėjams suteikia CSS karkasai? CSS karkasų privalumai ir trūkumai
taupo laiką, suteikia standartizuotą kodą ir UI komponentus
bet perteklinis kodas, daug klasių HTML’e, galimi dizaino pokyčiai atnaujinant
Trys populiariausi CSS karkasai
Bootstrap, Bulma, Foundation, MaterializeCSS, UIkit
Bootstrap 4 ypatumai
Responsive dizainas, „mobile-first“ principas, gera dokumentacija, lengvas naudojimas
Kaip galima įtraukti Bootstrap 4 į projektą?
galima atsisiusti lokaliai arba itraukti is CDN
Kokie konteineriai sukuriami naudojant .container ir .container-fluid?
.container sukuria fiksuoto pločio prisitaikantį konteinerį, .container-fluid – viso ekrano pločio konteinerį
W3.CSS ypatumai
lengvas, greitas CSS karkasas, nenaudojantis JavaScript ar jQuery, palaikantis responsive dizainą ir nemokamas
Kokie tinklalapiai vadinami dinaminiais?
reaguojantys į vartotojo veiksmus ir keičia turinį be puslapio perkrovimo
Ar yra skirtumas tarp ECMAScript 6 ir JavaScript?
ECMAScript - JavaScript standartas, JavaScript - realizacija
Kokie raktiniai žodžiai naudojami kintamiesiems JavaScript?
var, let, const.
Nuo ko priklauso kintamojo tipas JavaScript?
nuo jam priskirtos reikšmės
var, let ir const deklaravimo taisyklės
var – funkcijos lygio, galima naudoti uz ribu, let ir const – bloko lygio, negalima naudoti uz bloko ribu, const reikšmė negali būti perrašyta
Kas yra objektai ir masyvai JavaScript?
Objektai – reiksmiu, su vardais, rinkinys. Gali buti bet kuriu tipu, kuriuos palaiko JS, turi varda ir duomeni. Veikia kaip kintamasis, galima isrinkti savybes.
Masyvai - surusiuotas reiksmiu rinkinys. Kiekviena reiksme yra elementas, turi savo pozicija - indeksa. Rinkinys be tipu, elementai gali buti bet kokio tipo
eval(), isNaN(), Number() paskirtis
eval() naudojama matematiniams reiskiniams apskaicciuoti (vykdo teksta kaip koda “x+x”)
isNaN() tikrina ar reikšmė nėra skaičius, grazina true arba false
Number() konvertuoja objekto argumenta į skaičių
Kaip pakeisti operatorių vykdymo tvarką JavaScript?
Naudojant skliaustus
Sąlygos ir ciklo operatoriai
if, else, switch, for, while, do while
Kaip galima įtraukti JavaScript į HTML?
Inline, <script> arba per isorini .js faila
<script> atributų paskirtis async
asinchroninis vykdymas, nurodo narsyklei kad vykdyti koda fone, nestabdant puslapio krovimo
Išorinių JavaScript failų privalumai
Geresnė kodo struktūra, tas pats kodas panaudojamas skirtinguose tinklapiuose, greitesnis puslapio krovimas, palengvina HTML ir JS skaityma ir prieziura
Kas yra window objektas?
pagrindinis JS funkciju ir API prieigos taskas, naršyklės langą reprezentuojantis objektas
location savybės
nuoroda i objekta, zymi tame lange rodomo dokumento URL
kitos savybes - href, pathname, protocol, port, search
Pranešimų langų tipai
alert, confirm, prompt.
alert - pranesimo langas
confirm - pranesimas su patvirtinimu/atsaukimu
prompt - pranesimas su ivedimu
Ar būtina naudoti window apibrėžiant pranešimo langą?
Ne, galima naudoti ir tiesiogiai, be jokiu objektu
Kas yra įvykis JavaScript?
veiksmas kuri naudotojas atlieka su tam tikru elementu
Kas yra DOM?
Document Object Model – standartizuota programine sasaja, leidžianti JS ar kitom kalbos kodams saveikauti su HTML dokumento elementais
Kuo remiasi dinaminis HTML?
DOM , leidziantis valdyti HTML objektus ir ju savybes
Ką apibrėžia HTML DOM?
tipine objektu aibe HTML dokumentams
Kas yra HTML DOM metodai ir savybės?
veiksmai kuriuos galima atlikti su HTML elementais
HTML elementu reiksmes, kurias galima nustatyti, gauti ar pakeisti
HTML DOM struktūra ir mazgai
medžio struktūra - aukščiausias mazgas – document → root → element <head> ir element <body>, toliau tingiu rasyt
Elementų paieškos metodai
getElementById, getElementsByName, getElementsByTagName, getElementsByClassName, querySelector, querySelectorAll.
innerHTML paskirtis
Keičia arba grąžina HTML elemento turini kaip eilute
write() metodas
Isveda elemento turinį į dokumentą vykdymo metu
createElement ir susiję metodai
Sukuria ir iterpia nauja elementa i HTML DOM
value savybės naudojimas
Gauna įvesties laukų reikšmę
Kaip pakeisti HTML elemento stilių?
naudoti .style elemento atributa
document.getElementById(id).style.color=”blue”;
Kas yra JSON?
lengvas tekstinis duomenų apsikeitimo formatas
Ar JSON yra JavaScript objektas?
Is dalies.
Tai yra nepriklausomas nuo kalbos tekstinis duomenu formatas, bet jis yra sukurtas remiantis JS objekto savybemis
JSON.parse() ir JSON.stringify()
Konvertuoja JSON į JS objektą ir JS objektą į JSON eilute
Kas sudaro MEAN, MEVN, MERN?
Visur javascript
MEAN – MongoDB, Express, Angular JS, Node.js
MEVN – MongoDB, Express, Vue.js, Node.js
MERN – MongoDB- Express, React, Node,js
Kam skirtas Express.js?
Kurti API ir CRUD operacijas ziniatinklio ir mobiliuju programu kurime
Node.js privalumai ir trūkumai
Didesnis nasumas, asinchroninis modelis, efektyvus daugelio uzklausu tvarkymas
Nera optimalu procesoriu reikalaujancioms operacijoms, sudetingi skaiciavimai gali uzblokuoti serveri
NPM paskirtis
Node Package Manager - valdo paketus ir priklausomybes Node.js aplinkoje
npm komandos
npm init, npm install, npm start, npm run, npm test
Kas yra NPM paketas ir modulis
Paketas – programų rinkinys, modulis – kodo dalis
MongoDB tipas
dokumentinė NoSQL duomenų bazė, fokusuojasi i efektyvuma, ispleciamuma i daugeli serveriu
Kam skirta React biblioteka?
Vartotojo sąsajų kūrimui naudojant komponentus, reikalaujant maziau kodo nei su JS
Kodėl React populiari?
Lengvai suprantama, didele biblioteka, lengva testuoti, didele bendruomene
Kas yra JSX?
JavaScript sintaksės plėtinys UI aprašymui, kuria React “elementus”
Kas yra React komponentas?
pernaudojami UI elementai, galima isskaidyti i gabaliukus, skirstomi i klases ir funkciju
Hooks paskirtis
Leidžia naudoti React būsenas ir gyvavimo ciklą funkciniuose komponentuose, neveikia klasese
Virtualaus DOM paskirtis
Optimizuoja atvaizdavimą.
Skirtumas tarp DOM ir virtualaus DOM
Virtualus DOM yra kopija atmintyje, DOM – realus dokumentas. Virtualus greitesnis, nes nekeicia dokumento isvaizdos
Kas yra API?
Programų programavimo sąsaja duomenų apsikeitimui tarp kitu programu/sistemu
API nauda
Leidzia automatizuoti procesus, sumazina rankini darba, galimybe integruoti treciuju saliu paslaugas. Palengvina skirtingu sistemu tarpusavio saveika. Greitesnis vystymas, nes nereikia gilintis i vidaus sistemos veikima, tad galima greiciau kurti funkcijas/paslaugas. Geresnis duomenu pasiekimas, islaidu mazinimas.
SOAP, REST, GraphQL API
SOAP (Simple Object Access Protocol) - keiciasi informacija per tinkla tarp skirtingu sistemu
REST (Representational state transfer) – naudojamas HTTP, duomenys reprezentuojami skirtingais formatais (XML, JSON) ir kliento busena perduodama API uzklausa
GraphQL – API uzklausu kalba, skirstoma i tipus o ne i prieigos taskus (kaip REST), struktura panasi i grafa
HTTP metodai
GET, POST, PUT, DELETE, CONNECT, PATCH
HTTP būsenų kodai
1xx informacija
2xx sėkmė
3xx peradresavimas
4xx kliento klaida
5xx serverio klaida
Kam skirtas Lighthouse?
Žiniatinklio sistemos audito įrankis
Lighthouse kategorijos
Performance (nasumas), Accessibility (prieinamumas), Best Practices (gerosios praktikos), SEO
Kam skirti CSS preprocesoriai?
irankiai plesti iprasta CSS funkcionaluma, padeda rasyti geriau organizuota, lengviau valdoma CSS koda
CSS preprocesorių pavyzdžiai
Sass, LESS specifiniai formatai
$primary-color: blue;
$padding: 15px;
Ar naršyklės supranta preprocesorių kodą?
Ne, turi būti kompiliuojamas į CSS
CSS preprocesorių privalumai ir trūkumai
Leidzia dalinti koda i mazesnius modulius/failus, uztikrintas suderinamumas su senesnemis narsyklemis
Priklausomybe nuo kompiliavimo i standartini CSS, kodo kompiliavimui didesniuose projektuose gali prireikti daugiau laiko ir resursu
CORE DOM
apibrezia tipine objektu aibe bet kuriam strukturizuotam dokumentui
XML DOM
isplestine zymiu kalba, apibrezianti tipine objektu aibe dokumentams
Kas yra Node.js?
JS vykdymo aplinka, skirta vykdyti JS uz narsykles ribu
Note 
Flashcards (26)