Top 25 pitanja i odgovora za intervjue web programera koje morate znati

Web programeri i dalje su traženi kako Internet nastavlja rasti. Međutim, da biste dobili posao, prvo morate proći razgovor s poslodavcem.

Iako veći timovi obično zapošljavaju front-end ili back-end programere, manji timovi i startupovi često će tražiti full-stack programere. Dakle, korisno je znati što više možete.

Slijedi popis od 25 najvažnijih pitanja za intervjue za web programere koje morate znati i njihovi odgovori koji će vam pomoći da se pripremite.

1. Koje su uloge HTML-a, JavaScripta i CSS-a u web razvoju?

HTML je kratica za HyperText Markup Language i to je standardni jezik za razvoj dokumenata za objavljivanje na webu. JavaScript i CSS su dodaci.

JavaScript je izvorno dizajniran kao programski jezik na strani klijenta, izvršava se u pregledniku kako bi proizveo više funkcionalnosti na web stranici. CSS je kratica za Cascading Style Sheets i koristi se za predstavljanje elemenata na ekranu.

2. Što je responzivni web dizajn

Responzivni web dizajn je pristup web razvoju koji ima za cilj stvoriti najbolje iskustvo za korisnika prilagodbom izgleda web stranice na temelju uređaja ili okruženja tog korisnika.

Cilj je da web stranica izgleda dobro na svim uređajima, a to podrazumijeva dinamičke promjene koje ili smanjuju ili povećavaju veličinu okvira i poravnavaju na temelju veličine zaslona ili orijentacije uređaja.

3. Koje su prednosti korištenja okvira?

Postoje mnoge prednosti korištenja okvira u razvoju web aplikacije. Glavni su sljedeći:

1. Lakši razvojni proces uz najbolju praksu.
2. Brži razvoj s početnim projektima štedi vrijeme.
3. Korištenje provjerenog koda.
4. Često pruža bolju sigurnost.
5. Štedi troškove, posebno kod većih projekata.

4. Što je JavaScript povratni poziv?

JavaScript povratni poziv je funkcija koja bi se trebala izvršiti nakon druge funkcije. Ime i argumenti funkcije povratnog poziva mogu se proslijediti kao argumenti prvoj funkciji, a prva funkcija također može proslijediti argumente interno funkciji povratnog poziva koji su rezultat njezinih izračuna.

Funkcije povratnog poziva najbolje se koriste s asinkronim funkcijama koje moraju čekati da druge funkcije prve završe s izvršenjem.

5. Objasnite lokalni i globalni opseg u JavaScriptu

Definirane varijable napisane su riječima i one imaju smisla samo u pravom kontekstu. Lokalni i globalni opseg odnosi se na ovaj kontekst definiranih varijabli. Globalna varijabla mora biti definirana izvan funkcije, dok su lokalne varijable definirane unutar funkcije.

Dakle, globalna varijabla ima globalni opseg, što znači da joj se može pristupiti s bilo kojeg mjesta u programu. Lokalna varijabla, međutim, ima lokalni opseg i to znači da joj se može pristupiti samo unutar funkcije.

6. Objasnite Z-indeks u CSS-u

Z-index je svojstvo elementa koje se koristi za definiranje redoslijeda snopa elementa. Redoslijed snopa odnosi se na sposobnost elementa da bude iza ili ispred drugih elemenata baš kao snop karata.

Elementi s višim redoslijedom hrpe pojavljuju se ispred elemenata s nižim redoslijedom hrpa. U ovom kontekstu, davanje elementu redoslijeda snopa od 2 ili 100 jamči da će se prikazati iznad svih ostalih na stranici. Slično tome, stranica bez navedenog redoslijeda snopa slagat će donje elemente iz izvora više od gornjih.

7. Što je Marquee u HTML-u?

Marque je oznaka spremnika u HTML-u koja se koristi za prikaz teksta koji se pomiče. Omogućuje vam kontrolu smjera pomicanja, kao i brzine. Međutim, Marquee je zastario u HTML5, pa vam se savjetuje da umjesto njega koristite CSS.

Primjer pomicanja s okvirom za izbor:

Tekst za pomicanje okvira

8. Navedite glavne načine za smanjenje vremena učitavanja stranice

Postoji mnogo koraka koje programer može poduzeti kako bi poboljšao vrijeme učitavanja stranice, a glavni su:

• Optimizirajte slike i smanjite njihovu veličinu
• Riješite se nepotrebnih widgeta
• Smanjite traženja na minimum
• Smjestite web stranicu na pristojnom hostu
• Koristite ubrzane mobilne stranice ili statične stranice
• Lijeno učitavanje slika
• Smanjite svoj kôd

9. Koje su razlike između Canvasa i SVG-a?

SVG je kratica za Scalable Vector Graphics i oznaka je element spremnika za stvaranje grafike, kao što su krug, okvir, elipsa itd. SVG možete mijenjati pomoću CSS-a ili JavaScripta, a to što je skalabilan znači da dobro radi za izlaze visoke razlučivosti.

The spremnik, s druge strane, temelji se na rasteru i nije skalabilan. Također se koristi za stvaranje grafike, ali se može mijenjati samo JavaScriptom. Ipak je učinkovitiji u rukovanju većim brojem objekata.

10. Kako se nula Razlikovati se od Nedefiniran?

Null je prikaz bez vrijednosti. Općenito se koristi kao držač položaja za inicijalizaciju definirane varijable kojoj nije dodijeljena stvarna vrijednost. Nedefinirano se, s druge strane, odnosi na definiranu varijablu koja nije inicijalizirana.

U JavaScriptu:

var varijablaA;

var varijablaB = null;

upozorenje(varijablaA); //prikazuje nedefinirano

upozorenje(varijablaB); //pokazuje nulu

11. Kako se ID razlikuje od klase?

ID i klasa dvije su metode identificiranja i rukovanja elementima u HTML dokumentu. Glavna razlika između to dvoje je, međutim, da ID mora biti jedinstven. Drugim riječima, dva elementa ne mogu dijeliti isti ID, ali dva ili više elemenata mogu dijeliti istu klasu.

ID se koristi za rukovanje određenim elementima, dok se klasa koristi za rukovanje grupom elemenata koji dijele jedno ili više zajedničkih svojstava.

12. Kako poboljšati sigurnosne značajke web stranice?

Nekoliko koraka koje možete poduzeti kako biste poboljšali sigurnost web stranice uključuju:

1. Provođenje jake politike zaporke. To znači provjeriti ima li odabrana lozinka više od 8 znakova i sadrži li brojeve, posebne znakove te velika i mala slova.
2. Korištenje captcha ili bilo koje mjere protiv robota.
3. Korištenje metoda provjere autentičnosti s dva ili više faktora kao što su OTP (jednokratne lozinke) i hardverski ključevi, gdje je to potrebno.
4. Korištenje glavnog računala s DDoS zaštitom i značajkama automatskog sigurnosnog kopiranja.

13. Kako se localStorage razlikuje od sessionStoragea?

Sustavi localStorage i sessionStorage omogućuju razvojnom programeru da pohranjuje podatke u web pregledniku. Međutim, localStoarage je postojan, dok sessionStorage nije. Drugim riječima, podaci pohranjeni u localStorage bit će dostupni u pregledniku tijekom više sesija, dok se podaci pohranjeni u sessionStorage brišu kada se kartica preglednika zatvori.

14. Navedite HTTP2.0 poboljšanja u odnosu na HTTP 1.1

HTTP/2 protokol objavljen je 2015. godine i nudi značajna poboljšanja, kao što su:

1. Bolja sigurnost korištenjem binarnog zapisa umjesto teksta.
2. Bolja izvedba.
3. Niža latencija.
4. Bolje rukovanje greškama.
5. Niže režije.

15. Koja je razlika između Git Pull i Git Merge?

Naredba git pull omogućuje vam preuzimanje sadržaja iz udaljenog repozitorija, a zatim ažurira vaše lokalno spremište preuzetim sadržajem.

Naredba git merge, s druge strane, omogućuje vam kombiniranje dvije odvojeno razvijene grane istog projekta. Naredba spajanja mora se izvesti iz grane u koju se želite spojiti, a to je obično glavna grana.

16. Kako se GET razlikuje od POST-a i PUT-a?

HTML GET metodu koristi preglednik za traženje informacija od poslužitelja, dok se metode POST i PUT koriste za slanje informacija iz preglednika na poslužitelj.

Ali dok POST zahtjev može jednostavno dodati podatke u resurs poslužitelja, PUT zahtjev se koristi za zamjenu resursa u cijelosti koristeći korisni teret zahtjeva.

17. Navedite najpopularnije formate za razmjenu podataka

Ovo su najpopularniji formati razmjene podataka do danas:

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

18. Navedite 3 vrste skočnih okvira

Skočni okviri u JavaScriptu koriste se za prikaz poruka korisniku, za traženje unosa, a ponekad i za oboje. Ovo su 3 vrste JavaScript skočnih prozora:

1. Okvir upozorenja – Ovo prikazuje vašu poruku i gumb 'OK'.
2. Okvir za potvrdu – Ovaj dijaloški okvir uključuje gumbe 'U redu' i 'Odustani' koji mogu utjecati na kôd.
3. Suflernica – Ovaj okvir uključuje okvir za unos teksta za prikupljanje informacija od korisnika.

19. Imenujte različite načine uključivanja CSS koda

Postoje 3 načina uključivanja CSS-a u HTML dokument. Oni su:

1. Vanjski CSS – Uključili ste .css dokument koristeći unutar dokumenta oznake.
2. Ugrađeni CSS – Uključujete CSS kod unutar oznake, bilo gdje u dokumentu.
3. Ugrađeni CSS – Koristite par style=”CSS-property: value” unutar svojih HTML oznaka, npr. PSquare!

20. Kako se prozor.onload Razlikuje se od document.onload?

Window.onload koristi se za izvršavanje JavaScript koda nakon što preglednik učita DOM stablo stranice i druge osnove, uključujući slike, CSS kod i skripte.

Iako se document.onload izvršava odmah nakon što je DOM spreman, to može značiti čak i prije nego što se učitaju slike i vanjske biblioteke.

21. Kako sakriti element pomoću CSS-a?

Možete sakriti HTML element koristeći 3 CSS metode, a to su:

1. Zaslon: nema; – Element se ne renderira niti prikazuje.
2. Vidljivost: skrivena; – Element je prikazan, ali nije prikazan.
3. Pozicija: Apsolutna; – Element se renderira i prikazuje, ali se nalazi izvan područja prikaza.

22. Koje su najbolje namjene za Ajax?

Ajax je metoda učitavanja podataka s poslužitelja u pozadini pomoću JavaScripta. Ima mnoge namjene, kao što su provjera valjanosti podataka, aplikacije za chat, komentari, filtriranje podataka, vizualno uređivanje, ankete i tako dalje.

23. Navedite neke nove značajke CSS3

CSS3 uključuje mnoge moderne i korisne značajke u odnosu na CSS2, kao što su:

1. Zaobljeni kutovi za okvire i slike.
2. Animacija objekata.
3. Varijable i funkcije za deklaracije.
4. Grid & Flexbox za responzivni dizajn.
5. Gradijenti za pozadinske boje.
6. Kontrola neprozirnosti pomoću rgba.
7. Efekt sjene za okvire i tekstove.
8. Prijelazi za lebdenje i fokusiranje na elemente.

24. Koje su nove vrste unosa uvedene u HTML5?

Vrsta unosa je vrijednost koju dajete ulaznom elementu u HTML dokumentu.

primjer je:

or

Nove vrste HTML5 unosa uključuju:

1. Datum
2. Boja
3. E-mail
4. Traži
5. Tel
6. Mjesec
7. Raspon brojeva
8. Mjesec
9. URL
10. Datum-vrijeme-lokalno

25. Opišite medijske elemente HTML5

HTML5 uključuje više oznaka elemenata za rukovanje vrstama medija i izvorima. Oni su:

• – za MP4, WebM i Ogg videozapise.
• – za definiranje više izvora u različitim formatima.
• – za MP3, Ogg i WAV audio.
• – spremnik za uključivanje vanjskih izvora od slika do videa i web stranica.
• – za određivanje zapisa titlova za video zapise.

Zaključak

Dolazeći do kraja našeg popisa od 25 najvažnijih pitanja za intervju s web programerima koje morate znati, možete vidjeti da je potrebna prilična kombinacija tehnologija da biste bili potpuni programer.

Iako je ovo vodič koji dotiče različite aspekte posla, on nipošto nije iscrpan. Dakle, na vama je da identificirate područja koja vam nisu jasna i zatim naučite.