25 populiariausi interneto kūrėjų interviu klausimai ir atsakymai, kuriuos būtina žinoti

Internetui augant, žiniatinklio kūrėjai ir toliau yra paklausūs. Tačiau norėdami gauti darbą, pirmiausia turite atlikti pokalbį su darbdaviu.

Nors didesnės komandos dažniausiai samdo arba priekinės, arba užpakalinės dalies kūrėjus, mažesnės komandos ir pradedančios įmonės dažnai renkasi visus kūrėjus. Taigi, naudinga žinoti kuo daugiau.

Toliau pateikiamas 25 populiariausių žiniatinklio kūrėjų interviu klausimų, kuriuos būtina žinoti, sąrašas ir jų atsakymai, padėsiantys jums pasiruošti.

1. Kokie yra HTML, JavaScript ir CSS vaidmenys kuriant internetą?

HTML reiškia „HyperText Markup Language“ ir tai yra standartinė kalba kuriant dokumentus, kuriuos galima skelbti internete. JavaScript ir CSS yra priedai.

„JavaScript“ iš pradžių buvo sukurta kaip kliento programavimo kalba, ji vykdoma naršyklėje, kad tinklalapyje būtų daugiau funkcijų. CSS reiškia Cascading Style Sheets ir yra naudojamas elementams pateikti ekrane.

2. Kas yra interaktyvus interneto dizainas

Responsive web dizainas – tai žiniatinklio kūrimo metodas, kuriuo siekiama sukurti geriausią patirtį vartotojui, pritaikant svetainės išvaizdą pagal to vartotojo įrenginį ar aplinką.

Siekiama, kad svetainė gerai atrodytų visuose įrenginiuose, o tai susiję su dinamiškais pokyčiais, kurie mažėja didėjant langelių dydžiams ir lygiavimui, atsižvelgiant į įrenginio ekrano dydį arba orientaciją.

3. Kokie yra karkaso naudojimo pranašumai?

Yra daug privalumų naudojant sistemą kuriant žiniatinklio programą. Pagrindiniai yra tokie:

1. Lengvesnis kūrimo procesas naudojant geriausią praktiką.
2. Spartesnis vystymas su pradedančiais projektais taupo laiką.
3. Išbandyto kodo naudojimas.
4. Dažnai užtikrina didesnį saugumą.
5. Sutaupoma išlaidų, ypač vykdant didesnius projektus.

4. Kas yra „JavaScript“ atgalinis skambutis?

„JavaScript“ iškvietimas yra funkcija, kuri turėtų būti vykdoma po kitos funkcijos. Atšaukimo funkcijos pavadinimas ir argumentai gali būti perduoti kaip argumentai pirmajai funkcijai, o pirmoji funkcija taip pat gali perduoti argumentus atgalinio skambinimo funkcijai, kurie yra jos skaičiavimų rezultatas.

Atgalinio iškvietimo funkcijas geriausia naudoti su asinchroninėmis funkcijomis, kurios turi palaukti, kol kitos funkcijos pirmą kartą baigs vykdyti.

5. „JavaScript“ paaiškinkite vietinę ir visuotinę taikymo sritį

Apibrėžti kintamieji rašomi žodžiais ir jie turi prasmę tik tinkamame kontekste. Vietinė ir visuotinė apimtis reiškia šį apibrėžtų kintamųjų kontekstą. Visuotinis kintamasis turi būti apibrėžtas už funkcijos ribų, o vietiniai kintamieji – funkcijos viduje.

Taigi visuotinis kintamasis turi visuotinę apimtį, o tai reiškia, kad jį galima pasiekti iš bet kurios programos vietos. Tačiau vietinis kintamasis turi vietinę taikymo sritį, o tai reiškia, kad jį galima pasiekti tik iš funkcijos.

6. Paaiškinkite Z indeksą CSS

z indeksas yra elemento ypatybė, naudojama elemento krūvos tvarkai apibrėžti. Krūvos tvarka reiškia elemento galimybę būti už kitų elementų arba prieš juos, kaip ir kortelių krūva.

Elementai su didesne krūvos tvarka rodomi prieš elementus, kurių krūvos tvarka mažesnė. Šiame kontekste elementui suteikus krūvos eilę 2 arba 100 garantuojama, kad jis bus rodomas virš visų kitų puslapyje. Panašiai puslapyje be nurodytų krūvos užsakymų apatiniai šaltinio elementai bus sukrauti aukščiau nei viršutiniai.

7. Kas yra Marquee HTML?

„Marque“ yra HTML konteinerio žyma, naudojama slenkančiam tekstui rodyti. Tai leidžia valdyti slinkties kryptį ir greitį. Tačiau „Marquee“ HTML5 nebenaudojama, todėl patariama vietoj jos naudoti CSS.

Slinkimo su palapine pavyzdys:

Marquee slinkimo tekstas

8. Išvardykite pagrindinius būdus, kaip sutrumpinti puslapio įkėlimo laiką

Yra daug žingsnių, kurių kūrėjas gali imtis, kad pagerintų puslapio įkėlimo laiką. Pagrindiniai iš jų yra šie:

• Optimizuokite vaizdus ir sumažinkite jų dydį
• Atsikratykite nereikalingų valdiklių
• Sumažinkite peržiūras iki minimumo
• Priglobkite svetainę tinkamame priegloboje
• Naudokite „Accelerated Mobile Pages“ arba statines svetaines
• Tingi įkelti vaizdai
• Sumažinkite savo kodą

9. Kuo skiriasi Canvas ir SVG?

SVG reiškia Scalable Vector Graphics ir žyma yra konteinerio elementas, skirtas kurti grafinius elementus, pvz., apskritimą, langelį, elipsę ir pan. Galite modifikuoti SVG naudodami CSS arba JavaScript, o tai, kad jis keičiasi, reiškia, kad jis gerai veikia didelės raiškos išvestyje.

The Kita vertus, konteineris yra rastrinis ir nėra keičiamas. Jis taip pat naudojamas kuriant grafiką, bet yra modifikuojamas tik naudojant „JavaScript“. Tačiau jis yra efektyvesnis tvarkant didesnį objektų skaičių.

10. Kaip veikia Null Skiriasi nuo Undefined?

Nulis yra bevertis vaizdas. Paprastai jis naudojamas kaip vietos laikiklis, norint inicijuoti apibrėžtą kintamąjį, kuriam nebuvo priskirta tikroji reikšmė. Kita vertus, neapibrėžtas reiškia apibrėžtą kintamąjį, kuris nebuvo inicijuotas.

„JavaScript“:

kintamasisA;

var kintamasisB = null;

įspėjimas(kintamasisA); //rodo neapibrėžtą

įspėjimas(kintamasisB); //rodo nulį

11. Kuo ID skiriasi nuo klasės?

ID ir klasė yra du būdai identifikuoti ir tvarkyti elementus HTML dokumente. Tačiau pagrindinis skirtumas tarp šių dviejų yra tas, kad ID turi būti unikalus. Kitaip tariant, du elementai negali turėti to paties ID, bet du ar daugiau elementų gali turėti tą pačią klasę.

ID naudojamas konkretiems elementams tvarkyti, o klasė – elementų grupei, kuriai būdingas vienas ar daugiau bendrų bruožų.

12. Kaip pagerinti svetainės saugos funkcijas?

Keletas žingsnių, kurių galite imtis norėdami pagerinti svetainės saugumą, yra šie:

1. Stiprios slaptažodžių politikos vykdymas. Tai reiškia, kad reikia patikrinti, ar pasirinktas slaptažodis turi daugiau nei 8 simbolius ir jame yra skaitmenų, specialiųjų simbolių ir didžiųjų bei mažųjų raidžių.
2. „Captcha“ arba bet kurios anti-bot priemonės naudojimas.
3. Jei reikia, naudojami 2 arba kelių veiksnių autentifikavimo metodai, tokie kaip vienkartiniai slaptažodžiai (vienkartiniai slaptažodžiai) ir aparatinės įrangos raktai.
4. Prieglobos su DDoS apsauga ir automatinio atsarginio kopijavimo funkcijomis naudojimas.

13. Kuo „localStorage“ skiriasi nuo „sessionStorage“?

„LocalStorage“ ir „sessionStorage“ sistemos leidžia kūrėjui saugoti duomenis žiniatinklio naršyklėje. Tačiau „localStoarage“ yra nuolatinis, o „sessionStorage“ ne. Kitaip tariant, vietinėje saugykloje saugomi duomenys bus pasiekiami naršyklėje per kelis seansus, o sesijos saugykloje saugomi duomenys ištrinami uždarius naršyklės skirtuką.

14. Išvardykite HTTP2.0 patobulinimus per HTTP 1.1

HTTP/2 protokolas buvo paskelbtas 2015 m. ir siūlo reikšmingų patobulinimų, tokių kaip:

1. Geresnis saugumas naudojant dvejetainį, o ne tekstą.
2. Geresnis našumas.
3. Mažesnis delsimas.
4. Geresnis klaidų valdymas.
5. Žemesnės pridėtinės išlaidos.

15. Kuo skiriasi „Git Pull“ ir „Git Merge“?

Komanda „git pull“ leidžia atsisiųsti turinį iš nuotolinės saugyklos, tada ji atnaujina jūsų vietinę saugyklą atsisiųstu turiniu.

Kita vertus, komanda „git merge“ leidžia sujungti dvi atskirai sukurtas to paties projekto šakas. Sujungimo komanda turi būti vykdoma iš šakos, į kurią norite sujungti, ir dažniausiai tai yra pagrindinė šaka.

16. Kuo GET skiriasi nuo POST ir PUT?

HTML GET metodą naršyklė naudoja prašydama informacijos iš serverio, o POST ir PUT metodai naudojami informacijai iš naršyklės siųsti į serverį.

Tačiau nors POST užklausa gali tiesiog pridėti duomenis prie serverio išteklių, PUT užklausa naudojama norint visiškai pakeisti išteklius naudojant užklausos naudingąją apkrovą.

17. Išvardykite populiariausius duomenų mainų formatus

Čia yra populiariausi duomenų mainų formatai:

1. XML
2. YAML
3. CSV
4. JSON
5. HTTP
6. SQL

18. Išvardykite 3 iššokančiųjų langelių tipus

„JavaScript“ iššokantys langai naudojami pranešimams vartotojui rodyti, įvesties užklausai ir kartais abiem atvejais. Štai 3 „JavaScript“ iššokančiųjų langų tipai:

1. Įspėjimo dėžutė – Bus rodomas jūsų pranešimas ir mygtukas „Gerai“.
2. Patvirtinkite langelį – Šiame dialogo lange yra mygtukai „Gerai“ ir „Atšaukti“, kurie gali turėti įtakos kodui.
3. Raginimo dėžutė – Šiame lange yra teksto įvesties laukelis informacijai iš vartotojo rinkti.

19. Pavadinkite skirtingus būdus, kaip įtraukti CSS kodą

Yra 3 būdai, kaip įtraukti CSS į HTML dokumentą. Jie yra:

1. Išorinis CSS – Įtraukiate .css dokumentą naudodami dokumento viduje žymės.
2. Įterptasis CSS – Įtraukiate CSS kodą viduje žymas bet kurioje dokumento vietoje.
3. Įterpta CSS – Savo HTML žymose naudojate porą style=”CSS-property: value”, pvz. PSquare!

20. Kaip veikia langas.atsiuntimas Ar skiriasi nuo document.onload?

Window.onload naudojamas JavaScript kodui vykdyti, kai naršyklė įkelia puslapio DOM medį ir kitus pagrindus, įskaitant vaizdus, ​​CSS kodą ir scenarijus.

Nors document.onload vykdomas iškart po to, kai DOM yra paruoštas, tai gali reikšti net prieš įkeliant vaizdus ir išorines bibliotekas.

21. Kaip paslėpti elementą naudojant CSS?

Galite paslėpti HTML elementą naudodami 3 CSS metodus, jie yra:

1. Ekranas: nėra; – Elementas nei atvaizduojamas, nei rodomas.
2. Matomumas: paslėptas; – Elementas pateikiamas, bet nerodomas.
3. Pozicija: Absoliutus; – Elementas atvaizduojamas ir rodomas, bet yra už rodymo srities.

22. Kokie yra geriausi „Ajax“ naudojimo būdai?

Ajax yra duomenų įkėlimo iš serverio fone metodas naudojant JavaScript. Jis gali būti naudojamas daugeliu atvejų, pvz., duomenų patvirtinimas, pokalbių programos, komentarai, duomenų filtravimas, vaizdinis redagavimas, apklausos ir pan.

23. Išvardykite keletą naujų CSS3 funkcijų

CSS3 apima daug modernių ir naudingų CSS2 funkcijų, tokių kaip:

1. Suapvalinti kampai dėžėms ir vaizdams.
2. Objektų animacija.
3. Deklaracijų kintamieji ir funkcijos.
4. Grid & Flexbox jautriam dizainui.
5. Fono spalvų gradientai.
6. Nepermatomumo valdymas naudojant rgba.
7. Šešėlių efektas dėžutėms ir tekstams.
8. Užveskite pelės žymeklį ir sutelkite dėmesį į elementus perėjimai.

24. Kokie nauji įvesties tipai buvo pristatyti HTML5?

Įvesties tipas yra reikšmė, kurią suteikiate įvesties elementui HTML dokumente.

Pavyzdys yra:

or

Nauji HTML5 įvesties tipai apima:

1. Data
2. Spalva
3. El.pašto adresas
4. Paieška
5. Toks
6. Mėnuo
7. Skaičių diapazonas
8. Mėnuo
9. URL adresas
10. Data laikas-vietinis

25. Apibūdinkite HTML5 medijos elementus

HTML5 apima daugiau elementų žymų, skirtų medijos tipams ir šaltiniams tvarkyti. Jie yra:

• – MP4, WebM ir Ogg vaizdo įrašams.
• – apibrėžti kelis šaltinius skirtingais formatais.
• – MP3, Ogg ir WAV garsui.
• – konteineris, skirtas įtraukti išorinius išteklius nuo paveikslėlių iki vaizdo įrašų ir tinklalapių.
• – nurodyti vaizdo įrašų subtitrų takelius.

Išvada

Pasiekę 25 populiariausių žiniatinklio kūrėjų interviu klausimų, kuriuos privalote žinoti, sąrašo pabaigą, galite pastebėti, kad norint būti visapusišku kūrėju, reikia daugybės technologijų.

Nors tai vadovas, kuriame aptariami įvairūs darbo aspektai, jis jokiu būdu nėra išsamus. Taigi, jūs turite nustatyti sritis, kurios jums neaiškios, ir tada mokytis.