top 25 web developer interview questions
Tento výukový program poskytuje sadu často kladených dotazů Dotazy a odpovědi k webovým vývojářům pro front-end webové vývojáře na juniorské i seniorní úrovni:
Pro marketingový tým je nezbytné vybudovat spolehlivou webovou prezentaci, inzerovat své produkty a služby svým potenciálním zákazníkům, sledovat je a poskytovat poprodejní služby stávajícím zákazníkům.
Webové aplikace jsou vytvářeny s cílem být globálně přístupné, uznávané a nabízející své produkty a služby na mezinárodním trhu.
klidové otázky a odpovědi pro zkušené
Pro vytváření webových aplikací je povinné mít podrobné znalosti značkovacích jazyků, jako jsou HTML5, kaskádové styly CSS3, JavaScript a JS knihovny pro interakce s uživateli, pro manipulaci s prvky DOM, pro ověřování vstupů klientů a pro dynamiku a responzivní webové stránky.
Co se naučíte:
Co je vývoj webových aplikací
Vývoj webu se týká práce spojené s vytvářením a údržbou webů a webových aplikací, jako jsou online eCommerce weby, Amazon, Flipkart, eBay atd. A sociální sítě jako Facebook, LinkedIn, Instagram a Twitter.
Patří sem také práce na budování webových stránek pro železnice, banky, všechny hlavní vládní weby za účelem vysílání informací a vytváření povědomí.
Zvyšujte povědomí veřejnosti a poskytujte vzdělávání prostřednictvím zpravodajských kanálů pomocí softwaru pro webové konference Skype, Zoom, GoToMeeting. Poskytujte online zábavu prostřednictvím webových seriálů, jako jsou Netflix, Amazon Prime, MX player atd. Vychovávejte studenty, pořádejte schůzky, abyste oslovili zákazníky a týmy přes geografické hranice.
Nyní přejdeme k nejčastějším dotazům ohledně rozhovorů s vývojáři webu pro rozhovory pro juniory i seniory.
Často kladené dotazy ohledně rozhovorů s webovými vývojáři
Otázka č. 1) Vysvětlete funkčnost prohlížeče.
Odpovědět: Prohlížeč nabízí různé funkce. Jedná se o následující:
- Pomáhá přistupovat ke stránkám HTML a všem webovým prvkům používaným ve webových aplikacích i na webových stránkách a zobrazovat odpovědi z jiných webů jako odpověď na požadavky.
- Umožňuje vyhledávání na webu, který vás zajímá, zadáním adresy URL nebo webové adresy do adresního řádku a zobrazení odpovědi pomocí některého z vyhledávačů.
- Ovládací prvky navigace se používají k návratu na naposledy otevřené stránky kliknutím na tlačítko Zpět a Další pro posun vpřed.
- Historie sleduje navštívené stránky v chronologickém pořadí. Umožňuje si zapamatovat nebo uložit do záložek weby, které vás zajímají, abyste je mohli později odkázat nebo prozkoumat. Ukládá také dříve navštívené weby ve formě mezipaměti a umožňuje návštěvníkům rozpoznávat weby, což zrychluje přístup k těmto webům.
- Spravuje hesla pro často používané weby vyžadující ověření a ve většině případů udržuje uživatele již přihlášené k účtu.
- Umožňuje přístup na různé weby, výměnu informací prostřednictvím volání API, komunikaci prostřednictvím e-mailu, dat a softwaru pro sdílení mediálních souborů.
Příklad prohlížečů: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
Otázka č. 2) Vysvětlete HTML 5, CSS3, JavaScript a jejich důležitost při vývoji webu.
Odpovědět:
- HTML je značkovací jazyk nezávislý na platformě a prohlížeči s řadou značek, které poskytují strukturu webové stránky.
- CSS vylepšuje rozložení stránky a její obsah stylově.
- JavaScript řídí chování webových prvků, a tím činí váš web interaktivní / responzivní, ověřuje vstupní hodnoty uživatelů, zachycuje informace o návštěvnících webu a rozpoznává předchozí návštěvníky, pomáhá při analýze procenta míry prokliku návštěvníků blogu.
Otázka č. 3) Co chápete pod Framework?
Odpovědět: Framework je struktura, která poskytuje platformu pro vytváření aplikací. Jedná se o kolekci podobných typů souborů umístěných takovým způsobem, že jsou nakonfigurovány pro interní připojení / integraci.
Příklad: Rámec API, který obsahuje dobře testované, předem napsané a kompilované třídy k dosažení běžných funkcí, jako je funkce nahrávání souborů, čtení obsahu souborů, zprávy ve formátu PDF a podobné formáty integrované s jejich webovou aplikací.
Otázka č. 4) Co je knihovna s kontextem pro vývoj webu?
Odpovědět: Knihovna je kolekce kódu, která je předem otestována a navržena pro očekávané funkce vyvinuté vývojáři a jsou k dispozici v úložištích. Weboví vývojáři mohou tyto knihovny integrovat a využívat jejich funkce místo toho, aby znovu objevovali kód, aby od začátku dosáhli stejné funkce.
Ve své aplikaci můžete použít knihovny iText a Apache FOP, které vám pomohou exportovat data do souborů ve formátu PDF.
Otázka č. 5) Jaké jsou důvody problému se zamrznutím prohlížeče?
Odpovědět: Chcete-li identifikovat hlavní příčinu a vyřešit častý problém se zmrazením prohlížeče, postupujte podle níže uvedených kroků:
Zde považujeme Google Chrome za výchozí prohlížeč.
- Zkontrolujte jakýkoli problém související s internetem: Klikněte na ikonu Okno (Start) -> Vyberte Ovládací panely -> V části Síť a internet -> Klikněte na Zobrazit stav sítě a úkoly -> Zkontrolovat Zobrazit aktivní síť - klikněte na připojení nebo odpojení -> Mělo by se zobrazit připojení k internetu pro vybraný síť.
- Chrome není správně uzavřen: V pravém dolním rohu extrémně dolů klikněte pravým tlačítkem a vyberte možnost spustit správce úloh, pokud na kartě procesů najdete více souborů chrome.exe, klikněte pravým tlačítkem na daný záznam a vyberte možnost Ukončit proces. Tím se uvolní místo v paměti RAM. Poté Chrome znovu spusťte.
- Zakázat rozšíření pro Chrome: Otevřete prohlížeč Chrome a zadejte do adresního řádku -> chrome: // extensions / a stiskněte klávesu Enter. Zakažte všechna aktivní rozšíření a znovu restartujte prohlížeč Chrome. Přejděte na rozšíření Chrome a povolte všechna rozšíření.
- Prohledat počítač, zda neobsahuje malware: Spusťte Chrome a přejděte do nastavení. Klikněte na Pokročilé, najděte Obnovit a Vyčistit. Klikněte na Vyčistit počítač.
- Obnovit nastavení Chromu: Spusťte Chrome, přejděte do nastavení, klikněte na Pokročilé, najděte Obnovit a vyčistit a klikněte na Obnovit nastavení na původní výchozí hodnoty.
- Odebrat nekompatibilní aplikace: Pokud Chrome během kontroly zjistí jakoukoli nekompatibilní aplikaci, klikněte na aktualizaci nebo odeberte nekompatibilní aplikace.
- Nakonec, pokud problém stále přetrvává, odinstalujte verzi prohlížeče Chrome a nainstalujte nejnovější verzi.
Otázka č. 6) Jak zlepšit uživatelskou zkušenost pro uživatele, kteří navštíví váš web?
Odpovědět: Následují návrhy na vylepšení uživatelské zkušenosti:
- Váš web / aplikace by měla být spuštěna 24 × 7.
- Mělo by zvládnout zatížení více uživatelů během špičky nebo sezóny.
- Mělo by to být uživatelsky přívětivé a snadno se navigovat k funkcím, které návštěvník hledá.
- Měli byste mít poutavá videa, která vám představí funkce vašeho produktu.
- Web by měl být prohledáván z vyhledávačů na základě zadaných klíčových slov.
- Web by měl být integrován s platební bránou se všemi možnými alternativami transakcí.
- Měli byste mít zdarma k dispozici funkce dostupné uživatelům při rozhodování o koupi vašeho produktu.
- Při přístupu na web by měla být zabezpečena uživatelská data.
- Funkce relací a mezipaměti by měly rozpoznávat vracející se návštěvníky.
Otázka č. 7) Jaké jsou formáty videa používané při vývoji webu?
Odpovědět: Níže jsou uvedeny některé formáty videa podporované a používané při vývoji webu:
- AVI od společnosti Microsoft
- Přehrávač videa FLV Adobe Flash
- WMV podporované přehrávačem Windows Media Player
- MOV přehrávačem QuickTime
- MP4 podporovaný mobilními telefony a dalšími platformami
Otázka č. 8) Jak byste na svůj web zahrnuli funkce přístupnosti?
Odpovědět: Přístupnost je základní funkce, která musí být implementována na vašem webu, aby umožnil návštěvníkům se speciálními potřebami a postižením přístup a prozkoumání vašeho webu.
- Web by měl být vhodný pro klávesnici, tj. Všechny funkce by měly být přístupné bez použití myši.
- Uživatelé by měli mít možnost vypnout dynamický a pohyblivý obsah, jako jsou soubory GIF, animace, video soubory. Tento obsah může nepříznivě ovlivnit epileptické uživatele.
- Přepisy / titulky pro sledování videí. Pro neslyšící uživatele sledování videa s titulky nestačí, během běhu videa by se měly zobrazit funkce, jako jsou titulky.
- Funkce hlasové asistence a označování fotografií, grafiky a tlačítek pro zrakově postižené návštěvníky jsou zásadní pro postupování podle pokynů k prozkoumání a použití funkcí nabízených na webu
- Automatické dokončování funkcí na vyhledávací liště a snadné vyhledání funkcí pro návštěvníky se zpožděnou nebo špatnou motorikou.
- Zvětšete velikost klikatelné oblasti. Používejte jemné barvy pro návštěvníky s barevnou slepotou.
Otázka č. 9) Kdy byste použili AJAX ve své webové aplikaci?
Odpovědět: AJAX aktualizuje část obsahu stránky bez opětovného načtení celé stránky. Tato funkce je nezbytná, když uživatel potřebuje rychlé výsledky, bez jakéhokoli zpoždění čekání na odeslaný požadavek kliknutím na tlačítko Odeslat a čekáním na odpověď. Zatížení serveru lze snížit použitím AJAX s menším počtem požadavků, což šetří šířku pásma.
K ověření formuláře můžete použít AJAX. Místo vyskakovacích oken lze použít lightbox, třídění a filtrování obsahu v tabulkovém formátu, zobrazování výsledků nebo hlasů pomocí chatovací aplikace, opětovné načtení captcha pro kontroly autentizace.
Otázka č. 10) Jak můžeme implementovat webové služby do webových aplikací?
Odpovědět: Webová aplikace odesílá požadavky webové službě pomocí protokolu HTTP. Na dané adrese URL webová služba zpracuje požadavek a vrátí odpověď zpět do aplikace. SOAP a RESTful jsou dva typy webových služeb.
Otázka č. 11) Jak a jaké funkce zabezpečení můžete na svůj web použít?
Odpovědět: Chcete-li chránit svůj web před krádeží dat, musíte zlepšit zabezpečení svého webu, například
- Vymáhejte zásady silného hesla, které umožňují, aby heslo mělo alespoň 10 znaků a mělo by obsahovat horní, dolní, speciální znaky a číslice.
- Hostitel, který nainstaluje váš web, by měl mít zálohovací zařízení, nainstalovaný antivirový program a bránu firewall pro zabezpečení vašeho obsahu.
- Přihlašovací stránka by měla obsahovat funkci Captcha, OTP, blokovat funkci účtu (v případě zadání 3 nesprávných hesel) atd., Aby se zabránilo přístupu neoprávněného návštěvníka k vašemu účtu.
Otázka č. 12) Jaká konfigurace a nastavení je vyžadováno pro odesílání e-mailů prostřednictvím vašeho webu?
Odpovědět: V ideálním případě můžete svůj SMTP nakonfigurovat na jednom serveru pomocí služby třetí strany, jako je Gmail SMTP, nebo pomocí elastického e-mailu pomocí názvu hostitele, portu, uživatelského jména a hesla.
Otázka č. 13) K čemu byste vytvořili responzivní web?
Odpovědět: Responzivní webový design pomáhá automaticky měnit velikost a výšku prohlížeče na základě stolních počítačů, tabletů a mobilních zařízení s ohledem na velikost monitoru počítače nebo notebooku.
Otázka č. 14) Jaké jsou formáty pro výměnu dat?
Odpovědět: Různé formáty pro výměnu dat jsou XML, CSV, JSON a textové formáty.
Otázka č. 15) Co myslíte protokolem?
Odpovědět: V síťové terminologii je protokol sada pravidel pro formátování a zpracování dat. Aby bylo možné komunikovat, obě zařízení by měla mít stejný protokol. Internet Protocol (IP) je protokol síťové vrstvy a je zodpovědný za směrování. Transmission Control Protocol (TCP) přenáší pakety dat mezi sítěmi.
HyperText Transfer Protocol (HTTP) je vrstva 7 používaná v Internetu a přenáší data mezi zařízeními. User Datagram Protocol (UDP) se používají v aplikacích pro rychlou výměnu dat, jako je streamování videa a hraní her.
Otázka č. 16) Jaké techniky byste použili ke snížení doby načítání stránky?
Odpovědět: Aby se snížila doba načítání stránky a zlepšil výkon, lze použít následující techniky:
- Použijte nejnovější verze technologií pro vytváření webů, jako jsou CSS3 a HTML5
- Použijte JavaScript a šablony stylů na minimum
- Snažte se vyhnout používání přesměrování
- Použijte malou velikost obrázků
- Zahrnout kód ze sítě pro doručování obsahu (CDN)
- Aplikujte AJAX na rychlé a pohotové webové aplikace
Otázka č. 17) Seznam rozdílů mezi HTTP 1.1 a 2.0?
Odpovědět: Rozdíly mezi HTTP 1.1 a HTTP 2 jsou uvedeny v následující tabulce:
fronta ukazatelů c ++
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1 dokáže zpracovat pouze prostý text a není kompatibilní se zpracováním CSS, JavaScriptu, obrázků, zvuků, videí a digitalizovaných pachů, dotykových vzorků. | Používá nápovědu push serveru k ukládání prostředků, které mají být použity v požadavku v mezipaměti prohlížeče, a to i před vyžádáním, a rychlé zobrazení obsahu. |
Odeslaný požadavek a přijaté odpovědi byly ve formátu prostého textu. | Zprávy jak požadavek, tak odpověď jsou zapouzdřeny v binárním formátu, což poskytuje větší ochranu před neoprávněnými změnami. |
Najde potíže se zpracováním mezer, velkých písmen a konců řádků. | Používejte binární protokoly, které efektivněji zpracovávají prvky, jako jsou mezery, velká písmena a konce řádků |
Potřebuje větší šířku pásma pro zpracování obsahu stránky | Spotřebuje menší šířku pásma pro zobrazení obsahu stránky |
Upřednostňování načítání obsahu není v HTTP 1.1 možné | Vývojáři mají kontrolu nad určováním priorit / nahráváním obsahu v pořadí podle svých preferencí. |
Načte zdroje jeden po druhém, přičemž čas načte obsah na stránku | Odesílá více proudů dat pomocí jediného připojení TCP. Řešení problému blokování head-of-line v HTTP 1.1 |
Metadata jsou přenášena jako prostý text, a proto je potřeba s nimi zacházet více | Používá mechanismus komprese záhlaví, který snižuje režii |
Otázka č. 18) Jaké priority byste při vytváření webové aplikace zvážili?
Odpovědět: Při vytváření webových aplikací je třeba mít na paměti následující priority:
- Výkon webových stránek by měl být testován, protože by se měl načítat co nejrychleji.
- Stránky aplikací by neměly mít poškozené odkazy.
- Aplikace by měla být kompatibilní se všemi hlavními prohlížeči, jako jsou Mozilla Firefox, Google Chrome, Internet Explorer a Opera.
- Stránka by měla obsahovat klíčová slova, která jsou přístupná vyhledávačům.
- Mělo by existovat bezproblémové připojení k databázi.
- Entity databáze, jako jsou uložené procedury, by měly být důkladně otestovány s platným vstupem.
- Backendové tabulky by měly být zabezpečené, odolné proti neoprávněné manipulaci.
- Vkládání dat by mělo být ověřeno omezeními na úrovni sloupců a řádků.
- Vkládání dat do tabulek DB a jejich prohlížení v procesu uživatelského rozhraní by mělo být co nejrychlejší.
- Rámec používaný k integraci stránek by měl být jednoduchý a měl by být testován bez jakékoli kompilace.
- Stránky pro zadávání uživatelů by měly být navrženy s minimem vstupů od uživatele, použité prvky by měly být uživatelsky přívětivé pro přístup.
- Použití protokolu HTTP2 k rychlému načtení obsahu stránky.
- Použití JavaScriptu by mělo být minimální.
- Mělo by být poskytnuto zajištění přístupnosti, jako je reproduktor pro čtení textu, větší velikost písma, dotykový přístup k obrazovce, aby lidé s fyzickými omezeními měli také snadný přístup na web.
- Měla by integrovat mediální soubory, jako je zvuk a video, které lze otevřít, aniž by se při provádění těchto souborů spoléhaly na místní software.
- Webové stránky by měly reagovat na mobilní obrazovky.
Otázka č. 19) Jaké jsou nové funkce zavedené v HTML5?
Odpovědět: V HTML5 byly zavedeny nové sémantické, grafické a multimediální prvky, přidány různé atributy k prvkům, zatímco několik prvků bylo odstraněno.
Přidala také hlavní nové funkce, jako jsou multimediální prvky video a audio, geolokační API, API na webovém úložišti, webový socket, webový pracovník JS, Canvas a Drag-n-Drop.
Otázka č. 20) Vysvětlete příklady, rozdíly mezi Canvas a SVG.
Odpovědět: Oba kontejnery Canvas a SVG se používají k ukládání grafiky na stránce HTML, ale mají mezi sebou následující rozdíly.
SVG | Plátno |
---|---|
je prvek kontejneru pro grafiku, jako je pole, kruh, elipsa atd. na stránce HTML | je kontejner pro kreslení grafiky pomocí JavaScriptu |
SVG je škálovatelný a vhodný pro tisk ve vysokém rozlišení | Plátno není škálovatelné a není vhodné pro tisk ve vysokém rozlišení |
Zobrazte lepší výkon při načítání malého počtu objektů a velkých povrchových objektů | Zobrazte lepší výkon při načítání velkého počtu objektů a malých povrchových objektů |
SVG lze upravit pomocí skriptu a css | Plátno lze upravit pouze pomocí skriptu |
SVG je vektorový základ z tvarů | Plátno je rastrový materiál vyrobený z pixelů |
Otázka č. 21) Co je prvek DOM a jeho hierarchie?
Odpovědět: Objekt dokumentu je dokument HTML, který se zobrazí v okně prohlížeče, když vstoupíme na webovou stránku. DOM nebo model objektového dokumentu je způsob, jakým je k tomuto dokumentu přistupováno nebo upravováno.
Objekt okna je rodičem všech prvků, následuje objekt Document, který zobrazuje obsah stránky, poté přichází Objekt formuláře , který je identifikován značkami.
Ovládací prvky formuláře: Všechny vstupní prvky, jako jsou textová pole, tlačítka, přepínače, zaškrtávací políčka, seznamy atd., Jsou obsaženy v objektu formuláře.
Otázka č. 22) Kdy byste měli použít volič id a třídy?
Odpovědět: ID jako selektor je definován tak, aby jej jednoznačně identifikoval jako prvek, proto by nemělo být stejné ID aplikováno na žádný jiný prvek na stejné stránce. Zatímco selektory tříd jsou typy selektorů CSS, které se používají k přidání stylu tomuto prvku, pro příklad, rodinu písem, velikost písma nebo barvu, a proto lze selektory tříd použít na více prvků.
V JavaScriptu máme getElementById () metoda, která vrací první prvek nalezený ve zdrojovém kódu, zatímco getElementsByClassName () metoda vrací kolekci prvků s konkrétním názvem třídy.
Otázka č. 23) Vysvětlete API zavedená HTML5.
Odpovědět: HTML 5 zavedlo následující metody API:
- Časové rozhraní API s vysokým rozlišením: Poskytuje aktuální čas v rozlišení na milisekundy, nezávisle na zkosení systémových hodin nebo úpravách.
- User Timing API: To umožňuje přesné měření výkonu kódu JavaScriptu.
- API časování navigace: Pomáhá při hodnocení časosběrného protokolu během zpoždění při načítání stránky a bere v úvahu přesměrování stránky, vyhledávání DNS a čas na vytvoření zpoždění připojení DOM, TCP atd.
- Network Information API: Pomáhá identifikovat typ připojení návštěvníka webu a stav celého protokolu šířky pásma.
- Vibrační API: Může stimulovat reakci během určitých událostí v herních aplikacích vibrací uživatelských zařízení (mobilních telefonů), což poskytuje maximální uživatelský zážitek.
- Battery Status API: Nabízí informace o stavu baterie zařízení, jako je nabíjení, zbývající sekundy do úplného vybití atd.
- Rozhraní API pro viditelnost stránky: Poskytuje podrobnosti o stavech viditelnosti stránky, jako je minimalizovaná, aktuálně zaměřená, poskytuje rozhodnutí o zastavení spotřeby CPU nebo šířky pásma.
- Fullscreen API: Umožňuje zobrazení na celou obrazovku od uživatele na základě specifikace aplikace.
- getUserMedia API: Poskytuje přístup k multimediálním streamům, jako je video, zvuk nebo obojí vložené do webové stránky.
- WebSocket API: Udržuje trvalé spojení mezi prohlížečem a serverem.
- Geolokační API: To pomáhá sledovat geografickou polohu místa a lidí prostřednictvím globálního pozičního systému (GPS) a načíst zeměpisnou šířku a délku, čímž vykreslí polohu v reálném čase na mapě.
Otázka č. 24) Jaký je rozdíl mezi hodnotou Null, Empty a Undefined a jak s nimi můžete zacházet?
Odpovědět: Prázdný řetězec, Null a Undefined mají podobný typ, ale liší se od sebe navzájem.
Nedefinováno: Když právě deklarujeme proměnnou, ale nepřiřadili jsme žádnou hodnotu. Proměnná OR neexistuje nebo není deklarována. Příklad: hodnota; console.log (hodnota); ==> undefined
Nula: Identifikátory nebo názvy dané funkcím, proměnným existují, ale nemají žádnou hodnotu. tj. hodnota je null. Příklad: val = null
Prázdný řetězec: Když proměnná s datovým typem řetězec neobsahuje žádná znaková data. Příklad: a = '';
Otázka č. 25) Vysvětlete různá vyskakovací okna použitá v JavaScriptu.
Odpovědět: V JavaScriptu existují hlavně tři typy vyskakovacích oken, viz. Výstraha, potvrzení a výzva.
Výstraha je vyskakovací okno, které uživateli poskytuje informace pomocí tlačítka OK. Uživatelé si mohou zprávu přečíst a kliknutím na tlačítko OK toto okno zavřít.
Syntaxe použitá pro upozornění v JavaScriptu:
alert('message');
Potvrdit je vyskakovací okno pro uživatele, aby se rozhodli a vybrali jednu z možností, z OK a Storno.
- Aby bylo možné souhlasit se zprávou jako Chceš? může uživatel kliknutím na OK potvrdit rozhodnutí.
- Chcete-li se zprávou nesouhlasit, může uživatel kliknout na Storno a odhlásit se z rozhodnutí.
Výzva je typ vyskakovacího okna, kde se uživateli doporučuje zadat nějakou hodnotu, jako je jméno nebo věk, a po kliknutí na tlačítko OK přijme zadanou hodnotu. Příklad: yourage = prompt („Zadejte platný věk“);
Otázka č. 26) Popište na příkladu použití CSS animace.
Odpovědět: Můžete přidat animaci (postupně se měnit z jednoho stylu na jiný) k prvkům HTML bez použití JavaScriptu nebo Flash pomocí animací CSS.
Jsou zadány klíčové snímky, které určují, jaké styly bude prvek v určitých dobách změněn.
Příklad je uveden na následující obrazovce:
Příklad změny animace CSS z červené na aqua
Otázka č. 27) Vysvětlete účel každého z typů požadavků HTTP podporovaných webovými službami RESTful
Odpovědět: Ve webové službě RESTful má každý typ požadavku HTTP konkrétní účel. Níže jsou vysvětleny:
- DOSTAT je typ požadavku, který načítá data ze serveru.
- POŠTA je typ požadavku, který se používá k odeslání podrobností nového formuláře a následnému nahrání souboru.
- DÁT je požadavek podobný POST, ale aplikovaný na aktualizaci existující entity.
- VYMAZAT je požadavek podobný PUT a slouží k odstranění prostředku ze serveru.
- STOPA se používá k ověření obsahu přijatého společně se sítí během požadavku.
- HLAVA je podobný GET, ale během požadavku přijímá záhlaví odpovědí.
Otázka č. 28) Jaké jsou rozdíly mezi značkou Span a Div v HTML5?
Odpovědět: Div a Span se používají k představení konkrétní části webové stránky, ale oba se od sebe liší, jak je vysvětleno v následující tabulce:
Div | Rozpětí |
---|---|
Div je prvek na úrovni bloku | Span je vložený prvek |
Značka Div se používá k zabalení částí dokumentu | Značka Span se používá k zabalení textu a obrázků v malých částech |
Div se používá k vytváření rozložení založených na CSS | Rozpětí se používá k přidání stylu textu |
Div přijímá atribut zarovnání | Rozpětí nepřijímá atribut zarovnání |
Q # 29) Vysvětlete Pseudo třídu v CSS s příklady.
Odpovědět: Třída Pseudo v kaskádových seznamech stylů je klíčové slovo aplikované na selektory prvků HTML pro přidání speciálního stylu na události HTML, jako je onblur, onclick, onchange, onhover atd., S odkazem na externí faktory, jako je předchozí návštěva webových stránek z historie navigace, polohy nebo pohybu myš, stav obsahu prvku formuláře.
Syntaxe pro třídu Pseudo:
cssselector : pseudo-class { attribute: value; }
Příklad:
Pseudotřída CSS na stránce HTML:
typy metadat v datovém skladu
Umístěním kurzoru myši na různé prvky zobrazíte efekty pseudotřídy.
Závěr
V tomto výukovém programu jsme tedy diskutovali otázky týkající se rozhovorů týkajících se vývoje a údržby webových stránek a webových aplikací. Je nezbytné mít dobré znalosti a praktické znalosti o integraci nových technologií, front-end skriptovacích jazykových knihoven, HTML5 API, CSS3 a jazyků jako Java, ASP, PHP. Musíme také vědět, jak konfigurovat aplikace na webových serverech a v databázi, zpracovávat klíčová slova SEO, zabezpečení webu a kompatibilitu prohlížeče.
Měli byste se dobře orientovat v síťových znalostech, jako je protokol, webové služby, uživatelské zkušenosti, řešení problémů a inovace ve webových a mobilních aplikacích, jakož i zabezpečení, zpracování relací a funkce usnadnění přístupu.
Vše nejlepší k vašemu nadcházejícímu rozhovoru pro webový vývojář.
Doporučené čtení
- Kompletní průvodce testováním webových aplikací (Jak testovat web)
- 25 nejlepších agilních testovacích otázek a odpovědí na rozhovor
- Top 30+ oblíbených otázek a odpovědí na rozhovor s CSS
- 25+ nejoblíbenějších dotazů a odpovědí na rozhovor s ADO.NET
- Top 20+ .NET Interview Otázky a odpovědi
- 30 nejdůležitějších otázek a odpovědí na rozhovor s HTML (SEZNAM 2021)
- Top 25 Java Web Services Interview Dotazy a odpovědi
- Top 20 nejdůležitějších API testů Interview Otázky a odpovědi