top 25 web developer interview questions
Tento tutoriál poskytuje súbor často kladených otázok Interview s vývojármi webových aplikácií Otázky a odpovede pre front-end webových vývojárov na nižšej a vyššej úrovni:
Pre marketingový tím je nevyhnutné vybudovať si spoľahlivú webovú prítomnosť, inzerovať svoje produkty a služby svojim potenciálnym zákazníkom, sledovať ich a poskytovať popredajné služby existujúcim zákazníkom.
Webové aplikácie sú vytvárané tak, aby boli globálne prístupné, uznávané a ponúkali svoje produkty a služby na medzinárodnom trhu.
bezpečnostné testovacie nástroje pre webové aplikácie
Pri vytváraní webových aplikácií je nevyhnutné mať dôkladné znalosti o značkovacích jazykoch, ako sú HTML5, kaskádové štýly CSS3, JavaScript a JS knižnice pre interakcie používateľov, pre manipuláciu s prvkami DOM, na overovanie vstupov klientov a na dynamizáciu. a responzívne webové stránky.
Čo sa dozviete:
- Čo je vývoj webových aplikácií
- Často kladené otázky týkajúce sa rozhovorov s webovými vývojármi
- Záver
Čo je vývoj webových aplikácií
Vývoj webu sa týka práce súvisiacej s budovaním a údržbou webových stránok a webových aplikácií, ako sú online eCommerce stránky, Amazon, Flipkart, eBay, atď. A sociálne siete ako Facebook, LinkedIn, Instagram a Twitter.
Patrí sem aj práca na budovaní webových stránok pre železnice, banky, všetky významné vládne stránky na šírenie informácií a zvyšovanie povedomia.
Zvyšujte povedomie verejnosti a poskytujte vzdelávanie prostredníctvom spravodajských kanálov pomocou softvéru pre webové konferencie Skype, Zoom, GoToMeeting. Poskytujte online zábavu prostredníctvom webových sérií, ako sú Netflix, Amazon Prime, MX player atď. Vzdelávajte študentov, uskutočňujte stretnutia, aby ste oslovili zákazníkov a tímy za geografickými hranicami.
Prejdime teraz k najbežnejším otázkam rozhovorov s vývojármi webu pre rozhovory pre junior aj pre senior.
Často kladené otázky týkajúce sa rozhovorov s webovými vývojármi
Otázka č. 1) Vysvetlite funkčnosť prehľadávača.
Odpoveď: Prehliadač ponúka rôzne funkcie. Sú to tieto:
- Pomáha pristupovať k stránkam HTML a všetkým webovým prvkom používaným vo webových aplikáciách, ako aj k webovým serverom a zobrazovať odpovede z iných webov ako odpoveď na požiadavky.
- Umožňuje webové hľadanie stránok, ktoré vás zaujímajú, zadaním adresy URL alebo webovej adresy do panela s adresou a zobrazením odpovedí pomocou ktoréhokoľvek z vyhľadávacích nástrojov.
- Ovládacie prvky navigácie sa používajú na návrat na nedávno otvorené stránky kliknutím na tlačidlo späť a ďalšie na posun vpred.
- História sleduje navštívené stránky v chronologickom poradí. Umožňuje zapamätať si alebo uložiť do záložiek stránky, ktoré vás zaujímajú, aby ste ich mohli v neskoršej fáze odkázať alebo preskúmať. Ukladá tiež predtým navštívené stránky vo forme medzipamäte a umožňuje návštevníkom stránky spoznať, vďaka čomu je prístup k týmto stránkam rýchlejší.
- Spravuje heslá pre často používané webové stránky vyžadujúce autentizáciu a vo väčšine prípadov udržuje používateľov už prihlásených do účtu.
- Umožňuje prístup na rôzne stránky, výmenu informácií prostredníctvom hovorov API, komunikáciu prostredníctvom e-mailu, dát a softvéru na zdieľanie mediálnych súborov.
Príklad prehľadávačov: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
Otázka č. 2) Vysvetlite HTML 5, CSS3, JavaScript a ich dôležitosť pri vývoji webu.
Odpoveď:
- HTML je značkovací jazyk nezávislý na platforme a prehľadávači so sériou značiek, ktoré poskytujú štruktúru webovej stránky.
- CSS štýlovo vylepšuje rozloženie stránky a jej obsah.
- JavaScript riadi správanie webových prvkov, a tým robí váš web interaktívnym / responzívnym, overuje vstupné hodnoty používateľov, zaznamenáva informácie o návštevníkoch webu a rozpoznáva predchádzajúcich návštevníkov, pomáha pri analýze percenta miery prekliknutia návštevníkov blogového príspevku.
Otázka č. 3) Čo rozumiete pod Framework?
Odpoveď: Framework je štruktúra, ktorá poskytuje platformu na vytváranie aplikácií. Je to zbierka podobných typov súborov umiestnených takým spôsobom, že sú nakonfigurované na vzájomné vnútorné prepojenie / integráciu.
Príklad: Rámec API, ktorý obsahuje dobre otestované, predpísané a zostavené triedy na dosiahnutie bežných funkcií, ako je funkcia nahrávania súborov, čítanie obsahu súborov, správy vo formáte PDF a podobné formáty integrované s ich webovou aplikáciou.
Otázka č. 4) Čo je to knižnica v kontexte vývoja webových aplikácií?
Odpoveď: Knižnica je súbor kódov, ktoré sú vopred otestované a navrhnuté pre očakávané funkcie vyvinuté vývojármi a sú k dispozícii v archívoch. Weboví vývojári môžu tieto knižnice integrovať a využívať ich funkcionality namiesto opätovného objavovania kódu na dosiahnutie rovnakej funkčnosti od začiatku.
Vo svojej aplikácii môžete použiť knižnice iText a Apache FOP, ktoré vám pomôžu exportovať vaše dáta do súborov vo formáte PDF.
Otázka č. 5) Aké sú dôvody problému so zablokovaním prehliadača?
Odpoveď: Ak chcete zistiť hlavnú príčinu a vyriešiť častý problém so zmrazením prehľadávača, postupujte podľa krokov uvedených nižšie:
Tu považujeme prehliadač Google Chrome za predvolený.
- Skontrolujte všetky problémy týkajúce sa internetu: Kliknite na ikonu Okno (Štart) -> Vyberte Ovládací panel -> V časti Sieť a internet -> Kliknite na Zobraziť stav a úlohy siete -> Začiarknuť Zobraziť aktívnu sieť - kliknite na pripojenie alebo odpojenie -> Mal by zobrazovať pripojenie na internet pre vybranú sieť sieť.
- Chrome nie je správne zatvorený: V pravom dolnom rohu úplne dole kliknite pravým tlačidlom myši a vyberte príkaz spustiť správcu úloh. Ak na karte procesov nájdete viac súborov chrome.exe, kliknite pravým tlačidlom myši na daný záznam a vyberte príkaz Ukončiť proces. Uvoľní sa tak miesto v pamäti RAM. Potom Chrome znova spustite.
- Zakázať rozšírenia Chrome: Otvorte prehliadač Chrome a zadajte do panela s adresou -> chrome: // extensions / a stlačte kláves Enter. Zakážte všetky aktívne rozšírenia a znova reštartujte prehliadač Chrome. Prejdite na rozšírenie Chrome a povoľte všetky rozšírenia.
- Vyhľadať v počítači prítomnosť škodlivého softvéru: Spustite Chrome a prejdite do nastavení. Kliknite na Rozšírené, nájdite Obnoviť a Vyčistiť. Kliknite na Vyčistiť počítač.
- Obnoviť nastavenia prehliadača Chrome: Spustite Chrome, choďte na nastavenia, kliknite na Rozšírené, nájdite Obnoviť a vyčistiť a kliknite na Obnoviť pôvodné predvolené nastavenia.
- Odstrániť nekompatibilné aplikácie: Ak Chrome počas kontroly zistí nekompatibilnú aplikáciu, kliknite na aktualizáciu alebo nekompatibilné aplikácie odstráňte.
- Nakoniec, ak problém stále pretrváva, odinštalujte verziu prehliadača Chrome a nainštalujte najnovšiu verziu.
Otázka č. 6) Ako zlepšiť užívateľskú skúsenosť pre používateľov navštevujúcich vaše webové stránky?
Odpoveď: Nasledujú návrhy na zlepšenie používateľskej skúsenosti:
- Váš web / aplikácia by mala byť v prevádzke 24 × 7.
- Mal by zvládnuť zaťaženie prístupu viacerých používateľov počas špičky alebo sezóny.
- Malo by to byť užívateľsky prívetivé a ľahko sa navigovať k funkciám, ktoré návštevník hľadá.
- Na predstavenie funkcií vášho produktu by malo byť zaujímavé video.
- Webové stránky by sa mali prehľadávať z vyhľadávacích nástrojov na základe zadaných kľúčových slov.
- Webová stránka by mala byť integrovaná s platobnou bránou so všetkými možnými alternatívami transakcií.
- Mali by mať možnosť bezplatne používať funkcie dostupné pre používateľov pri rozhodovaní o kúpe vášho produktu.
- Údaje používateľa by mali byť zabezpečené pri prístupe na webovú stránku.
- Relácie a funkcie medzipamäte by mali rozpoznávať vracajúcich sa návštevníkov.
Otázka č. 7) Aké sú formáty videa používané pri vývoji webu?
Odpoveď: Niektoré formáty videa podporované a používané pri vývoji webu sú uvedené nižšie:
- AVI od spoločnosti Microsoft
- Prehrávač videa FLV Adobe Flash
- WMV podporované prehrávačom Windows Media Player
- MOV prehrávačom QuickTime
- MP4 podporovaný mobilnými telefónmi a inými platformami
Otázka č. 8) Ako by ste zahrnuli funkcie dostupnosti na svoje webové stránky?
Odpoveď: Prístupnosť je základná vlastnosť, ktorá sa vyžaduje na vašom webe, aby umožňovala návštevníkom so špeciálnymi potrebami so zdravotným postihnutím prístup a prezeranie vášho webu.
- Web by mal byť vhodný pre klávesnicu, to znamená, že všetky funkcie by mali byť prístupné bez použitia myši.
- Používatelia by mali mať možnosť vypnúť dynamický a pohyblivý obsah, ako sú súbory GIF, animácie a videosúbory. Tento obsah môže mať nepriaznivý vplyv na epileptických používateľov.
- Prepisy / titulky na sledovanie videí. Pre nepočujúcich používateľov sledovanie videa s titulkami nestačí. Počas spustenia videa by sa mali zobraziť funkcie, ako sú titulky.
- Funkcia hlasovej asistencie a označovanie fotografií, grafiky a tlačidiel pre zrakovo postihnutých návštevníkov je nevyhnutné pri postupovaní podľa pokynov na preskúmanie a použitie funkcií ponúkaných na webe.
- Automatické dokončovanie funkcií na paneli vyhľadávania a ľahko nájditeľné funkcie pre návštevníkov so oneskorenou alebo slabou motorikou.
- Zväčšite veľkosť oblasti, na ktorú je možné kliknúť. Pre návštevníkov s farebnou slepotou používajte jemné farby.
Otázka č. 9) Kedy by ste vo svojej webovej aplikácii použili AJAX?
Odpoveď: AJAX aktualizuje časť obsahu stránky bez opätovného načítania celej stránky. Táto funkcia je nevyhnutná, keď používateľ potrebuje rýchle výsledky, bez akéhokoľvek oneskorenia čakania na požiadavku odoslanú kliknutím na tlačidlo odoslať a čakaním na odpoveď. Zaťaženie servera je možné znížiť použitím AJAX s menším počtom požiadaviek, čo šetrí šírku pásma.
Na overenie formulára môžete použiť AJAX. Namiesto vyskakovacích okien je možné použiť lightbox, ktorý triedi a filtruje obsah v tabuľkovej podobe, zobrazuje výsledky alebo hlasy pomocou chatovacej aplikácie a znovu načítava captcha kvôli kontrole autentifikácie.
Otázka č. 10) Ako môžeme implementovať webové služby do webových aplikácií?
Odpoveď: Webová aplikácia odosiela požiadavky webovej službe pomocou protokolu HTTP. Na danom URL webová služba spracuje požiadavku a vráti odpoveď späť do aplikácie. SOAP a RESTful sú dva typy webových služieb.
Otázka č. 11) Ako a aké funkcie zabezpečenia môžete použiť na svojom webe?
Odpoveď: Aby ste chránili svoj web pred krádežou dát, musíte vylepšiť zabezpečenie svojho webu, ako napr
- Presadzujte zásady silného hesla, ktoré umožňujú, aby heslo malo najmenej 10 znakov a malo by obsahovať horné, dolné, špeciálne znaky a číslice.
- Hostiteľ, ktorý inštaluje vaše webové stránky, by mal mať zálohovacie zariadenie, nainštalovaný antivírus a bránu firewall na zabezpečenie vášho obsahu.
- Prihlasovacia stránka by mala obsahovať funkciu Captcha, OTP, blokovať funkciu účtu (v prípade zadania 3 nesprávnych hesiel) atď., Aby sa zabránilo prístupu neoprávneného návštevníka k vášmu účtu.
Otázka č. 12) Aká konfigurácia a nastavenie je potrebné na odosielanie e-mailov prostredníctvom vášho webu?
Odpoveď: V ideálnom prípade môžete nakonfigurovať svoj SMTP na jednom serveri pomocou služby tretej strany, ako je Gmail SMTP, alebo pomocou elastického e-mailu pomocou názvu hostiteľa, portu, používateľského mena a hesla.
Otázka č. 13) Na čo by ste vytvorili responzívny web?
vytvorte makefile c ++
Odpoveď: Responzívny webový dizajn pomáha automaticky meniť šírku a výšku prehliadača na základe stolových počítačov, tabletov a mobilných telefónov s ohľadom na veľkosť monitora pre stolný alebo prenosný počítač.
Otázka č. 14) Aké sú formáty pre výmenu údajov?
Odpoveď: Rôzne formáty výmeny údajov sú XML, CSV, JSON a textové formáty.
Otázka č. 15) Čo máte na mysli pod protokolom?
Odpoveď: V sieťovej terminológii je protokol súborom pravidiel na formátovanie a spracovanie údajov. Na komunikáciu by mali mať obe zariadenia rovnaký protokol. Internet Protocol (IP) je protokol sieťovej vrstvy a je zodpovedný za smerovanie. Protokol TCP (Transmission Control Protocol) prenáša pakety údajov v sieťach.
HyperText Transfer Protocol (HTTP) je vrstva 7, ktorá sa používa na internete a prenáša dáta medzi zariadeniami. User Datagram Protocol (UDP) sa používajú v aplikáciách na rýchlu výmenu dát, ako je streamovanie videa a hranie hier.
Otázka č. 16) Aké techniky by ste použili na zníženie času načítania stránky?
Odpoveď: Na zníženie času načítania stránky a zvýšenie výkonu je možné použiť nasledujúce techniky:
- Použite najnovšie verzie technológií na vytváranie webových stránok, ako sú CSS3 a HTML5
- Použite JavaScript a štýly na minimum
- Snažte sa vyhnúť použitiu presmerovaní
- Použite malú veľkosť obrázkov
- Zahrnúť kód zo siete na doručovanie obsahu (CDN)
- Aplikujte AJAX na rýchle a pohotové webové aplikácie
Otázka č. 17) Zoznam rozdielov medzi HTTP 1.1 a 2.0?
Odpoveď: Rozdiely medzi protokolmi HTTP 1.1 a HTTP 2 sú uvedené v nasledujúcej tabuľke:
HTTP 1.1 | HTTP 2 |
---|---|
Protokol HTTP 1.1 dokáže spracovať iba čistý text a nie je kompatibilný so spracovaním vzoriek CSS, JavaScriptu, obrázkov, zvukov, videí a digitalizovaných pachových, dotykových vzoriek. | Používa pomocníka servera push na ukladanie prostriedkov, ktoré sa majú použiť na vyžiadanie, do medzipamäte prehliadača, a to dokonca aj pred vyžiadaním, na rýchle zobrazenie obsahu. |
Odoslaná žiadosť a prijaté odpovede boli vo formáte obyčajného textu. | Správy požiadavka aj odpoveď sú zapuzdrené v binárnom formáte, čo poskytuje väčšiu ochranu pred neoprávnenými zmenami. |
Nájde ťažkosti pri spracovávaní medzier, veľkých písmen a koncov riadkov. | Používajte binárne protokoly, ktoré efektívnejšie spracúvajú prvky ako medzery, veľké písmená a konce riadkov |
Na spracovanie obsahu stránky je potrebná väčšia šírka pásma | Na zobrazenie obsahu stránky spotrebuje menšiu šírku pásma |
Stanovenie priorít načítania obsahu nie je v HTTP 1.1 možné | Vývojári majú kontrolu nad uprednostňovaním / nahrávaním obsahu v poradí podľa svojich preferencií. |
Načítava zdroje jeden po druhom, pričom načítanie obsahu na stránku vyžaduje čas | Posiela viac prúdov údajov pomocou jedného TCP spojenia., Čím sa vyriešil problém s blokovaním head-of-line v HTTP 1.1 |
Metadáta sa prenášajú vo formáte obyčajného textu, a preto je potrebné s nimi pracovať viac | Používa mechanizmus kompresie hlavičky, ktorý znižuje réžiu |
Otázka č. 18) Aké priority by ste zvážili pri vytváraní webovej aplikácie?
Odpoveď: Pri vytváraní webových aplikácií by ste mali pamätať na tieto priority:
- Výkonnosť webových stránok by mala byť testovaná, pretože by sa mala načítať čo najrýchlejšie.
- Stránky aplikácií by nemali obsahovať žiadne nefunkčné odkazy.
- Aplikácia by mala byť kompatibilná so všetkými hlavnými prehliadačmi, ako sú Mozilla Firefox, Google Chrome, Internet Explorer a Opera.
- Stránka by mala obsahovať kľúčové slová, ktoré sú prístupné vyhľadávačom.
- Malo by existovať bezproblémové pripojenie k databáze.
- Entity databázy, ako sú uložené procedúry, by sa mali dôkladne otestovať s platným vstupom.
- Backendové tabuľky by mali byť zabezpečené a chránené proti neoprávnenej manipulácii.
- Vkladanie údajov by sa malo overovať obmedzeniami na úrovni stĺpcov a riadkov.
- Vkladanie údajov do tabuliek DB a ich prezeranie v procese používateľského rozhrania by malo byť čo najrýchlejšie.
- Rámec, ktorý sa používa na integráciu stránok, by mal byť jednoduchý a mal by byť testovaný bez akejkoľvek kompilácie.
- Stránky pre vstup používateľov by mali byť navrhnuté s minimálnym počtom vstupov od používateľa, použité prvky by mali byť pre používateľov prístupné.
- Používanie protokolu HTTP2 na rýchle načítanie obsahu stránky.
- Používanie JavaScriptu by malo byť minimálne.
- Malo by sa zabezpečiť zabezpečenie prístupu, ako napríklad reproduktor na čítanie textu, väčšia veľkosť písma, prístup na dotykovú obrazovku, aby ľudia s fyzickými obmedzeniami mali ľahký prístup aj na webovú stránku.
- Mali by byť integrované mediálne súbory, ako je zvuk a video, ktoré je možné otvoriť bez toho, aby sa pri ich spúšťaní spoliehali na miestny softvér.
- Webové stránky by mali reagovať na mobilné obrazovky.
Otázka č. 19) Aké sú nové funkcie zavedené v HTML5?
Odpoveď: V HTML5 boli predstavené nové sémantické, grafické a multimediálne prvky, boli do nich pridané rôzne atribúty, zatiaľ čo niekoľko prvkov bolo odstránených.
Pridali sa aj hlavné nové funkcie, ako sú multimediálne prvky, video a zvuk, geolokačné API, API na webovom úložisku, webová zásuvka, webový pracovník JS, Canvas a Drag-n-Drop.
Otázka č. 20) Vysvetlite príklady, rozdiely medzi programom Canvas a SVG.
Odpoveď: Plátna a oba kontajnery SVG sa používajú na ukladanie grafiky na stránke HTML, majú však medzi sebou nasledujúce rozdiely.
SVG | Plátno |
---|---|
je prvok kontajnera pre grafiku ako je rámček, kruh, elipsa atď. na stránke HTML | je kontajner na kreslenie grafiky pomocou JavaScriptu |
SVG je škálovateľný a vhodný na tlač vo vysokom rozlíšení | Plátno nie je možné zväčšiť a nie je vhodné ho tlačiť vo vysokom rozlíšení |
Zobrazte lepší výkon pri načítaní malého počtu objektov a veľkých povrchových objektov | Zobrazuje lepší výkon pri načítaní veľkého počtu objektov a malých povrchových objektov |
SVG je možné upraviť skriptom a css | Plátno je možné upravovať iba pomocou skriptu |
SVG je vektorový základ tvorený tvarmi | Plátno je raster založený na pixeloch |
Otázka č. 21) Čo je prvok DOM a jeho hierarchia?
Odpoveď: Objekt dokumentu je dokument HTML, ktorý sa zobrazí v okne prehliadača, keď vstúpime na webovú stránku. DOM alebo model objektového dokumentu je spôsob, akým je k tomuto dokumentu pristupované alebo upravované.
Objekt okna je rodičom všetkých prvkov, nasleduje objekt dokumentu, ktorý zobrazuje obsah stránky, a potom nasleduje Forma objektu , ktorý je označený štítkami.
Ovládacie prvky formulára: Všetky vstupné prvky, ako sú textové polia, tlačidlá, prepínače, začiarkavacie políčka, zoznamy atď., Sú obsiahnuté v objekte formulára.
Otázka č. 22) Kedy by ste mali použiť selektor id a triedy?
Odpoveď: ID ako selektor je definovaný tak, aby ho bolo možné jednoznačne identifikovať ako prvok, a preto by sa na všetky ďalšie prvky na tej istej stránke nemalo vzťahovať rovnaké ID. Zatiaľ čo selektory tried sú typy selektorov CSS, ktoré sa používajú na pridanie štýlu k tomuto prvku, pre príklad rodinu písma, veľkosť alebo farbu písma, a preto možno selektory tried použiť na viac prvkov.
V jazyku JavaScript máme getElementById () metóda, ktorá vracia prvý prvok nájdený v zdrojovom kóde, zatiaľ čo getElementsByClassName () metóda vracia kolekciu prvkov s konkrétnym názvom triedy.
Otázka č. 23) Vysvetlite rozhrania API zavedené protokolom HTML5.
Odpoveď: HTML 5 zaviedlo nasledujúce metódy API:
- Časové rozhranie API s vysokým rozlíšením: Poskytuje aktuálny čas v rozlíšení menej ako milisekundu, nezávisle od skosenia systémových hodín alebo úprav.
- User Timing API: To umožňuje presné meranie výkonu kódu JavaScript.
- Rozhranie API pre navigáciu: Pomáha pri hodnotení časozberného protokolu počas oneskorení načítania stránky a zohľadňuje presmerovanie stránky, vyhľadávanie DNS a čas na vytvorenie oneskorení spojenia DOM, TCP atď.
- Sieťové informačné API: Pomáha identifikovať typ pripojenia webového návštevníka a stav celého protokolu šírky pásma.
- Vibračné API: Môže stimulovať reakciu počas určitých udalostí v herných aplikáciách vibrovaním používateľských zariadení (mobilných telefónov), čo poskytuje dokonalý používateľský zážitok.
- Stav batérie API: Poskytuje informácie o stave batérie zariadenia, ako je napríklad nabíjanie, zostávajúce sekundy do úplného vybitia atď.
- Rozhranie API viditeľnosti stránky: Poskytuje podrobnosti o stavoch viditeľnosti stránky, ako je minimalizovaná, momentálne zameraná, poskytuje rozhodnutia o zastavení spotreby procesora alebo šírky pásma.
- Fullscreen API: Umožňuje zobrazenie na celú obrazovku od používateľa na základe špecifikácie aplikácie.
- getUserMedia API: Poskytuje prístup k multimediálnym tokom, ako sú video, zvuk alebo oba, ktoré sú vložené do webovej stránky.
- Rozhranie WebSocket API: Udržuje trvalé spojenie medzi prehliadačom a serverom.
- Geolokačné API: To pomáha sledovať geografickú polohu miesta a ľudí prostredníctvom globálneho pozičného systému (GPS) a načítať zemepisnú šírku a dĺžku a tým vykresliť polohu v reálnom čase na mape.
Otázka č. 24) Aký je rozdiel medzi hodnotou Null, Empty a Undefined a ako s nimi môžete zaobchádzať?
Odpoveď: Prázdny reťazec, Null a Nedefinované sú si podobného typu, líšia sa však navzájom.
Nedefinované: Keď iba deklarujeme premennú, ale nepriradili sme žiadnu hodnotu. Premenná OR neexistuje alebo nie je deklarovaná. Príklad: hodnota; console.log (hodnota); ==> nedefinované
Nulový: Identifikátory alebo názvy dané funkciám, premenným existujú, ale nemajú žiadnu hodnotu. tj hodnota je nulová. Príklad: val = null
Prázdny reťazec: Keď premenná s dátovým typom reťazec neobsahuje žiadne údaje o znakoch. Príklad: a = '';
Otázka č. 25) Vysvetlite rôzne vyskakovacie okná používané v JavaScripte.
Odpoveď: V JavaScripte existujú hlavne tri typy vyskakovacích polí, napr. Výstraha, Potvrdiť a Výzva.
Výstraha je vyskakovacie okno na poskytnutie informácií používateľovi pomocou tlačidla OK. Používatelia si môžu správu prečítať a kliknutím na tlačidlo OK zavrieť toto okno.
Syntax použitá pre upozornenie v JavaScripte:
alert('message');
Potvrdiť je vyskakovacie okno pre používateľov, aby sa rozhodli a vybrali jednu z možností, z možností OK a Zrušiť.
- Aby bolo možné súhlasiť so správou ako Chceš? , užívateľ môže kliknutím na OK potvrdiť rozhodnutie.
- Ak chce používateľ nesúhlasiť so správou, môže kliknúť na tlačidlo Zrušiť a odhlásiť sa z rozhodnutia.
Výzva je typ vyskakovacieho okna, v ktorom sa používateľovi odporúča zadať hodnotu, ako je meno alebo vek, a po kliknutí na tlačidlo OK prijme zadanú hodnotu. Príklad: yourage = prompt („Zadajte platný vek“);
Otázka č. 26) Na príklade popíšte použitie animácie CSS.
Odpoveď: Do prvkov HTML môžete pridávať animácie (postupne prechádzať z jedného štýlu do druhého) bez použitia JavaScriptu alebo Flash pomocou animácií CSS.
Sú zadané kľúčové snímky, ktoré určujú, aké štýly bude prvok v určitých časoch meniť.
Príklad je uvedený na nasledujúcej obrazovke:
Ukážka animácie CSS, zmena farby z červenej na aqua
Otázka č. 27) Vysvetlite účel každého z typov požiadaviek HTTP podporovaných webovými službami RESTful
Odpoveď: Vo webovej službe RESTful má každý typ požiadavky HTTP konkrétny účel. Ďalej sú vysvetlené:
- ZÍSKAJTE je typ požiadavky, ktorá načítava údaje zo servera.
- POST je typ žiadosti, ktorá sa používa na odoslanie podrobností formulára s novými údajmi a následné nahranie súboru.
- PUT je žiadosť podobná POST, ale použitá na aktualizáciu existujúcej entity.
- ODSTRÁNIŤ je požiadavka podobná PUT a slúži na odstránenie prostriedku zo servera.
- TRACE sa používa na overenie obsahu prijatého spolu so sieťou počas žiadosti.
- HLAVA je podobné ako GET, ale počas žiadosti prijíma hlavičky odpovedí.
Otázka č. 28) Aké sú rozdiely medzi značkou Span a Div v HTML5?
Odpoveď: Div a Span sa používajú na predstavenie konkrétnej časti webovej stránky, obe sa však navzájom líšia, ako je vysvetlené v nasledujúcej tabuľke:
Div | Rozpätie |
---|---|
Div je prvok na úrovni bloku | Span je vložený prvok |
Značka Div sa používa na zabalenie častí dokumentu | Značka Span sa používa na zabalenie textu a obrázkov do malých častí |
Div sa používa na vytváranie rozložení založených na CSS | Rozpätie sa používa na pridanie štýlu k textu |
Div prijíma atribút align | Rozpätie neprijíma atribút zarovnania |
Otázka č. 29) Vysvetlite pomocou pseudo-triedy v CSS príklady.
Odpoveď: Pseudo trieda v kaskádových štýloch je kľúčové slovo aplikované na selektory prvkov HTML na pridanie špeciálneho štýlu k udalostiam HTML, ako je onblur, onclick, onchange, onhover atď., Na základe externých faktorov, ako je predchádzajúca návšteva webových stránok z histórie navigácie, polohy alebo pohybu myš, stav obsahu prvku formulára.
Syntax triedy Pseudo:
cssselector : pseudo-class { attribute: value; }
Príklad:
Pseudotrieda CSS na stránke HTML:
otázky na pohovor na c ++
Umiestnením kurzora myši na rôzne prvky sa zobrazia efekty pseudotriedy.
Záver
V tomto tutoriáli sme preto diskutovali o otázkach týkajúcich sa rozhovorov týkajúcich sa vývoja a údržby webových stránok a webových aplikácií. Je nevyhnutné mať dobré porozumenie a praktické znalosti o integrácii nových technológií, front-end knižníc skriptovacích jazykov, API HTML5, CSS3 a jazykoch ako Java, ASP, PHP. Musíme tiež vedieť nakonfigurovať aplikácie na webových serveroch a databázach, zaobchádzať s kľúčovými slovami SEO, zabezpečením webu a kompatibilitou prehliadačov.
Mali by ste sa dobre orientovať v sieťových znalostiach, ako sú protokol, webové služby, skúsenosti používateľov, riešenie problémov a inovácie vo webových a mobilných aplikáciách, ako aj zabezpečenie, manipulácia s reláciami a funkcie dostupnosti.
Všetko najlepšie k vášmu nadchádzajúcemu rozhovoru pre webový vývojár.
Odporúčané čítanie
- Kompletný sprievodca testovaním webových aplikácií (testovanie webových stránok)
- 25 najlepších otázok a odpovedí na agilné testovacie pohovory
- Najobľúbenejších 30+ obľúbených otázok a odpovedí na pohovor s CSS
- 25+ najobľúbenejších otázok a odpovedí na rozhovory s ADO.NET
- Top 20+ .NET Interview otázok a odpovedí
- 30 najčastejších otázok a odpovedí s HTML rozhovormi (ZOZNAM 2021)
- Top 25 Java Web Services Interview Otázky a odpovede
- Top 20 najdôležitejších API testovacích otázok a odpovedí na pohovory