top 25 web developer interview questions
Ta vadnica vsebuje nabor pogostih vprašanj Vprašanja in odgovori za razgovore za spletne razvijalce za razvijalce spletnih strani za junior in senior:
Za marketinško skupino je bistvenega pomena, da ustvari zanesljivo spletno prisotnost, oglaševanje svojih izdelkov in storitev svojim potencialnim strankam, spremljanje in zagotavljanje poprodajnih storitev obstoječim strankam.
Spletne aplikacije so zgrajene z namenom, da so globalno dostopne, prepoznane in ponujajo svoje izdelke in storitve na mednarodnem trgu.
b + drevo vs b drevo
Za izdelavo spletnih aplikacij je obvezno poglobljeno znanje označevalnih jezikov, kot so HTML5, kaskadni slog CSS3, JavaScript in knjižnice JS za interakcije uporabnikov, za obdelavo elementov DOM, za preverjanje vnosov odjemalcev in za dinamičnost in odzivne spletne strani.
Kaj se boste naučili:
Kaj je spletni razvoj
Spletni razvoj se nanaša na delo, povezano z izdelavo in vzdrževanjem spletnih strani in spletnih aplikacij, kot so spletna spletna mesta za e-trgovino, Amazon, Flipkart, eBay itd., In spletna mesta za socialna omrežja, kot so Facebook, LinkedIn, Instagram in Twitter.
Sem spada tudi delo pri izdelavi spletnih strani za železnice, banke in vsa pomembnejša vladna spletna mesta za oddajanje informacij in ozaveščanje.
Ozaveščanje javnosti in izobraževanje prek novic prek programov za spletne konference Skype, Zoom, GoToMeeting. Zagotovite spletno zabavo prek spletnih serij, kot so Netflix, Amazon Prime, MX predvajalnik itd. Izobražujte študente, vodite sestanke, da nagovarjate stranke in ekipe prek geografskih meja.
Zdaj pa preidimo na najpogostejša vprašanja za razgovore za spletne razvijalce za razgovore za mlajše in starejše.
Pogosta vprašanja o intervjuju za spletne razvijalce
V # 1) Pojasnite delovanje brskalnika.
Odgovor: Brskalnik ponuja različne funkcije. Ti so naslednji:
- Pomaga pri dostopu do strani HTML in vseh spletnih elementov, ki se uporabljajo v spletnih aplikacijah, pa tudi spletnih mestih, in prikaže odgovore drugih mest kot odgovor na zahteve.
- Omogoča spletno iskanje spletnega mesta, ki vas zanima, tako da v naslovno vrstico vnesete URL ali spletni naslov in si ogledate odziv s katerim koli iskalnikom.
- Navigacijski kontrolniki se uporabljajo za vrnitev na nedavno odprte strani s klikom na gumb za nazaj in gumb za naprej, da se premaknete naprej.
- Zgodovina beleži obiskane kraje v kronološkem vrstnem redu. Omogoča zapomnitev ali zaznamke spletnih mest, ki vas zanimajo, za poznejše napotitve ali raziskovanje. Prav tako shrani predhodno obiskana spletna mesta v obliki predpomnilnika in poskrbi, da jih obiskovalci prepoznajo, kar omogoča hitrejši dostop do teh spletnih mest.
- Upravlja gesla za pogosto uporabljena spletna mesta, ki zahtevajo preverjanje pristnosti, in v večini primerov obdrži uporabnike, ki so že prijavljeni v račun.
- Omogoča dostop do različnih spletnih mest, izmenjavo informacij prek klicev API, komunikacijo prek e-pošte, podatkov in programske opreme za skupno rabo predstavnostnih datotek.
Primer brskalnikov: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
V # 2) Pojasnite HTML 5, CSS3, JavaScript in njihov pomen pri spletnem razvoju.
Odgovor:
- HTML je neodvisen označevalni jezik od platforme in brskalnika z vrsto oznak, ki zagotavljajo strukturo spletne strani.
- CSS s slogom izboljša postavitev strani in njeno vsebino.
- JavaScript nadzoruje vedenje spletnih elementov in s tem naredi vaše spletno mesto interaktivno / odzivno, potrdi uporabniške vrednosti uporabnika, zajame informacije o obiskovalcih spletnega mesta in prepozna prejšnje obiskovalce, pomaga pri analizi odstotka razmerja med prikazi in kliki obiskovalcev.
V # 3) Kaj razumete v okviru Framework?
Odgovor: Framework je struktura, ki zagotavlja platformo za ustvarjanje aplikacij. Gre za zbirko podobnih vrst datotek, ki so postavljene tako, da so konfigurirane za medsebojno povezavo / integracijo.
Primer: Okvir API, ki vsebuje dobro preizkušene, vnaprej napisane in prevedene razrede za izvajanje skupnih funkcij, kot so funkcija nalaganja datotek, branje vsebine datotek, poročila v PDF-ju in podobni formati, integrirani z njihovo spletno aplikacijo.
V # 4) Kaj je knjižnica s kontekstom spletnega razvoja?
Odgovor: Knjižnica je zbirka kode, ki je preizkušena in zasnovana za pričakovane funkcionalnosti, ki so jih razvili razvijalci, in so na voljo v skladiščih. Spletni razvijalci lahko te knjižnice integrirajo in uporabljajo njihove funkcije, namesto da bi izumljali kodo, da bi od začetka dosegli enako funkcionalnost.
V svoji aplikaciji lahko uporabite knjižnici iText in Apache FOP za pomoč pri izvozu podatkov v datotekah v obliki PDF.
V # 5) Kateri so razlogi za zamrznitev brskalnika?
Odgovor: Če želite ugotoviti osnovni vzrok in odpraviti pogoste težave z zamrznitvijo brskalnika, sledite spodnjim korakom:
Tukaj obravnavamo Google Chrome kot privzeti brskalnik.
- Preverite katero koli težavo, povezano z internetom: Kliknite ikono Okna (Start) -> Izberite Nadzorna plošča -> Pod Omrežje in internet -> Kliknite Ogled stanja in nalog omrežja -> Preveri Ogled aktivnega omrežja - kliknite povezavo ali prekinitev povezave -> Prikazana mora biti internetna povezava za izbrano omrežje.
- Chrome ni pravilno zaprt: V skrajnem desnem kotu navzdol kliknite z desno miškino tipko in izberite zaženi upravitelj opravil, če na zavihku procesi najdete več chrome.exe, z desno miškino tipko kliknite ta zapis in izberite Končaj postopek. Tako boste sprostili prostor v RAM-u. Nato znova zaženite Chrome.
- Onemogoči razširitve za Chrome: Odprite brskalnik Chrome in vnesite v naslovno vrstico -> chrome: // extensions / in pritisnite Enter. Onemogočite vse aktivne razširitve in znova zaženite brskalnik Chrome. Odprite razširitve za Chrome in omogočite vse razširitve.
- Preglejte računalnik za morebitno zlonamerno programsko opremo: Zaženite Chrome in se pomaknite do nastavitev. Kliknite Advanced, poiščite Reset in Clean up. Kliknite Čiščenje računalnika.
- Ponastavi nastavitve Chroma: Zaženite Chrome, pojdite na nastavitve, kliknite Napredno, poiščite Ponastavi in očisti in kliknite Obnovi nastavitve na prvotne privzete vrednosti.
- Odstranite nezdružljive aplikacije: Če Chrome med skeniranjem zazna kakršno koli nezdružljivo aplikacijo, kliknite posodobitev ali odstranite nezdružljive programe.
- Če težava še vedno obstaja, odstranite različico Chroma in namestite najnovejšo različico.
V # 6) Kako izboljšati uporabniško izkušnjo za uporabnike, ki obiščejo vaše spletno mesto?
Odgovor: Sledijo predlogi za izboljšanje uporabniške izkušnje:
- Vaše spletno mesto / aplikacija naj deluje 24 × 7.
- Obvladovati mora večkratno obremenitev dostopa uporabnika v času konice ali v sezoni.
- Uporabniku mora biti prijazen in enostaven za navigacijo do lastnosti, ki jih obiskovalec išče.
- Morali bi imeti privlačne videoposnetke za predstavitev funkcij vašega izdelka.
- Spletno mesto je treba iskati v iskalnikih na podlagi vnesenih ključnih besed.
- Spletno mesto mora biti integrirano s plačilnim prehodom z vsemi možnimi alternativami za transakcije.
- Morali bi imeti brezplačne funkcije, ki so na voljo uporabnikom, da se odločijo za nakup vašega izdelka.
- Uporabniški podatki bi morali biti zaščiteni med dostopom do spletnega mesta.
- Funkcije sej in predpomnilnika bi morale prepoznati obiskovalce, ki se vračajo.
V # 7) Katere video oblike se uporabljajo pri spletnem razvoju?
Odgovor: Spodaj so navedeni nekateri video formati, ki jih podpiramo in uporabljamo pri spletnem razvoju:
- Microsoftov AVI
- FLV Adobe flash video predvajalnik
- WMV, ki ga podpira predvajalnik Windows
- MOV s predvajalnikom QuickTime
- MP4, ki ga podpirajo mobilni telefoni in druge platforme
V # 8) Kako bi na svoje spletno mesto vključili funkcije dostopnosti?
Odgovor: Dostopnost je bistvena lastnost, ki jo je treba vgraditi na vaše spletno mesto, da obiskovalcem s posebnimi potrebami in invalidnostmi omogoči dostop do vašega spletnega mesta in njegovo raziskovanje.
- Spletno mesto mora biti prijazno tipkovnici, torej vse funkcije morajo biti dostopne brez uporabe miške.
- Uporabniki bi morali imeti možnost izklopiti dinamično in premikajočo se vsebino, kot so datoteke GIF, animacije in video datoteke. Ta vsebina lahko negativno vpliva na uporabnike epilepsije.
- Prepisi / podpisi za ogled videoposnetkov. Za gluhe uporabnike gledanje videoposnetka s podnapisi ni dovolj, med predvajanjem videa naj bodo prikazane funkcije, kot so napisi.
- Funkcija glasovne pomoči in označevanje fotografij, grafik in gumbov za slabovidne obiskovalce so bistvenega pomena za sledenje navodilom za raziskovanje in uporabo funkcij, ponujenih na spletnem mestu
- Samodejno dokončajte funkcije v iskalni vrstici in jih lahko najdete za obiskovalce z zapoznelo ali slabo motoriko.
- Povečajte velikost območja, ki ga je mogoče klikniti. Za obiskovalce z barvno slepoto uporabite subtilne barve.
V # 9) Kdaj bi uporabili AJAX v svoji spletni aplikaciji?
Odgovor: AJAX posodablja razdelek vsebine strani, ne da bi ponovno naložil celotno stran. Ta funkcija je bistvena, kadar uporabnik potrebuje hitre rezultate, brez čakanja na poslano zahtevo s klikom na gumb za oddajo in čakanjem na odgovor. Obremenitev strežnika lahko zmanjšate z uporabo AJAX z manjšim številom zahtev, kar prihrani pasovno širino.
Za preverjanje obrazca lahko uporabite AJAX. Namesto pojavnih oken lahko uporabite lightbox, razvrščate in filtrirate vsebino v obliki tabele, prikažete rezultate ali glasove z uporabo aplikacije za klepet, ponovno naložite captcha za preverjanje pristnosti.
V # 10) Kako lahko implementiramo spletne storitve v spletne aplikacije?
Odgovor: Spletna aplikacija pošlje zahteve spletni storitvi s protokolom HTTP. Na danem URL-ju spletna storitev obdela zahtevo in odgovor vrne v aplikacijo. SOAP in RESTful sta dve vrsti spletnih storitev.
V # 11) Kako in katere varnostne funkcije lahko uporabite na svojem spletnem mestu?
dober zaviralec pojavnih oken za krom
Odgovor: Če želite svoje spletno mesto zaščititi pred krajo podatkov, morate izboljšati njegovo varnost, na primer
- Uveljavite močan pravilnik o geslih, tako da lahko geslo vsebuje vsaj 10 znakov in mora vsebovati zgornje, spodnje, posebne znake in številke.
- Gostitelj, ki namesti vaše spletno mesto, mora imeti varnostno kopijo, nameščen protivirusni program in požarni zid za zaščito vaše vsebine.
- Stran za prijavo mora imeti funkcije Captcha, funkcije OTP, funkcijo blokiranja računa (v primeru vnosa 3 napačnih gesel) itd., Da nepooblaščen obiskovalec prepreči dostop do vašega računa.
V # 12) Kakšna konfiguracija in nastavitev sta potrebna za pošiljanje e-pošte prek vašega spletnega mesta?
Odgovor: V idealnem primeru lahko svoj SMTP konfigurirate na enem strežniku s pomočjo neodvisne storitve, kot je Gmail SMTP, ali pa uporabite elastično e-pošto z imenom gostitelja, vrati, uporabniškim imenom in geslom.
V # 13) Za kaj bi ustvarili odzivno spletno mesto?
Odgovor: Odzivno spletno oblikovanje pomaga samodejno spremeniti širino in višino brskalnika glede na velikost namizja, tabličnih računalnikov in mobilnih naprav glede na velikost monitorja namizja ali prenosnika.
V # 14) Kakšni so formati za izmenjavo podatkov?
Odgovor: Različni formati za izmenjavo podatkov so formati XML, CSV, JSON in Text.
V # 15) Kaj mislite s protokolom?
Odgovor: V terminologiji mreženja je protokol nabor pravil za oblikovanje in obdelavo podatkov. Za komunikacijo morata imeti obe napravi enak protokol. Internet Protocol (IP) je protokol omrežne plasti in je odgovoren za usmerjanje. Protokol za nadzor prenosa (TCP) prenaša pakete podatkov po omrežjih.
Protokol za prenos HyperText (HTTP) je plast 7, ki se uporablja v internetu in prenaša podatke med napravami. Uporabniški protokol datagram (UDP) se uporablja v aplikacijah za hitro izmenjavo podatkov, kot sta pretakanje videa in igranje iger.
V # 16) Katere tehnike bi uporabili za zmanjšanje časa nalaganja strani?
Odgovor: Da bi zmanjšali čas nalaganja strani in izboljšali zmogljivost, lahko uporabimo naslednje tehnike:
- Uporabite najnovejše različice tehnologij za spletno gradnjo, kot sta CSS3 in HTML5
- Uporabite JavaScript in tabele slogov na minimum
- Poskusite se izogniti uporabi preusmeritev
- Uporabite majhne slike
- Vključi kodo iz omrežja za dostavo vsebin (CDN)
- Uporabite AJAX za hitre in odzivne spletne aplikacije
V # 17) Naštejte razlike med HTTP 1.1 in 2.0?
Odgovor: Razlike med HTTP 1.1 in HTTP 2 so navedene v spodnji tabeli:
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1 lahko obravnava samo navadno besedilo in ni združljiv za obdelavo vzorcev CSS, JavaScript, slik, zvokov, videoposnetkov in digitaliziranega vonja. | Uporablja pomoč strežnika za shranjevanje virov, ki jih je treba uporabiti v zahtevi, v predpomnilniku brskalnika, tudi preden se zahteva, za hitro prikazovanje vsebine. |
Poslana zahteva in prejeti odgovori so bili v obliki navadnega besedila. | Sporočila, tako zahteva kot odgovor, so zaprta v binarni obliki, kar zagotavlja večjo zaščito pred nepooblaščenimi spremembami. |
Najde težave pri ravnanju s presledki, velikimi črkami in koncem vrstic. | Uporabite binarne protokole, ki učinkoviteje obdelujejo elemente, kot so presledki, velike začetnice in konci vrstic |
Za obdelavo vsebine strani potrebuje več pasovne širine | Za prikaz vsebine strani porabi manj pasovne širine |
Prednostno nalaganje vsebin v HTTP 1.1 ni mogoče | Razvijalci imajo nadzor nad določanjem prednostnih nalog / nalaganjem vsebin v vrstnem redu, kot želijo. |
Naloži vire drug za drugim, pri čemer si vzame čas za nalaganje vsebine na stran | Pošlje več tokov podatkov z eno samo povezavo TCP. Rešitev težave z blokiranjem glave v vrstici v HTTP 1.1 |
Metapodatki se prenesejo v navadnem besedilu, zato jih je treba obdelati več | Uporablja mehanizem za stiskanje glave, ki zmanjša režijske stroške |
V # 18) Katere prednostne naloge bi upoštevali pri izdelavi spletne aplikacije?
Odgovor: Pri izdelavi spletnih aplikacij je treba upoštevati naslednje prednostne naloge:
- Strani spletnih mest je treba preizkusiti, saj se morajo nalagati čim prej.
- Strani aplikacij ne smejo imeti prekinjenih povezav.
- Aplikacija mora biti združljiva z vsemi glavnimi brskalniki, kot so Mozilla Firefox, Google Chrome, Internet Explorer in Opera.
- Spletno mesto mora vsebovati ključne besede, ki so dostopne iskalnikom.
- Povezava z bazo podatkov mora biti brezhibna.
- Entitete baze podatkov, kot so shranjeni postopki, je treba temeljito preizkusiti z veljavnimi vnosi.
- Backend mize morajo biti varne, zaščitene pred posegi.
- Vstavljanje podatkov je treba potrditi z omejitvami na ravni stolpcev in vrstic.
- Vstavljanje podatkov v tabele DB in njihov ogled v postopku uporabniškega vmesnika naj bo čim hitrejši.
- Okvir, ki se uporablja za integracijo strani, mora biti preprost in ga je treba preizkusiti brez kakršnega koli prevajanja.
- Uporabniške strani za vnos naj bodo oblikovane z minimalnimi vnosi uporabnika, uporabljeni elementi naj bodo uporabniku prijazni.
- Uporaba HTTP2 za hitro nalaganje vsebine strani.
- Uporaba JavaScript naj bo minimalna.
- Zagotoviti je treba dostopnost, kot je zvočnik za branje besedila, večja velikost pisave, dostop na dotik zaslona, tako da lahko ljudje s fizičnimi omejitvami tudi z lahkoto dostopajo do spletnega mesta.
- Bi morali vključiti predstavnostne datoteke, kot so zvok in video, ki jih je mogoče odpreti, ne da bi se zanašali na lokalno programsko opremo za izvajanje teh datotek.
- Spletne strani bi se morale odzivati na mobilne zaslone.
V # 19) Katere so nove funkcije, predstavljene v HTML5?
Odgovor: V HTML5 so bili uvedeni novi semantični, grafični, multimedijski elementi, dodani so bili različni atributi elementov, odstranjenih pa je bilo le malo elementov.
Dodal je glavne nove funkcije, kot so multimedijski elementi video in zvok, API za geolokacijo, API-ji v spletnem pomnilniku, spletna vtičnica, predstavljeni so bili tudi spletni delavec JS, Canvas in Drag-n-Drop.
V # 20) Pojasnite s primeri, razlike med Canvasom in SVG.
Odgovor: Canvas in SVG oba vsebnika se uporabljata za shranjevanje grafike na strani HTML, vendar imajo med seboj naslednje razlike.
SVG | Platno |
---|---|
je element vsebnika za grafike, kot so okvir, krog, elipsa itd. na strani HTML | je vsebnik za risanje grafik z uporabo javascripta |
SVG je prilagodljiv in primeren za tiskanje z visoko ločljivostjo | Platno ni razširljivo in ni primerno za tiskanje z visoko ločljivostjo |
Prikažite boljše delovanje pri nalaganju majhnega števila predmetov in velikih površinskih predmetov | Prikažite boljše nalaganje velikega števila predmetov in majhnih površinskih predmetov |
SVG lahko spremenite s skriptom in css | Platno je mogoče spremeniti samo s skriptom |
SVG je vektorsko zasnovan iz oblik | Canvas je rastrsko zasnovan iz slikovnih pik |
V # 21) Kaj je element DOM in njegova hierarhija?
Odgovor: Predmet dokumenta je dokument HTML, ki se prikaže v oknu brskalnika, ko odpremo spletno stran. DOM ali objektni model dokumenta je način dostopa ali spreminjanja tega dokumenta.
Predmet okna je nadrejena vsem elementom, sledi objekt Document, ki prikazuje vsebino strani, nato pa Predmet obrazca , ki je označen z oznakami.
Elementi nadzora obrazca: Vsi vhodni elementi, kot so besedilna polja, gumbi, izbirni gumbi, potrditvena polja, seznami itd., So v objektu obrazca.
V # 22) Kdaj naj uporabite izbirnik id in razreda?
Odgovor: ID kot izbirnik je definiran tako, da ga enolično identificira kot element, zato ne sme biti enak ID, ki se uporablja za kateri koli drug element na isti strani. Medtem ko so izbirniki razredov vrste izbirnikov CSS, ki se uporabljajo za dodajanje sloga temu elementu, za na primer, družina pisav, velikost pisave ali barva, zato je mogoče izbirnike razredov uporabiti za več elementov.
V JavaScript imamo getElementById () metoda, ki vrne prvi element, najden v izvorni kodi, medtem ko getElementsByClassName () metoda vrne zbirko elementov z določenim imenom razreda.
V # 23) Pojasnite API-je, ki jih je uvedel HTML5.
Odgovor: HTML 5 je predstavil naslednje metode API:
- API visoke ločljivosti: Daje trenutni čas v ločljivosti pod milisekundi, neodvisno od nagiba ali prilagoditev sistemske ure.
- API uporabniškega časa: To omogoča natančno merjenje učinkovitosti kode JavaScript.
- API za navigacijski čas: Pomaga pri ocenjevanju dnevnika časovnih zamikov med zamudami pri nalaganju strani in upošteva preusmeritev strani, iskanje DNS in čas za izdelavo DOM, zamude povezave TCP itd.
- API za omrežne informacije: Pomaga prepoznati vrsto povezave spletnega obiskovalca in stanje celotnega dnevnika pasovne širine.
- API za vibracije: Lahko spodbudi reakcijo med nekaterimi dogodki v igralnih aplikacijah z vibriranjem uporabniških naprav (mobilni telefon), ki zagotavljajo popolno uporabniško izkušnjo.
- API stanja akumulatorja: Ponuja informacije o stanju akumulatorja naprave, na primer polnjenje, preostale sekunde, dokler se popolnoma ne izprazni itd.
- API za vidnost strani: Ponuja podrobnosti o stanjih vidnosti strani, kot so zmanjšani, trenutno osredotočeni, in zagotavlja odločitve o zaustavitvi porabe CPU ali pasovne širine.
- Celozaslonski API: Uporabniku omogoča celozaslonski prikaz na podlagi specifikacije aplikacije.
- getUserMedia API: Omogoča dostop do večpredstavnostnih tokov, kot so video, zvok ali oboje, vdelani v spletno stran.
- API WebSocket: Vzdržuje stalno povezavo med brskalnikom in strežnikom.
- API za geolokacijo: To pomaga slediti zemljepisni lokaciji kraja in ljudem prek sistema za globalno določanje položaja (GPS) in pridobi zemljepisno širino in dolžino ter tako na zemljevidu nariše položaj v realnem času.
V # 24) Kakšna je razlika med vrednostjo Null, Empty in Nedefinirana in kako lahko obvladate vsako vrednost?
Odgovor: Prazni niz, Null in Undefined so podobni po vrsti, vendar se med seboj razlikujejo.
Nedoločeno: Ko spremenljivko pravkar razglasimo, vendar nismo dodelili nobene vrednosti. Spremenljivka OR ne obstaja ali ni deklarirana. Primer: vrednost; console.log (vrednost); ==> nedefinirano
Nič: Identifikatorji ali imena, dodeljena funkcijam, spremenljivkam, sicer obstajajo, vendar nimajo vrednosti. vrednost je nična. Primer: val = nič
Prazen niz: Ko spremenljivka z nizom podatkovnega tipa ne vsebuje nobenih znakovnih podatkov. Primer: a = '';
V # 25) Pojasnite različna pojavna okna, ki se uporabljajo v JavaScript.
Odgovor: V JavaScript obstajajo predvsem tri vrste pojavnih oken, tj. Opozorilo, potrditev in poziv.
Opozorilo je pojavno okno, ki uporabniku z gumbom Ok da informacije. Uporabniki lahko preberejo sporočilo in kliknejo gumb V redu, da zaprejo to okno.
Sintaksa, ki se uporablja za opozorila v JavaScript-u:
alert('message');
Potrdite je pojavno okno, v katerem se lahko uporabniki odločijo in izberejo eno od možnosti, v redu in Prekliči.
- Da bi se strinjal s sporočilom všeč Ali želite? , uporabnik lahko za potrditev odločitve klikne V redu.
- Če se s sporočilom ne strinja, lahko uporabnik klikne Prekliči in zavrne odločitev.
Poziv je vrsta pojavnega okna, pri katerem uporabniku svetujemo, da vnese neko vrednost, kot je ime ali starost, in ob kliku na gumb V redu sprejme vneseno vrednost. Primer: yourage = poziv (“Vnesite svojo veljavno starost”);
V # 26) Na primeru opišite uporabo animacije CSS.
Odgovor: Elemente HTML lahko dodate animacijo (postopoma preklapljate iz enega sloga v drugega), ne da bi uporabljali JavaScript ali Flash, z uporabo CSS animacij.
Določeni so ključni okviri, ki vsebujejo, v katerih slogih se bo element spremenil ob določenem času.
Primer je, kot je podan na spodnjem zaslonu:
Primer animacije CSS sprememba barve iz rdeče v vodeno
V # 27) Pojasnite namen vsake vrste HTTP zahteve, ki jo podpirajo spletne storitve RESTful
Odgovor: V spletni storitvi RESTful ima vsaka vrsta zahteve HTTP določen namen. Ti so pojasnjeni spodaj:
- GET je vrsta zahteve, ki s strežnika pridobi podatke.
- OBJAVI je vrsta zahteve, ki se uporablja za pošiljanje podrobnih podatkov o obrazcu in nato nalaganje datoteke.
- PUT je zahteva, podobna POST, vendar se uporablja za posodobitev obstoječe entitete.
- IZBRIŠI je zahteva, podobna PUT, in se uporablja za brisanje vira s strežnika.
- TRACE se uporablja za preverjanje vsebine, prejete skupaj z omrežjem med zahtevo.
- GLAVA je podoben GET, vendar med zahtevo prejme glave odzivov.
V # 28) Kakšne so razlike med oznako Span in Div v HTML5?
Odgovor: Div in Span se uporabljata za predstavitev določenega dela spletne strani, vendar se oba razlikujeta, kot je razloženo v spodnji tabeli:
Div | Razpon |
---|---|
Div je element na ravni bloka | Razpon je vrstni element |
Oznaka Div se uporablja za zavijanje delov dokumenta | Span tag se uporablja za zavijanje besedila in slik v majhnih delih |
Div se uporablja za ustvarjanje postavitev na osnovi CSS | Razpon se uporablja za dodajanje sloga besedilu |
Div sprejema atribut poravnave | Razpon ne sprejema atributa poravnave |
V # 29) Pojasnite razred Pseudo v CSS s primeri.
Odgovor: Pseudo razred v kaskadnih slogovnih listih je ključna beseda, ki se uporablja za izbirnike elementov HTML, da se doda poseben slog dogodkom HTML, kot so onblur, onclick, onchange, onhover itd., Glede na zunanje dejavnike, kot so prejšnji obisk spletnega mesta iz zgodovine navigacije, položaja ali gibanja miška, stanje vsebine elementa obrazca.
Sintaksa za razred Pseudo:
cssselector : pseudo-class { attribute: value; }
Primer:
CSS psevdorazred na strani HTML:
primer spajanja vrst c ++
Če miškin kazalec premaknete nad različne elemente, se prikažejo učinki psevdorazreda.
Zaključek
Tako smo v tej vadnici razpravljali o vprašanjih, povezanih z razvojem in vzdrževanjem spletnih strani in spletnih aplikacij. Nujno je dobro razumevanje in praktično znanje o vključevanju novih tehnologij, knjižnic skriptnega jezika, API-jev HTML5, CSS3 in jezikov, kot so Java, ASP, PHP. Prav tako moramo vedeti, kako konfigurirati aplikacije na spletnih strežnikih in zbirki podatkov, ravnati s ključnimi besedami SEO, spletno varnostjo in združljivostjo brskalnikov.
Morali bi biti dobro seznanjeni z omrežnim znanjem, kot so protokol, spletne storitve, uporabniška izkušnja, reševanje težav in novosti v spletnih in mobilnih aplikacijah, pa tudi z varnostjo, obdelavo sej in funkcijami dostopnosti.
Vse najboljše v prihajajočem intervjuju za razvijalce spletnih strani.
Priporočeno branje
- Celoten vodnik za testiranje spletnih aplikacij (Kako preizkusiti spletno stran)
- 25 najboljših agilnih preizkusnih vprašanj in odgovorov
- Top 30+ priljubljenih vprašanj in odgovorov na CSS Intervju
- 25+ najbolj priljubljenih vprašanj in odgovorov za intervju z ADO.NET
- Top 20+ .NET vprašanj in odgovorov za intervjuje
- 30 najboljših vprašanj in odgovorov za intervjuje v HTML (SEZNAM 2021)
- Najboljših 25 vprašanj in odgovorov za intervju za spletne storitve Java
- 20 najpomembnejših vprašanj in odgovorov za preskušanje API-jev