Top 25 Must-Wëssen Web Entwéckler Interview Froen & Äntwerten

Webentwéckler sinn weider gefrot wéi den Internet weider wiisst. Fir den Job awer ze landen, musst Dir als éischt d'Interviewsession vum Patron skala.

Och wann gréisser Teams tendéieren entweder Front-End oder Back-End Entwéckler spezifesch ze astellen, méi kleng Teams a Startups ginn dacks fir Full-Stack Entwéckler. Also, et ass hëllefräich sou vill ze wëssen wéi Dir kënnt.

Déi folgend ass eng Lëscht vun den Top 25 Must-know Web Entwéckler Interview Froen an hir Äntwerten fir Iech ze hëllefen prett ze sinn.

1. Wat sinn d'Roll vun HTML, JavaScript, An CSS an der Webentwécklung?

HTML steet fir HyperText Markup Language an et ass d'Standardsprooch fir Dokumenter z'entwéckelen fir um Internet ze publizéieren. JavaScript an CSS sinn Extras.

JavaScript gouf ursprénglech als Client-Säit Programméierungssprooch entwéckelt, et leeft am Browser aus fir méi Funktionalitéit op der Websäit ze produzéieren. CSS steet fir Cascading Style Sheets a gëtt benotzt fir Elementer um Bildschierm ze presentéieren.

2. Wat ass Responsive Web Design

Responsive Webdesign ass eng Webentwécklung Approche déi zielt fir déi bescht Erfahrung fir e Benotzer ze kreéieren andeems d'Erscheinung vun der Websäit baséiert op deem Benotzer säin Apparat oder Ëmfeld adaptéiert.

D'Zil ass datt d'Websäit gutt op all Apparater ausgesäit an dëst enthält dynamesch Ännerungen déi entweder d'Erhéijung vun der Boxgréisst an d'Ausrichtung reduzéieren op Basis vun der Écrangréisst oder Orientéierung vum Apparat.

3. Wat sinn d'Virdeeler vun engem Framework benotzen?

Et gi vill Virdeeler fir e Kader ze benotzen fir eng Webapplikatioun z'entwéckelen. Déi grouss sinn wéi follegt:

1. Méi einfach Entwécklungsprozess mat beschten Praktiken.
2. Méi séier Entwécklung mat Startprojeten spuert Zäit.
3. D'Benotzung vun probéiert an getest Code.
4. Oft gëtt besser Sécherheet.
5. Spuert Käschten, besonnesch mat gréissere Projeten.

4. Wat ass e JavaScript Callback?

E JavaScript Callback ass eng Funktioun déi no enger anerer Funktioun ausgefouert soll ginn. Den Numm an d'Argumenter vun der Callback Funktioun kënnen als Argumenter un déi éischt Funktioun weidergeleet ginn, plus déi éischt Funktioun kann och Argumenter intern un d'Callback Funktioun weiderginn, déi e Resultat vu senge Berechnungen sinn.

Callback Funktiounen ginn am beschten mat asynchrone Funktiounen benotzt, déi musse waarden op aner Funktiounen fir d'éischt d'Ausféierung fäerdeg ze maachen.

5. Erklären Lokal Vs Global Ëmfang an JavaScript

Definéiert Variablen ginn a Wierder geschriwwen an dës sinn nëmmen sënnvoll am richtege Kontext. Lokal a global Ëmfang bezitt sech op dëse Kontext vun definéierte Variablen. Eng global Variabel muss ausserhalb vun enger Funktioun definéiert ginn, während lokal Variablen an enger Funktioun definéiert sinn.

Also huet eng global Variabel globalen Ëmfang, dat heescht datt se vun iwwerall am Programm zougänglech ass. Eng lokal Variabel huet awer lokalen Ëmfang an dat heescht datt et nëmme vu bannen der Funktioun zougänglech ass.

6. Erklären Z-Index an CSS

Den z-Index ass eng Elementeigenschaft déi benotzt gëtt fir d'Stackuerdnung vum Element ze definéieren. Stack Uerdnung bezitt sech op d'Fäegkeet vun engem Element entweder hannert oder virun aneren Elementer ze sinn, grad wéi e Stack Kaarte.

Elementer mat méi héije Stack Uerdnung schéngen virun Elementer mat méi niddereg Stack Uerdnung. An dësem Kontext gëtt en Element eng Stackuerdnung vun 2 oder 100 garantéiert datt et op allen aneren op enger Säit ugewise gëtt. Ähnlech wäert eng Säit ouni spezifizéiert Stackbestellungen déi ënnescht Elementer vun der Quell méi héich stackelen wéi déi Top.

7. Wat ass Marquee an HTML?

Marque ass e Container Tag an HTML, dee benotzt gëtt fir Scrollen Text ze weisen. Et léisst Iech d'Richtung vun der Scroll kontrolléieren, souwéi d'Geschwindegkeet. Marquee ass awer an HTML5 ofgeschaaft, an Dir sidd ugeroden CSS amplaz ze benotzen.

Beispill Scrollen mat Marquee:

Marquee Scroll Text

8. Lëscht Major Weeër Säit Luede Zäit reduzéieren

Et gi vill Schrëtt, déi en Entwéckler maache kann fir d'Laaschtzäit vun enger Säit ze verbesseren, déi grouss sinn:

• Optimiséiert Biller a reduzéiert hir Gréisst
• Kritt onnéideg Widgets lass
• Reduzéieren Lookups op e Minimum
• Host d'Websäit op engem anstännegen Host
• Benotzt Accelerated Mobile Pages oder statesch Siten
• Lazy Luede Biller
• Minifizéieren Äre Code

9. Wat sinn d'Ënnerscheeder tëscht Canvas & SVG?

SVG steet fir Scalable Vector Graphics an den Tag ass e Containerelement fir Grafiken ze kreéieren, sou wéi e Krees, eng Këscht, eng Ellips, asw. Dir kënnt SVG mat CSS oder JavaScript änneren a skalierbar sinn heescht datt et gutt funktionnéiert fir High-Resolution Outputs.

Déi Container, op der anerer Säit, ass rasterbaséiert an net skalierbar. Et gëtt och benotzt fir Grafiken ze kreéieren awer ass nëmme mat JavaScript geännert. Et ass awer méi effizient fir eng méi grouss Zuel vun Objeten ze handhaben.

10. Wéi mécht Null Ënnerscheed Vun Ondefinéiert sinn?

Null ass eng Representatioun vu kee Wäert. Et gëtt allgemeng als Placementhalter benotzt fir eng definéiert Variabel ze initialiséieren déi net e reelle Wäert zougewisen gouf. Ondefinéiert, op der anerer Säit, bezitt sech op eng definéiert Variabel déi net initialiséiert gouf.

Am JavaScript:

var variableA;

var variableB = null;

alert(variableA); // weist ondefinéiert

alert(VariabelB); // weist null

11. Wéi ënnerscheet d'ID vun der Klass?

ID a Klass sinn zwou Methoden fir Elementer an engem HTML Dokument z'identifizéieren an ze handhaben. De groussen Ënnerscheed tëscht deenen zwee ass awer datt d'ID eenzegaarteg muss sinn. An anere Wierder, zwee Elementer kënnen net déiselwecht ID deelen, awer zwee oder méi Elementer kënnen déiselwecht Klass deelen.

Eng ID gëtt benotzt fir spezifesch Elementer ze handhaben, während eng Klass benotzt gëtt fir eng Grupp vun Elementer ze handhaben déi een oder méi gemeinsam Charakteristiken deelen.

12. Wéi verbessert Dir d'Sécherheetsfeatures vun enger Websäit?

Déi puer Schrëtt déi Dir maache kënnt fir d'Sécherheet vun enger Websäit ze verbesseren enthalen:

1. Eng staark Passwuert Politik ëmzesetzen. Dëst bedeit datt Dir iwwerpréift datt e gewielte Passwuert iwwer 8 Zeechen huet an Zifferen, Spezialzeechen, an Uewer- a Klengbuchstaeche enthält.
2. Benotze vu Captcha oder all Anti-Bot Moossnam.
3. Benotzt 2-Faktor oder Multi-Faktor Authentifikatiounsmethoden wéi OTPs (One-Time-Passwords) an Hardware Dongles, wou néideg.
4. Mat engem Host mat DDoS Schutz an automatesche Backupfunktiounen.

13. Wéi ënnerscheet sech localStorage Vun sessionStorage?

D'localStorage an d'SessiounStorage Systemer erlaben allebéid en Entwéckler Daten an engem Webbrowser ze späicheren. Wéi och ëmmer, localStoarage ass persistent, wärend sessionStorage net ass. An anere Wierder, Daten, déi am LocalStorage gespäichert sinn, sinn am Browser iwwer verschidde Sessiounen verfügbar, während d'Donnéeën, déi an der SessionStorage gespäichert sinn, geläscht ginn wann de Browser-Tab zou ass.

14. Lëscht HTTP2.0 Verbesserungen Iwwer HTTP 1.1

Den HTTP/2 Protokoll gouf am Joer 2015 publizéiert a bitt bedeitend Verbesserungen, sou wéi:

1. Besser Sécherheet mat binär iwwer Text.
2. Besser Performance.
3. Méi niddereg Latenz.
4. Besser Fehlerhandhabung.
5. Ënneschten iwwerhead.

15. Wat ass den Ënnerscheed tëscht Git Pull a Git Merge?

De Git Pull Kommando léisst Iech Inhalt vun engem Remote Repository eroflueden, da aktualiséiert se Äre lokalen Repository mam erofgeluede Inhalt.

De Git Merge Kommando, op der anerer Säit, léisst Iech zwee separat entwéckelt Filialen vum selwechte Projet kombinéieren. De Fusiounsbefehl muss aus der Branche ausgefouert ginn, an där Dir wëllt fusionéieren, an dëst ass normalerweis d'Haaptzweig.

16. Wéi ënnerscheet GET Vum POST A PUT?

D'HTML GET Method gëtt vun engem Browser benotzt fir Informatioun vun engem Server ze froen, während d'POST a PUT Methode benotzt gi fir Informatioun vum Browser op e Server ze schécken.

Awer wärend eng POST Ufro einfach Daten un eng Serverressource ka addéieren, gëtt eng PUT Ufro benotzt fir d'Ressource ganz mat der Notzlaascht vun der Ufro ze ersetzen.

17. Lëscht vun de beléifsten Daten Exchange Formater

Hei sinn déi populär Datenaustauschformater bis haut:

1. XML
2. JAML
3. CSV
4. Language
5. HTTP
6. SQL

18. Lëscht D'3 Zorte vu Popup Këschte

Popup Boxen a JavaScript gi benotzt fir Messagen un de Benotzer ze weisen, Input ze froen, an heiansdo béid ze maachen. Hei sinn déi 3 Aarte vu JavaScript Popups:

1. Alarm Box - Dëst weist Äre Message plus en 'OK' Knäppchen.
2. Confirméieren Box - Dës Dialogbox enthält béid 'OK' an 'Ofbriechen' Knäppercher déi de Code beaflosse kënnen.
3. Prompt Box - Dës Këscht enthält eng Textinputbox fir Informatioun vum Benotzer ze sammelen.

19. Nennt déi verschidde Weeër fir CSS Code ze enthalen

Et ginn 3 Weeër fir CSS an engem HTML Dokument opzehuelen. Si sinn:

1. Extern CSS - Dir enthält en .css Dokument benotzt bannent dem Dokument tags.
2. Embedded CSS - Dir enthält den CSS Code an der Tags, iwwerall am Dokument.
3. Inline CSS - Dir benotzt de style="CSS-Property: Value" Pair an Ären HTML Tags, zB. PSquare!

20. Wéi mécht window.onload Differ From document.onload?

Window.onload gëtt benotzt fir JavaScript Code auszeféieren nodeems de Browser den DOM Bam vun der Säit an aner Basics gelueden huet, dorënner Biller, CSS Code a Skripte.

Während document.onload direkt ausféiert nodeems d'DOM fäerdeg ass, kann dat heeschen och ier Biller an extern Bibliothéike gelueden sinn.

21. Wéi verstoppt Dir en Element mat CSS?

Dir kënnt en HTML Element mat 3 CSS Methoden verstoppen, si sinn:

1. Display: keng; - D'Element gëtt weder rendered nach ugewisen.
2. Visibilitéit: verstoppt; - D'Element gëtt gemaach awer net ugewisen.
3. Positioun: Absolut; - D'Element gëtt rendert a ugewisen, awer ausserhalb vum Displayberäich positionéiert.

22. Wat sinn déi Bescht Notzunge Fir Ajax?

Ajax ass eng Method fir Daten vun engem Server am Hannergrond mat JavaScript ze lueden. Et huet vill Uwendungen, wéi Datenvalidatioun, Chat Apps, Kommentaren, Datefilter, visuell Redaktioun, Ëmfroen, a sou weider.

23. Lëscht puer nei Fonctiounen vun CSS3

CSS3 enthält vill modern an hëllefräich Funktiounen iwwer CSS2, sou wéi:

1. Ofgerënnt Ecker fir Këschte a Biller.
2. Animatioun vun Objeten.
3. Variablen & Funktiounen fir Deklaratioune.
4. Gitter & Flexbox fir reaktiounsfäeger Design.
5. Gradienten fir Hannergrondfaarwen.
6. Opazitéit Kontroll mat rgba.
7. Shadow Effekt fir Këschte an Texter.
8. Iwwergäng fir Hover a Focus op Elementer.

24. Wéi eng nei Input Aarte goufen an HTML5 agefouert?

Den Input Typ ass de Wäert deen Dir en Input Element an engem HTML Dokument gitt.

E Beispill ass:

or

Déi nei HTML5 Input Typen enthalen:

1. Datum
2. Faarf
3. Email
4. Sich
5. Telefon
6. Mount
7. Zuel Band
8. Mount
9. URL
10. Datetime-lokal

25. Beschreiwen D'HTML5 Media Elementer

HTML5 enthält méi Element Tags fir Medientypen a Quellen ze handhaben. Si sinn:

• - fir MP4, WebM, an Ogg Videoen.
• - fir verschidde Quellen a verschiddene Formater ze definéieren.
• - fir MP3, Ogg, a WAV Audio.
• - e Container fir extern Ressourcen vu Biller op Video a Websäiten ze enthalen.
• - fir Ënnertitel Tracks fir Videoen ze spezifizéieren.

Conclusioun

Um Enn vun eiser Lëscht vun den Top 25 Must-know Web Entwéckler Interview Froen erreechen, kënnt Dir gesinn datt et eng ganz Kombinatioun vun Technologien brauch fir e Full-Stack Entwéckler ze sinn.

Och wann dëst e Guide ass deen déi verschidden Aspekter vum Job beréiert, ass et op kee Fall ustrengend. Also, et ass un Iech d'Gebidder z'identifizéieren déi Dir net kloer sidd an dann léiert.