top 25 web developer interview questions
Dieses Tutorial enthält eine Reihe von häufig gestellten Fragen Fragen und Antworten zum Webentwickler-Interview für Front-End-Webentwickler auf Junior- und Senior-Ebene:
Für das Marketing-Team ist es wichtig, eine zuverlässige Webpräsenz aufzubauen, ihre Produkte und Dienstleistungen für potenzielle Kunden zu bewerben, den Überblick zu behalten und bestehenden Kunden After-Sales-Services anzubieten.
Webanwendungen werden mit dem Ziel erstellt, global zugänglich zu sein, anerkannt zu werden und ihre Produkte und Dienstleistungen auf dem internationalen Markt anzubieten.
schnelle Sortierung Pseudocode c ++
Für die Erstellung webbasierter Anwendungen sind fundierte Kenntnisse in Auszeichnungssprachen wie HTML5, Cascading Style Sheet CSS3, JavaScript und JS-Bibliotheken erforderlich, um Benutzerinteraktionen durchführen, DOM-Elemente verarbeiten, Client-Eingaben überprüfen und dynamisieren zu können und reaktionsschnelle Webseiten.
Was du lernen wirst:
Was ist Webentwicklung?
Webentwicklung bezieht sich auf die Arbeit beim Erstellen und Verwalten von Websites und webbasierten Anwendungen wie Online-E-Commerce-Websites, Amazon, Flipkart, eBay usw. und Websites für soziale Netzwerke wie Facebook, LinkedIn, Instagram und Twitter.
Dies schließt auch die Arbeit beim Aufbau von Websites für Eisenbahnen, Banken und alle wichtigen Regierungsseiten ein, um Informationen zu verbreiten und Bewusstsein zu schaffen.
Generieren Sie mit der Webkonferenzsoftware Skype, Zoom und GoToMeeting ein öffentliches Bewusstsein und informieren Sie über Nachrichtenkanäle. Bieten Sie Online-Unterhaltung über Web-Serien wie Netflix, Amazon Prime, MX-Player usw. an. Bilden Sie Schüler aus, führen Sie Besprechungen durch, um Kunden und Teams über geografische Grenzen hinweg anzusprechen.
Kommen wir nun zu den häufigsten Fragen zu Webentwickler-Interviews für Interviews auf Junior- und Senior-Ebene.
Häufig gestellte Fragen zum Webentwickler-Interview
F # 1) Erläutern Sie die Funktionalität eines Browsers.
Antworten: Der Browser bietet verschiedene Funktionen. Diese sind wie folgt:
- Es hilft beim Zugriff auf HTML-Seiten und alle in webbasierten Anwendungen sowie auf Websites verwendeten Webelemente und zeigt Antworten von anderen Websites als Antwort auf die Anforderungen an.
- Ermöglicht die Websuche nach der Site Ihres Interesses, indem Sie eine URL oder Webadresse in die Adressleiste eingeben und die Antwort mithilfe einer der Suchmaschinen anzeigen.
- Navigationssteuerelemente werden verwendet, um zu kürzlich geöffneten Seiten zurückzukehren, indem Sie auf die Schaltfläche Zurück und die Schaltfläche Weiter klicken, um vorwärts zu gelangen.
- Die Geschichte verfolgt die besuchten Orte in chronologischer Reihenfolge. Es ermöglicht das Speichern oder Setzen von Lesezeichen für Websites, die Sie interessieren, um sie zu einem späteren Zeitpunkt zu referenzieren oder zu erkunden. Außerdem werden zuvor besuchte Websites in Form eines Caches gespeichert und Besucher von Websites erkannt, wodurch der Zugriff auf diese Websites beschleunigt wird.
- Verwaltet Kennwörter für häufig verwendete Websites, für die eine Authentifizierung erforderlich ist, und hält Benutzer in den meisten Fällen bereits im Konto angemeldet.
- Ermöglicht den Zugriff auf verschiedene Websites, den Informationsaustausch über API-Aufrufe, die Kommunikation per E-Mail, Daten und Software zum Teilen von Mediendateien.
Beispiel für Browser: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
F # 2) Erklären Sie HTML 5, CSS3, JavaScript und ihre Bedeutung für die Webentwicklung.
Antworten:
- HTML ist eine plattform- und browserunabhängige Auszeichnungssprache mit einer Reihe von Tags, die die Struktur für eine Webseite bereitstellen.
- CSS verbessert das Seitenlayout und dessen Inhalt mit Stil.
- JavaScript steuert das Verhalten von Webelementen und macht Ihre Website dadurch interaktiv / reaktionsschnell, validiert Benutzereingabewerte, erfasst Informationen von Website-Besuchern und erkennt frühere Besucher und hilft bei der Analyse des Prozentsatzes der Klickrate von Blog-Post-Besuchern.
F # 3) Was verstehen Sie unter Framework?
Antworten: Framework ist eine Struktur, die eine Plattform zum Erstellen von Anwendungen bietet. Es handelt sich um eine Sammlung ähnlicher Dateitypen, die so platziert sind, dass sie für die interne Verbindung / Integration konfiguriert sind.
Beispiel: API-Framework, das gut getestete, vorab geschriebene und kompilierte Klassen enthält, um allgemeine Funktionen wie das Hochladen von Dateifunktionen, das Lesen von Dateiinhalten, Berichte in PDF-Form und ähnliche Formate, die in die Webanwendung integriert sind, auszuführen.
F # 4) Was ist eine Bibliothek mit Kontext zur Webentwicklung?
Antworten: Eine Bibliothek ist eine Sammlung von Code, der vorgetestet und für erwartete Funktionen entwickelt wurde, die von Entwicklern entwickelt wurden und in Repositorys verfügbar sind. Webentwickler können diese Bibliotheken integrieren und ihre Funktionen nutzen, anstatt den Code neu zu erfinden, um von Anfang an dieselbe Funktionalität zu erreichen.
Sie können iText- und Apache-FOP-Bibliotheken in Ihrer Anwendung verwenden, um den Export Ihrer Daten in Dateien im PDF-Format zu unterstützen.
F # 5) Was sind die Gründe für das Problem mit dem Einfrieren des Browsers?
Antworten: Führen Sie die folgenden Schritte aus, um die Hauptursache zu identifizieren und das Problem des häufigen Einfrierens des Browsers zu beheben:
Hier betrachten wir Google Chrome als Standardbrowser.
- Überprüfen Sie alle Probleme im Zusammenhang mit dem Internet: Klicken Sie auf das Fenstersymbol (Start) -> Systemsteuerung auswählen -> Unter Netzwerk und Internet -> Klicken Sie auf Netzwerkstatus und Aufgaben anzeigen -> Aktivieren Sie Ihr aktives Netzwerk anzeigen - Klicken Sie auf Verbinden oder Trennen -> Es sollte die Internetverbindung für das ausgewählte Netzwerk angezeigt werden Netzwerk.
- Chrome ist nicht richtig geschlossen: Klicken Sie in der äußersten rechten Ecke mit der rechten Maustaste und wählen Sie Task-Manager starten. Wenn Sie auf der Registerkarte Prozesse mehrere chrome.exe finden, klicken Sie mit der rechten Maustaste auf diesen Datensatz und wählen Sie Prozess beenden. Dadurch wird RAM-Speicherplatz frei. Starten Sie Chrome dann erneut.
- Chrome-Erweiterungen deaktivieren: Öffnen Sie den Chrome-Browser, geben Sie die Adressleiste -> chrome: // extensions / ein und drücken Sie die Eingabetaste. Deaktivieren Sie alle aktiven Erweiterungen und starten Sie den Chrome-Browser erneut. Gehen Sie zu Chrome-Erweiterungen und aktivieren Sie alle Erweiterungen.
- Scannen Sie den Computer auf Malware: Starten Sie Chrome und navigieren Sie zu den Einstellungen. Klicken Sie auf Erweitert, suchen Sie Zurücksetzen und Bereinigen. Klicken Sie auf Computer bereinigen.
- Chrome-Einstellungen zurücksetzen: Starten Sie Chrome, gehen Sie zu den Einstellungen, klicken Sie auf Erweitert, suchen Sie Zurücksetzen und Bereinigen und klicken Sie auf Einstellungen auf die ursprünglichen Standardeinstellungen zurücksetzen.
- Inkompatible Anwendungen entfernen: Wenn Chrome während eines Scans inkompatible Anwendungen erkennt, klicken Sie auf Aktualisieren oder entfernen Sie inkompatible Anwendungen.
- Wenn das Problem weiterhin besteht, deinstallieren Sie die Chrome-Version und installieren Sie die neueste Version.
F # 6) Wie kann die Benutzererfahrung für Benutzer, die Ihre Website besuchen, verbessert werden?
Antworten: Im Folgenden finden Sie Vorschläge zur Verbesserung der Benutzererfahrung:
- Ihre Website / Anwendung sollte rund um die Uhr ausgeführt werden.
- Es sollte während der Spitzenzeit oder in der Saison die Zugriffslast für mehrere Benutzer bewältigen.
- Es sollte benutzerfreundlich und einfach zu den Funktionen zu navigieren sein, nach denen der Besucher sucht.
- Sollte ansprechende Videos enthalten, um Ihre Produktfunktionen vorzustellen.
- Die Website sollte von Suchmaschinen anhand der eingegebenen Schlüsselwörter durchsucht werden.
- Die Website sollte in ein Zahlungsgateway mit allen möglichen Alternativen für Transaktionen integriert sein.
- Sollte frei nutzbare Funktionen haben, damit Benutzer über den Kauf Ihres Produkts entscheiden können.
- Benutzerdaten sollten beim Zugriff auf die Website geschützt werden.
- Sitzungen und Cache-Funktionen sollten wiederkehrende Besucher erkennen.
F # 7) Welche Videoformate werden in der Webentwicklung verwendet?
Antworten: Einige in der Webentwicklung unterstützte und verwendete Videoformate sind nachfolgend aufgeführt:
- AVI von Microsoft
- FLV Adobe Flash Video Player
- WMV wird vom Windows Media Player unterstützt
- MOV von QuickTime Player
- MP4 wird von Handys und anderen Plattformen unterstützt
F # 8) Wie würden Sie Barrierefreiheitsfunktionen in Ihre Website aufnehmen?
Antworten: Die Barrierefreiheit ist eine wesentliche Funktion, die auf Ihrer Website implementiert werden muss, damit Besucher mit besonderen Bedürfnissen und Behinderungen auf Ihre Website zugreifen und diese erkunden können.
- Die Website sollte tastaturfreundlich sein, d. H. Alle Funktionen sollten ohne Verwendung einer Maus zugänglich sein.
- Benutzer sollten in der Lage sein, dynamische und sich bewegende Inhalte wie GIF-Dateien, Animationen und Videodateien zu deaktivieren. Diese Inhalte können sich nachteilig auf epileptische Benutzer auswirken.
- Transkripte / Bildunterschriften zum Ansehen von Videos. Für gehörlose Benutzer reicht es nicht aus, ein Video mit Untertiteln anzusehen. Funktionen wie Untertitel sollten während des Videolaufs angezeigt werden.
- Die Sprachunterstützungsfunktion und das Markieren von Fotos, Grafiken und Schaltflächen für sehbehinderte Besucher sind unerlässlich, um die auf der Website angebotenen Funktionen zu befolgen und zu verwenden
- Automatische Vervollständigung von Funktionen in der Suchleiste und leicht zu findende Funktionen für Besucher mit verzögerten oder schlechten motorischen Fähigkeiten.
- Erhöhen Sie die Größe des anklickbaren Bereichs. Verwenden Sie subtile Farben für Besucher mit Farbenblindheit.
F # 9) Wann würden Sie AJAX in Ihrer Webanwendung anwenden?
Antworten: AJAX aktualisiert den Abschnitt des Seiteninhalts, ohne die gesamte Seite neu zu laden. Diese Funktion ist wichtig, wenn der Benutzer schnelle Ergebnisse benötigt, ohne auf die gesendete Anfrage zu warten, indem er auf die Schaltfläche 'Senden' klickt und auf die Antwort wartet. Die Serverlast kann reduziert werden, indem AJAX mit weniger Anforderungen angewendet wird, wodurch Bandbreite gespart wird.
Sie können AJAX zur Formularüberprüfung verwenden. Anstelle von Popup-Fenstern kann der Leuchtkasten verwendet werden, um den Inhalt in Tabellenform zu sortieren und zu filtern, Ergebnisse oder Stimmen mithilfe der Chat-Anwendung anzuzeigen und Captcha für Authentifizierungsprüfungen neu zu laden.
F # 10) Wie können wir Webdienste in webbasierten Anwendungen implementieren?
Antworten: Die Webanwendung sendet Anforderungen über das HTTP-Protokoll an einen Webdienst. Unter einer bestimmten URL verarbeitet der Webdienst die Anforderung und gibt die Antwort an die Anwendung zurück. SOAP und RESTful sind zwei Arten von Webdiensten.
F # 11) Wie und welche Sicherheitsfunktionen können Sie auf Ihre Website anwenden?
Antworten: Um Ihre Website vor Datendiebstahl zu schützen, müssen Sie die Sicherheit Ihrer Website verbessern, z
- Erzwingen Sie eine strenge Kennwortrichtlinie, sodass das Kennwort mindestens 10 Zeichen enthalten darf und obere, untere, Sonderzeichen und Ziffern enthalten sollte.
- Der Host, der Ihre Website installiert, sollte über eine Sicherungsfunktion, ein installiertes Antivirenprogramm und eine Firewall verfügen, um Ihre Inhalte zu schützen.
- Die Anmeldeseite sollte über Captcha, OTP-Funktionen, Funktionen zum Sperren des Kontos (bei Eingabe von 3 falschen Passwörtern) usw. verfügen, um den Zugriff nicht autorisierter Besucher auf Ihr Konto zu verhindern.
F # 12) Welche Konfiguration und Einrichtung ist erforderlich, um E-Mails über Ihre Website zu senden?
Antworten: Idealerweise können Sie Ihr SMTP auf einem einzelnen Server mithilfe eines Drittanbieter-Dienstes wie Google Mail SMTP konfigurieren oder elastische E-Mails mit Hostname, Port, Benutzername und Kennwort verwenden.
F # 13) Wofür würden Sie eine reaktionsfähige Website erstellen?
Antworten: Responsive Webdesign hilft dabei, die Breite und Höhe des Browsers basierend auf Desktops, Tablets und Mobilgeräten in Bezug auf die Größe des Desktop- oder Laptop-Monitors automatisch zu ändern.
F # 14) Welche Formate gibt es für den Datenaustausch?
Antworten: Verschiedene Datenaustauschformate sind XML-, CSV-, JSON- und Textformate.
F # 15) Was meinst du mit Protokoll?
Antworten: In der Netzwerkterminologie besteht das Protokoll aus einer Reihe von Regeln zum Formatieren und Verarbeiten von Daten. Für die Kommunikation sollten beide Geräte dasselbe Protokoll haben. Internet Protocol (IP) ist ein Netzwerkprotokoll und für das Routing verantwortlich. Das Transmission Control Protocol (TCP) überträgt Datenpakete über Netzwerke.
Das HyperText Transfer Protocol (HTTP) ist eine Schicht 7, die im Internet verwendet wird und Daten zwischen Geräten überträgt. User Datagram Protocol (UDP) werden in schnellen Datenaustauschanwendungen wie Video-Streaming und Spielen verwendet.
F # 16) Welche Techniken würden Sie anwenden, um die Ladezeit der Seite zu reduzieren?
Antworten: Um die Ladezeit der Seite zu verkürzen und die Leistung zu verbessern, können die folgenden Techniken angewendet werden:
- Wenden Sie die neuesten Versionen von Webbuilding-Technologien wie CSS3 und HTML5 an
- Verwenden Sie mindestens JavaScript und Stylesheets
- Vermeiden Sie die Verwendung von Weiterleitungen
- Verwenden Sie die geringe Größe der Bilder
- Code aus dem Content Delivery Network (CDN) einschließen
- Wenden Sie AJAX für schnelle und reaktionsschnelle Webanwendungen an
F # 17) Listen Sie die Unterschiede zwischen HTTP 1.1 und 2.0 auf?
Antworten: Die Unterschiede zwischen HTTP 1.1 und HTTP 2 sind in der folgenden Tabelle aufgeführt:
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1 kann nur einfachen Text verarbeiten und ist nicht kompatibel zur Verarbeitung von CSS, JavaScript, Bildern, Sounds, Videos und digitalisierten Geruchs- und Berührungsbeispielen. | Verwendet die Server-Push-Hilfe zum Speichern von Ressourcen, die für Anforderungen verwendet werden sollen, im Cache des Browsers, noch bevor sie angefordert werden, und zeigt Inhalte schnell an. |
Die gesendete Anfrage und die empfangenen Antworten waren im Klartextformat. | Sowohl Anforderungs- als auch Antwortnachrichten sind im Binärformat gekapselt und bieten so einen besseren Schutz vor nicht autorisierten Änderungen. |
Es gibt Schwierigkeiten beim Umgang mit Leerzeichen, Groß- und Kleinschreibung und Zeilenenden. | Verwenden Sie binäre Protokolle, die Elemente wie Leerzeichen, Groß- und Kleinschreibung und Zeilenenden effizienter verarbeiten |
Benötigt mehr Bandbreite, um den Seiteninhalt zu verarbeiten | Verbraucht weniger Bandbreite für die Anzeige von Seiteninhalten |
Eine Priorisierung des Ladeinhalts ist in HTTP 1.1 nicht möglich | Entwickler haben die Kontrolle über das Priorisieren / Hochladen von Inhalten in der Reihenfolge ihrer Präferenz. |
Lädt nacheinander Ressourcen, um den Inhalt einer Seite zu laden | Sendet mehrere Datenströme über eine einzige TCP-Verbindung. Dadurch wird das Problem der Head-of-Line-Blockierung in HTTP 1.1 behoben |
Metadaten werden im Klartext übertragen und benötigen daher mehr Aufwand | Verwendet einen Header-Komprimierungsmechanismus, der den Overhead reduziert |
F # 18) Welche Prioritäten würden Sie beim Erstellen einer Webanwendung berücksichtigen?
Top 5 MP3 Downloader für Android
Antworten: Die folgenden Prioritäten sollten beim Erstellen von Webanwendungen berücksichtigt werden:
- Webseiten sollten auf ihre Leistung getestet werden, da sie so schnell wie möglich geladen werden sollten.
- Anwendungsseiten sollten keine fehlerhaften Links enthalten.
- Die Anwendung sollte mit allen gängigen Browsern wie Mozilla Firefox, Google Chrome, Internet Explorer und Opera kompatibel sein.
- Die Website sollte Schlüsselwörter enthalten, auf die Suchmaschinen zugreifen können.
- Es sollte eine nahtlose Verbindung mit der Datenbank bestehen.
- Datenbankentitäten wie gespeicherte Prozeduren sollten mit gültigen Eingaben gründlich getestet werden.
- Backend-Tabellen sollten manipulationssicher gesichert sein.
- Das Einfügen von Daten sollte durch Einschränkungen auf Spalten- und Zeilenebene überprüft werden.
- Das Einfügen von Daten in DB-Tabellen und deren Anzeige in der Benutzeroberfläche sollte so schnell wie möglich erfolgen.
- Das zur Integration von Seiten verwendete Framework sollte einfach sein und ohne Kompilierung getestet werden.
- Benutzereingabeseiten sollten mit minimalen Eingaben des Benutzers gestaltet werden. Die verwendeten Elemente sollten benutzerfreundlich zugänglich sein.
- Verwendung von HTTP2 zum schnellen Laden von Seiteninhalten.
- Die Verwendung von JavaScript sollte minimal sein.
- Barrierefreiheit wie ein Lautsprecher zum Lesen des Textes, eine größere Schriftgröße und ein Bildschirm-Touch-Zugriff sollten bereitgestellt werden, damit auch Personen mit körperlichen Einschränkungen problemlos auf die Website zugreifen können.
- Sollte Mediendateien wie Audio und Video integrieren, die geöffnet werden können, ohne auf lokale Software angewiesen zu sein, um diese Dateien auszuführen.
- Webseiten sollten auf mobile Bildschirme reagieren.
F # 19) Welche neuen Funktionen wurden in HTML5 eingeführt?
Antworten: In HTML5 wurden neue semantische, grafische und multimediale Elemente eingeführt. Den Elementen wurden verschiedene Attribute hinzugefügt, während nur wenige Elemente entfernt wurden.
Darüber hinaus wurden wichtige neue Funktionen wie Video- und Audio-Multimedia-Elemente, Geolocation-API, APIs im Webspeicher, Web-Socket, JS-Web-Worker, Canvas und Drag-n-Drop eingeführt.
F # 20) Erklären Sie anhand von Beispielen die Unterschiede zwischen Canvas und SVG.
Antworten: Canvas und SVG werden beide Container zum Speichern von Grafiken auf der HTML-Seite verwendet. Sie weisen jedoch die folgenden Unterschiede auf.
SVG | Segeltuch |
---|---|
ist ein Containerelement für Grafiken wie Box, Kreis, Ellipse usw. in einer HTML-Seite | ist ein Container zum Zeichnen von Grafiken mit Javascript |
SVG ist skalierbar und für hochauflösendes Drucken geeignet | Leinwand ist nicht skalierbar und nicht für hochauflösendes Drucken geeignet |
Bessere Leistung beim Laden einer kleinen Anzahl von Objekten und Objekten mit großer Oberfläche | Bessere Leistung beim Laden einer großen Anzahl von Objekten und Objekten mit kleiner Oberfläche |
SVG kann per Skript und CSS geändert werden | Canvas kann nur mit Skript geändert werden |
SVG ist vektorbasiert und besteht aus Formen | Canvas basiert auf Raster und besteht aus Pixeln |
F # 21) Was ist das DOM-Element und seine Hierarchie?
Antworten: Das Dokumentobjekt ist ein HTML-Dokument, das beim Zugriff auf die Webseite in einem Browserfenster angezeigt wird. DOM oder Dokumentobjektmodell ist die Art und Weise, wie auf dieses Dokument zugegriffen oder es geändert wird.
Das Fensterobjekt ist ein übergeordnetes Element aller Elemente, gefolgt von einem Dokumentobjekt, das den Seiteninhalt anzeigt Formularobjekt , die durch Tags gekennzeichnet ist.
Formularsteuerelemente: Alle Eingabeelemente wie Textfelder, Schaltflächen, Optionsfelder, Kontrollkästchen, Listen usw. sind im Formularobjekt enthalten.
F # 22) Wann sollten Sie die ID- und Klassenauswahl verwenden?
Antworten: Die ID als Selektor wird definiert, um sie eindeutig als Element zu identifizieren. Daher sollte nicht dieselbe ID auf ein anderes Element auf derselben Seite angewendet werden. Während Klassenselektoren Typen von CSS-Selektoren sind, die angewendet werden, um diesem Element einen Stil hinzuzufügen, zum Beispiel, Schriftfamilie, Schriftgröße oder Farbe, daher können Klassenselektoren auf mehrere Elemente angewendet werden.
In JavaScript haben wir getElementById () Methode, die das erste im Quellcode gefundene Element zurückgibt getElementsByClassName () Die Methode gibt eine Sammlung von Elementen mit einem bestimmten Klassennamen zurück.
F # 23) Erklären Sie die von HTML5 eingeführten APIs.
Antworten: HTML 5 hat die folgenden API-Methoden eingeführt:
- Hochauflösende Zeit-API: Es gibt die aktuelle Auflösungszeit in Sub-Millisekunden an, unabhängig von Systemtaktversatz oder Anpassungen.
- User Timing API: Dies ermöglicht eine genaue Messung der Leistung von JavaScript-Code.
- Navigations-Timing-API: Es hilft bei der Beurteilung des Zeitrafferprotokolls während Verzögerungen beim Laden von Seiten und berücksichtigt die Seitenumleitung, die DNS-Suche und die Zeit zum Erstellen von DOM-, TCP-Verbindungsverzögerungen usw.
- Netzwerkinformations-API: Es hilft dabei, den Verbindungstyp und den Status des gesamten Bandbreitenprotokolls des Webbesuchers zu ermitteln.
- Vibrations-API: Es kann die Reaktion während bestimmter Ereignisse in Spieleanwendungen stimulieren, indem es Benutzergeräte (Mobiltelefone) vibriert und so ein ultimatives Benutzererlebnis bietet.
- Batteriestatus-API: Es bietet Informationen zum Akkustatus des Geräts, z. B. Aufladen, verbleibende Sekunden bis zur vollständigen Entladung usw.
- API für Seitensichtbarkeit: Es enthält Details zu Seitensichtbarkeitsstatus wie minimiert, derzeit fokussiert und Entscheidungen zum Stoppen des CPU- oder Bandbreitenverbrauchs.
- Vollbild-API: Es ermöglicht eine Vollbildanzeige des Benutzers basierend auf der Spezifikation der Anwendung.
- getUserMedia API: Es bietet Zugriff auf Multimedia-Streams wie Video, Audio oder beides, die in eine Webseite eingebettet sind.
- WebSocket-API: Es besteht eine dauerhafte Verbindung zwischen Browser und Server.
- Geolocation-API: Auf diese Weise können Sie den geografischen Standort des Ortes und der Personen über das Global Positioning System (GPS) verfolgen und Längen- und Breitengrade abrufen, um die Position in Echtzeit auf der Karte darzustellen.
F # 24) Was ist der Unterschied zwischen Null, Leer und Undefiniert und wie können Sie mit jedem Wert umgehen?
Antworten: Leere Zeichenfolge, Null und Undefiniert sind vom Typ her ähnlich, unterscheiden sich jedoch voneinander.
Nicht definiert: Wenn wir nur eine Variable deklarieren, aber keinen Wert zugewiesen haben. ODER-Variable ist nicht vorhanden oder nicht deklariert. Beispiel: Wert; console.log (Wert); ==> undefiniert
Null: Bezeichner oder Namen für Funktionen, Variablen, existieren zwar, haben aber keinen Wert. d.h. der Wert ist null. Beispiel: val = null
Leerer String: Wenn eine Variable mit dem String-Datentyp keine Zeichendaten enthält. Beispiel: a = '';
F # 25) Erläutern Sie verschiedene Popup-Fenster, die in JavaScript verwendet werden.
Antworten: In JavaScript gibt es hauptsächlich drei Arten von Popup-Feldern, nämlich Benachrichtigen, bestätigen und auffordern.
Aufmerksam ist ein Popup-Fenster, in dem Sie dem Benutzer mit der Schaltfläche OK Informationen geben können. Benutzer können die Nachricht lesen und auf die Schaltfläche OK klicken, um dieses Fenster zu schließen.
Die für die Warnung in JavaScript verwendete Syntax:
alert('message');
Bestätigen ist ein Popup-Fenster, in dem Benutzer eine der Optionen auswählen und auswählen können: OK und Abbrechen.
- Um der Nachricht wie zuzustimmen Möchten Sie? kann der Benutzer auf OK klicken, um die Entscheidung zu bestätigen.
- Um mit der Nachricht nicht einverstanden zu sein, kann der Benutzer auf Abbrechen klicken und die Entscheidung deaktivieren.
Prompt ist eine Art Popup-Fenster, in dem dem Benutzer empfohlen wird, einen Wert wie Name oder Alter einzugeben. Wenn Sie auf die Schaltfläche OK klicken, wird der eingegebene Wert akzeptiert. Beispiel: yourage = prompt ('Geben Sie Ihr gültiges Alter ein');
F # 26) Beschreiben Sie die Verwendung von CSS-Animationen anhand eines Beispiels.
Antworten: Mithilfe von CSS-Animationen können Sie HTML-Elementen ohne Verwendung von JavaScript oder Flash Animationen hinzufügen (schrittweise von einem Stil zum anderen wechseln).
Es werden Keyframes angegeben, die enthalten, welche Stile das Element zu bestimmten Zeiten geändert wird.
Ein Beispiel ist im folgenden Bildschirm dargestellt:
CSS-Animationsbeispiel Farbänderung von Rot zu Aqua
F # 27) Erläutern Sie den Zweck der einzelnen HTTP-Anforderungstypen, die von RESTful-Webdiensten unterstützt werden
Antworten: Im RESTful-Webdienst hat jeder HTTP-Anforderungstyp einen bestimmten Zweck. Diese werden unten erklärt:
- ERHALTEN ist eine Art von Anforderung, die Daten vom Server abruft.
- POST ist eine Art von Anforderung, die verwendet wird, um neue Datenformulardetails zu senden und dann eine Datei hochzuladen.
- STELLEN ist eine Anforderung ähnlich wie POST, wird jedoch zum Aktualisieren einer vorhandenen Entität angewendet.
- LÖSCHEN ist eine Anforderung ähnlich wie PUT und wird zum Löschen der Ressource vom Server verwendet.
- SPUR wird verwendet, um Inhalte zu validieren, die während einer Anforderung zusammen mit dem Netzwerk empfangen wurden.
- KOPF ist ähnlich wie GET, empfängt jedoch Antwortheader während der Anforderung.
F # 28) Was sind die Unterschiede zwischen Span- und Div-Tag in HTML5?
Antworten: Div und Span werden beide verwendet, um einen bestimmten Abschnitt der Webseite darzustellen, aber beide unterscheiden sich voneinander, wie in der folgenden Tabelle erläutert:
Div | Spanne |
---|---|
Div ist ein Element auf Blockebene | Span ist ein Inline-Element |
Das Div-Tag wird zum Umschließen von Dokumentabschnitten verwendet | Das Span-Tag wird verwendet, um Text und Bilder in kleine Teile zu verpacken |
Div wird zum Erstellen von CSS-basierten Layouts verwendet | Span wird verwendet, um dem Text Stil zu verleihen |
Div akzeptiert das Align-Attribut | Span akzeptiert kein Align-Attribut |
F # 29) Erklären Sie die Pseudoklasse in CSS anhand von Beispielen.
Antworten: Die Pseudoklasse in kaskadierenden Stylesheets ist ein Schlüsselwort, das auf die Selektoren von HTML-Elementen angewendet wird, um HTML-Ereignissen wie onblur, onclick, onchange, onhover usw. einen speziellen Stil hinzuzufügen, und zwar in Bezug auf externe Faktoren wie den vorherigen Website-Besuch aus dem Navigationsverlauf, der Position oder der Bewegung von Klicken Sie mit der Maus auf den Inhaltsstatus des Formularelements.
Die Syntax für die Pseudoklasse:
cssselector : pseudo-class { attribute: value; }
Beispiel:
CSS-Pseudoklasse in HTML-Seite:
time () Funktion c ++
Wenn Sie mit der Maus über verschiedene Elemente fahren, werden Effekte der Pseudoklasse angezeigt.
Fazit
In diesem Tutorial haben wir daher Interviewfragen im Zusammenhang mit der Entwicklung und Pflege von Websites und webbasierten Anwendungen erörtert. Es ist wichtig, ein gutes Verständnis und praktische Kenntnisse über die Integration neuer Technologien, Front-End-Skriptsprachenbibliotheken, HTML5-APIs, CSS3 und Sprachen wie Java, ASP, PHP zu haben. Außerdem müssen wir wissen, wie Anwendungen auf Webservern und in der Datenbank konfiguriert werden, wie mit SEO-Schlüsselwörtern, Websicherheit und Browserkompatibilität umgegangen wird.
Sie sollten mit Netzwerkkenntnissen wie Protokoll, Webdiensten, Benutzererfahrung, Problemlösung und Innovationen bei Web- und Mobilanwendungen sowie Sicherheits-, Sitzungshandhabungs- und Eingabehilfen vertraut sein.
Alles Gute mit Ihrem bevorstehenden Webentwickler-Interview.
Literatur-Empfehlungen
- Vollständige Anleitung zum Testen von Webanwendungen (Testen einer Website)
- 25 Fragen und Antworten zu den besten Agile Testing-Interviews
- Top 30+ beliebte Fragen und Antworten zu CSS-Interviews
- 25+ Beliebteste Fragen und Antworten zum ADO.NET-Interview
- Top 20+ .NET Interview Fragen und Antworten
- 30 Fragen und Antworten zu den wichtigsten HTML-Interviews (2021 LIST)
- Top 25 Fragen und Antworten zum Java Web Services-Interview
- Top 20 der wichtigsten Fragen und Antworten zu API-Tests