top 25 web developer interview questions
Questo tutorial fornisce una serie di file Domande e risposte al colloquio per sviluppatori web per sviluppatori web front-end junior e senior:
È essenziale per il team di marketing creare una presenza Web affidabile, pubblicizzare i propri prodotti e servizi ai potenziali clienti, tenere traccia e fornire servizi post-vendita ai clienti esistenti.
Le applicazioni Web sono costruite con lo scopo di essere accessibili a livello globale, essere riconosciute e offrire i loro prodotti e servizi in tutto il mercato internazionale.
quello che vedi è quello che ottieni website builder
Per la creazione di applicazioni basate sul web, è obbligatorio avere una conoscenza approfondita dei linguaggi di markup come HTML5, Cascading Style Sheet CSS3, JavaScript e librerie JS per le interazioni dell'utente, per la gestione di elementi DOM, per convalidare gli input dei client e per rendere dinamico e pagine web reattive.
Cosa imparerai:
Cos'è lo sviluppo web
Lo sviluppo Web si riferisce al lavoro coinvolto nella creazione e nella manutenzione di siti Web e applicazioni basate sul Web come siti di e-commerce online, Amazon, Flipkart, eBay, ecc. E siti di social network come Facebook, LinkedIn, Instagram e Twitter.
Ciò include anche il lavoro nella costruzione di siti web per ferrovie, banche, tutti i principali siti governativi per trasmettere informazioni e generare consapevolezza.
Generare consapevolezza del pubblico e fornire istruzione tramite canali di notizie utilizzando il software di web conferencing Skype, Zoom, GoToMeeting. Fornisci intrattenimento online tramite serie web come Netflix, Amazon Prime, MX player, ecc. Educa gli studenti, conduci riunioni per rivolgersi a clienti e team oltre i confini geografici.
Passiamo ora alle domande di intervista agli sviluppatori Web più comuni per le interviste di livello junior e senior.
Domande frequenti sui colloqui con gli sviluppatori web
D # 1) Spiega le funzionalità di un browser.
Risposta: Il browser offre varie funzionalità. Questi sono i seguenti:
- Aiuta ad accedere alle pagine HTML ea tutti gli elementi Web utilizzati nelle applicazioni basate sul Web, nonché ai siti Web, e mostra le risposte di altri siti come risposta alle richieste.
- Consente la ricerca sul web per il sito di tuo interesse inserendo l'URL o l'indirizzo web nella barra degli indirizzi e visualizzare la risposta utilizzando uno qualsiasi dei motori di ricerca.
- I controlli di navigazione vengono utilizzati per tornare alle pagine aperte di recente facendo clic sul pulsante Indietro e sul pulsante Avanti per andare avanti.
- La cronologia tiene traccia dei siti visitati in ordine cronologico. Consente di ricordare o aggiungere ai segnalibri i siti di tuo interesse per fare riferimento o esplorare in una fase successiva. Salva anche i siti visitati in precedenza sotto forma di cache e fa riconoscere il visitatore dai siti, rendendo più veloce l'accesso a quei siti.
- Gestisce le password per i siti Web utilizzati di frequente che richiedono l'autenticazione e nella maggior parte dei casi mantiene gli utenti già collegati all'account.
- Consente l'accesso a vari siti, lo scambio di informazioni tramite chiamate API, la comunicazione tramite e-mail, dati e software di condivisione di file multimediali.
Esempio di browser: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
D # 2) Spiega HTML 5, CSS3, JavaScript e la loro importanza nello sviluppo web.
Risposta:
- HTML è un linguaggio di markup indipendente dalla piattaforma e dal browser con una serie di tag che forniscono la struttura per una pagina web.
- CSS migliora il layout della pagina e il suo contenuto con stile.
- JavaScript controlla il comportamento degli elementi web e quindi rende il tuo sito web interattivo / reattivo, convalida i valori di input dell'utente, acquisisce le informazioni del visitatore del sito web e riconosce i visitatori precedenti, aiuta nell'analisi della percentuale di percentuale di clic dei visitatori del post del blog.
D # 3) Cosa intendi per Framework?
Risposta: Framework è una struttura che fornisce una piattaforma per creare applicazioni. È una raccolta di tipi simili di file posizionati in modo tale da essere configurati per connettersi / integrarsi internamente tra loro.
Esempio: Framework API, che contiene classi ben testate, pre-scritte e compilate per realizzare funzionalità comuni come la funzione di caricamento dei file, leggere i contenuti dei file, report in PDF e formati simili integrati con la loro applicazione web.
D # 4) Che cos'è una libreria con contesto per lo sviluppo web?
Risposta: Una libreria è una raccolta di codice pretestato e progettato per le funzionalità previste sviluppate dagli sviluppatori e disponibili nei repository. Gli sviluppatori Web possono integrare queste librerie e utilizzare le loro funzionalità invece di reinventare il codice per ottenere la stessa funzionalità dall'inizio.
Puoi utilizzare le librerie iText e Apache FOP nella tua applicazione per esportare i tuoi dati in file in formato pdf.
D # 5) Quali sono le ragioni del problema di blocco del browser?
Risposta: Per identificare la causa principale e risolvere il frequente problema di blocco del browser, seguire i passaggi indicati di seguito:
Qui stiamo considerando Google Chrome come browser predefinito.
- Controlla qualsiasi problema relativo a Internet: Fare clic sull'icona Finestra (Start) -> Seleziona Pannello di controllo -> In Rete e Internet -> Fare clic su Visualizza stato e attività della rete -> Verifica Visualizza la rete attiva - fai clic su Connetti o disconnetti -> Dovrebbe visualizzare la connessione Internet per l'elemento selezionato Rete.
- Chrome non è chiuso correttamente: Nell'angolo in basso a destra, fai clic con il pulsante destro del mouse e seleziona Avvia task manager, se trovi più chrome.exe nella scheda Processi, fai clic con il pulsante destro del mouse su quel record e seleziona Termina processo. Questo libererà spazio nella RAM. Quindi riavvia nuovamente Chrome.
- Disabilita le estensioni di Chrome: Apri il browser Chrome e digita nella barra degli indirizzi -> chrome: // extensions / e premi Invio. Disabilita tutte le estensioni attive e riavvia nuovamente il browser Chrome. Vai alle estensioni di Chrome e abilita tutte le estensioni.
- Scansiona il computer alla ricerca di malware: Avvia Chrome e vai alle impostazioni. Fare clic su Avanzate, trovare Ripristina e Pulisci. Fare clic su Pulisci computer.
- Ripristina le impostazioni di Chrome: Avvia Chrome, vai su Impostazioni, fai clic su Avanzate, trova Ripristina e pulisci e fai clic su Ripristina le impostazioni ai valori predefiniti originali.
- Rimuovi applicazioni incompatibili: Durante una scansione, se Chrome rileva un'applicazione incompatibile, fai clic su Aggiorna o rimuovi le applicazioni incompatibili.
- Infine, se il problema persiste, disinstalla la versione di Chrome e installa l'ultima versione.
D # 6) Come migliorare l'esperienza utente per gli utenti che visitano il tuo sito web?
Risposta: Di seguito sono riportati i suggerimenti per migliorare l'esperienza dell'utente:
- Il tuo sito web / applicazione dovrebbe essere in esecuzione 24 × 7.
- Dovrebbe gestire il carico di accesso di più utenti durante il periodo di punta o la stagione.
- Dovrebbe essere facile da usare e facile da navigare verso le funzionalità che il visitatore sta cercando.
- Dovresti avere video coinvolgenti per presentare le funzionalità del tuo prodotto.
- Il sito web dovrebbe essere ricercato dai motori di ricerca in base alle parole chiave inserite.
- Il sito web dovrebbe essere integrato con un gateway di pagamento con tutte le possibili alternative per le transazioni.
- Dovrebbe essere libero di utilizzare le funzionalità disponibili per consentire agli utenti di decidere di acquistare il tuo prodotto.
- I dati dell'utente devono essere protetti durante l'accesso al sito web.
- Le sessioni e le funzionalità della cache dovrebbero riconoscere i visitatori di ritorno.
D # 7) Quali sono i formati video utilizzati nello sviluppo web?
Risposta: Di seguito sono elencati alcuni formati video supportati e utilizzati nello sviluppo web:
- AVI di Microsoft
- FLV Adobe Flash video player
- WMV supportato da Windows Media Player
- MOV di QuickTime player
- MP4 supportato da cellulari e altre piattaforme
D # 8) Come includeresti le funzionalità di accessibilità al tuo sito web?
Risposta: L'accessibilità è una funzionalità essenziale che deve essere implementata sul tuo sito web per consentire ai visitatori con esigenze speciali, disabilità di accedere ed esplorare il tuo sito web.
- Il sito web dovrebbe essere compatibile con la tastiera, ovvero tutte le funzionalità dovrebbero essere accessibili senza l'uso del mouse.
- Gli utenti dovrebbero essere in grado di disattivare i contenuti dinamici e in movimento come file GIF, animazioni, file video. Questi contenuti possono influire negativamente sugli utenti epilettici.
- Trascrizioni / didascalie per guardare video. Per gli utenti non udenti, guardare un video con i sottotitoli non è sufficiente, funzionalità come i sottotitoli dovrebbero essere visualizzate durante l'esecuzione del video.
- La funzione di assistenza vocale e l'aggiunta di tag a foto, grafica e pulsanti per i visitatori con problemi di vista sono essenziali per seguire i passaggi indicati per esplorare e utilizzare le funzionalità offerte nel sito Web
- Funzioni di completamento automatico nella barra di ricerca e funzioni facili da trovare per i visitatori con capacità motorie ritardate o scarse.
- Aumenta la dimensione dell'area cliccabile. Usa colori tenui per i visitatori daltonici.
Q # 9) Quando applicheresti AJAX nella tua applicazione web?
Risposta: AJAX aggiorna la sezione dei contenuti della pagina, senza ricaricare l'intera pagina. Questa funzionalità è essenziale quando l'utente ha bisogno di risultati rapidi, senza alcun ritardo nell'attesa della richiesta inviata facendo clic sul pulsante di invio e in attesa della risposta. Il carico del server può essere ridotto applicando AJAX con un numero inferiore di richieste che consente di risparmiare larghezza di banda.
È possibile utilizzare AJAX per la convalida del modulo. Invece delle finestre pop-up, è possibile utilizzare il lightbox, ordinare e filtrare il contenuto in formato tabulare, visualizzare risultati o voti utilizzando l'applicazione di chat, ricaricare il captcha per i controlli di autenticazione.
D # 10) Come possiamo implementare i servizi web nelle applicazioni basate sul web?
Risposta: L'applicazione Web invia richieste a un servizio Web utilizzando il protocollo HTTP. A un determinato URL, il servizio Web elabora la richiesta e restituisce la risposta all'applicazione. SOAP e RESTful sono due tipi di servizi web.
D # 11) Come e quali funzionalità di sicurezza puoi applicare al tuo sito web?
Risposta: Per proteggere il tuo sito web dal furto di dati, devi migliorare la sicurezza per il tuo sito web, ad esempio
con cosa aprire i file bin
- Applica criteri per password complesse, consentendo alla password di contenere almeno 10 caratteri e contenere caratteri e numeri superiori, inferiori, speciali.
- L'host che installa il tuo sito web dovrebbe avere una funzione di backup, antivirus installato e firewall per proteggere i tuoi contenuti.
- La pagina di accesso dovrebbe avere Captcha, funzionalità OTP, funzione di blocco dell'account (in caso di inserimento di 3 password errate), ecc. Per impedire l'accesso al tuo account da parte di visitatori non autorizzati.
D # 12) Quale configurazione e impostazione sono necessarie per inviare e-mail tramite il tuo sito web?
Risposta: Idealmente puoi configurare il tuo SMTP su un singolo server utilizzando un servizio di terze parti come Gmail SMTP o utilizzare la posta elettronica elastica, utilizzando nome host, porta, nome utente e password.
D # 13) Per cosa costruiresti un sito web reattivo?
Risposta: Il responsive web design aiuta a ridimensionare automaticamente la larghezza e l'altezza del browser in base a desktop, tablet e dispositivi mobili rispetto alle dimensioni del monitor di desktop o laptop.
Q # 14) Quali sono i formati per lo scambio di dati?
Risposta: Vari formati di scambio dati sono XML, CSV, JSON e formati di testo.
Q # 15) Cosa intendi per protocollo?
Risposta: Nella terminologia di rete, il protocollo è un insieme di regole per formattare ed elaborare i dati. Per poter comunicare, entrambi i dispositivi dovrebbero avere lo stesso protocollo. Il protocollo Internet (IP) è un protocollo di livello di rete ed è responsabile del routing. Il protocollo TCP (Transmission Control Protocol) trasferisce i pacchetti di dati attraverso le reti.
HyperText Transfer Protocol (HTTP) è un livello 7 utilizzato in Internet e trasferisce i dati tra i dispositivi. Il protocollo UDP (User Datagram Protocol) viene utilizzato in applicazioni di scambio dati veloce come streaming video e giochi.
D # 16) Quali tecniche applicheresti per ridurre il tempo di caricamento della pagina?
Risposta: Al fine di ridurre il tempo di caricamento della pagina e migliorare le prestazioni, è possibile applicare le seguenti tecniche:
- Applica le ultime versioni delle tecnologie di creazione web come CSS3 e HTML5
- Usa JavaScript e fogli di stile al minimo
- Cerca di evitare l'uso di reindirizzamenti
- Usa le piccole dimensioni delle immagini
- Includi codice da Content Delivery Network (CDN)
- Applica AJAX per applicazioni web veloci e reattive
D # 17) Elenca le differenze tra HTTP 1.1 e 2.0?
Risposta: Le differenze tra HTTP 1.1 e HTTP 2 sono elencate nella tabella seguente:
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1 può gestire solo testo normale e non è compatibile per elaborare CSS, JavaScript, immagini, suoni, video e odori digitalizzati, campioni tattili. | Utilizza la guida push del server per memorizzare le risorse da utilizzare nella richiesta nella cache del browser, anche prima della richiesta, visualizzando rapidamente il contenuto. |
La richiesta inviata e le risposte ricevute erano in formato testo normale. | I messaggi sia di richiesta che di risposta sono incapsulati in formato binario, offrendo maggiore protezione da eventuali alterazioni non autorizzate. |
Trova difficoltà nella gestione di spazi bianchi, lettere maiuscole e terminazioni di riga. | Utilizza protocolli binari che gestiscono elementi come spazi bianchi, lettere maiuscole e terminazioni di riga in modo più efficiente |
Ha bisogno di più larghezza di banda per elaborare i contenuti della pagina | Consuma meno larghezza di banda per visualizzare i contenuti della pagina |
La priorità del caricamento dei contenuti non è possibile in HTTP 1.1 | Gli sviluppatori hanno il controllo sulla priorità / caricamento dei contenuti nell'ordine delle loro preferenze. |
Carica le risorse una dopo l'altra, richiedendo tempo per caricare i contenuti su una pagina | Invia più flussi di dati utilizzando una singola connessione TCP, risolvendo il problema del blocco head-of-line in HTTP 1.1 |
I metadati vengono trasferiti in testo normale, quindi è necessario un maggiore overhead per essere gestiti | Utilizza un meccanismo di compressione dell'intestazione, che riduce il sovraccarico |
D # 18) Quali priorità considereresti durante la creazione di un'applicazione web?
Risposta: Le seguenti priorità dovrebbero essere tenute presenti durante la creazione di applicazioni web:
- Le pagine del sito Web dovrebbero essere testate per le prestazioni in quanto dovrebbero essere caricate il più rapidamente possibile.
- Le pagine delle applicazioni non dovrebbero contenere collegamenti interrotti.
- L'applicazione dovrebbe essere compatibile con tutti i principali browser come Mozilla Firefox, Google Chrome, Internet Explorer e Opera.
- Il sito dovrebbe contenere parole chiave accessibili ai motori di ricerca.
- Dovrebbe esserci una connettività continua con il database.
- Le entità di database come le stored procedure devono essere accuratamente testate con un input valido.
- Le tabelle di backend devono essere protette, a prova di manomissione.
- L'inserimento dei dati deve essere convalidato da vincoli a livello di colonna e riga.
- L'inserimento dei dati nelle tabelle DB e la loro visualizzazione nel processo dell'interfaccia utente dovrebbe essere il più rapidamente possibile.
- Il framework utilizzato per integrare le pagine dovrebbe essere semplice e dovrebbe essere testato senza alcuna compilazione.
- Le pagine di input dell'utente dovrebbero essere progettate con input minimi da parte dell'utente, gli elementi utilizzati dovrebbero essere di facile accesso.
- Utilizzo di HTTP2 per caricare rapidamente il contenuto della pagina.
- L'uso di JavaScript dovrebbe essere minimo.
- Dovrebbero essere forniti dispositivi di accessibilità come un altoparlante per leggere il testo, dimensioni dei caratteri più grandi, accesso al tocco dello schermo in modo che anche le persone con limitazioni fisiche possano accedere facilmente al sito web.
- Dovrebbe integrare file multimediali come audio e video che possono essere aperti senza fare affidamento sul software locale per eseguire questi file.
- Le pagine Web dovrebbero essere reattive agli schermi dei dispositivi mobili.
D # 19) Quali sono le nuove funzionalità introdotte in HTML5?
Risposta: Nuovi elementi semantici, grafici e multimediali sono stati introdotti in HTML5, sono stati aggiunti vari attributi agli elementi mentre pochi elementi sono stati rimossi.
Sono state inoltre introdotte nuove importanti funzionalità come elementi multimediali video e audio, API di geolocalizzazione, API sull'archiviazione Web, socket Web, Web worker JS, Canvas e Drag-n-Drop.
D # 20) Spiega con esempi le differenze tra Canvas e SVG.
Risposta: Canvas e SVG entrambi i contenitori vengono utilizzati per memorizzare la grafica nella pagina HTML, tuttavia presentano le seguenti differenze tra di loro.
SVG | Tela |
---|---|
è un elemento contenitore per elementi grafici come riquadro, cerchio, ellisse ecc. nella pagina HTML | è un contenitore per disegnare grafici utilizzando javascript |
SVG è scalabile e adatto per la stampa ad alta risoluzione | La tela non è scalabile e non è adatta per la stampa ad alta risoluzione |
Mostra prestazioni migliori caricando un numero ridotto di oggetti e oggetti di grandi dimensioni | Mostra prestazioni migliori caricando un numero elevato di oggetti e oggetti di piccole dimensioni |
SVG può essere modificato da script e css | La tela può essere modificata solo con lo script |
SVG è basato su vettori fatti di forme | La tela è basata su raster fatta di pixel |
D # 21) Qual è l'elemento DOM e la sua gerarchia?
Risposta: L'oggetto documento è un documento HTML che viene visualizzato in una finestra del browser quando accediamo alla pagina web. DOM o Document Object Model è il modo in cui si accede o si modifica a questo documento.
L'oggetto finestra è un genitore di tutti gli elementi, seguito da un oggetto Document che visualizza il contenuto della pagina, quindi arriva il Oggetto modulo , identificato da tag.
Elementi di controllo del modulo: Tutti gli elementi di input come campi di testo, pulsanti, pulsanti di opzione, caselle di controllo, elenchi, ecc. Sono contenuti nell'oggetto modulo.
Q # 22) Quando dovresti usare id e selettore di classe?
Risposta: L'ID come selettore è definito per identificarlo in modo univoco come un elemento, quindi non dovrebbe esserci lo stesso ID applicato a nessun altro elemento all'interno della stessa pagina. Mentre i selettori di classe sono tipi di selettori CSS che vengono applicati per aggiungere stile a quell'elemento, per esempio, famiglia di caratteri, dimensione del carattere o colore, quindi i selettori di classe possono essere applicati a più elementi.
In JavaScript abbiamo getElementById () metodo che restituisce il primo elemento trovato nel codice sorgente, mentre getElementsByClassName () restituisce una raccolta di elementi con un nome di classe particolare.
D # 23) Spiega le API introdotte da HTML5.
Risposta: HTML 5 ha introdotto i seguenti metodi API:
- API Time ad alta risoluzione: Fornisce l'ora corrente con risoluzione inferiore al millisecondo, indipendentemente dallo sfasamento o dalle regolazioni dell'orologio di sistema.
- API User Timing: Ciò consente una misurazione accurata delle prestazioni del codice JavaScript.
- API dei tempi di navigazione: Aiuta nella valutazione del registro time-lapse durante i ritardi di caricamento della pagina e tiene conto del reindirizzamento della pagina, della ricerca DNS e del tempo per costruire DOM, ritardi di connessione TCP, ecc.
- API delle informazioni di rete: Aiuta a identificare il tipo di connessione del visitatore web e lo stato dell'intero registro della larghezza di banda.
- API Vibration: Può stimolare la reazione durante determinati eventi nelle applicazioni di gioco facendo vibrare i dispositivi degli utenti (telefoni cellulari) offrendo un'esperienza utente eccezionale.
- API dello stato della batteria: Offre informazioni sullo stato della batteria del dispositivo come la carica, i secondi rimanenti fino a quando non è completamente scarica, ecc.
- API per la visibilità della pagina: Fornisce dettagli sugli stati di visibilità della pagina come minimizzato, attualmente focalizzato, fornendo decisioni sull'arresto del consumo di CPU o larghezza di banda.
- API a schermo intero: Consente una visualizzazione a schermo intero da parte dell'utente in base alle specifiche dell'applicazione.
- API getUserMedia: Fornisce accesso a flussi multimediali come video, audio o entrambi incorporati in una pagina web.
- API WebSocket: Mantiene una connessione persistente tra browser e server.
- API di geolocalizzazione: Questo aiuta a tracciare la posizione geografica del luogo e delle persone tramite il sistema GPS (Global Positioning System) e recupera latitudine e longitudine, quindi traccia la posizione in tempo reale sulla mappa.
D # 24) Qual è la differenza tra valori Null, Empty e Undefined e come puoi gestirli?
Risposta: Stringa vuota, Null e Undefined sono simili nel tipo, ma differiscono l'uno dall'altro.
Non definito: Quando dichiariamo solo una variabile ma non abbiamo assegnato alcun valore. La variabile OR non è esistente o non è dichiarata. Esempio: valore; console.log (valore); ==> non definito
Nullo: Identificatori o nomi dati a funzioni, variabili, esistono, ma non hanno valore. cioè il valore è nullo. Esempio: val = null
Stringa vuota: Quando una variabile con il tipo di dati stringa non contiene dati carattere. Esempio: a = '';
D # 25) Spiega le diverse finestre pop-up usate in JavaScript.
Risposta: Ci sono principalmente tre tipi di finestre pop-up in JavaScript, vale a dire. Avviso, conferma e richiesta.
Mettere in guardia è una finestra pop-up per fornire informazioni all'utente con il pulsante Ok. Gli utenti possono leggere il messaggio e fare clic sul pulsante Ok per chiudere questa finestra.
La sintassi utilizzata per l'avviso in JavaScript:
alert('message');
Confermare è una finestra pop-up in cui gli utenti possono decidere e selezionare una delle opzioni, da OK e Annulla.
- Per essere d'accordo con il messaggio mi piace Vuoi? , l'utente può fare clic su OK per confermare la decisione.
- Per non essere d'accordo con il messaggio, l'utente può fare clic su Annulla e rinunciare alla decisione.
Richiesta è un tipo di pop-up in cui si consiglia all'utente di inserire un valore come nome o età e, facendo clic sul pulsante OK, accetta il valore inserito. Esempio: yourage = prompt ('Inserisci la tua età valida');
D # 26) Descrivi l'uso dell'animazione CSS con un esempio.
Risposta: È possibile aggiungere animazioni (passare gradualmente da uno stile all'altro) agli elementi HTML senza l'uso di JavaScript o Flash, utilizzando le animazioni CSS.
Vengono specificati i fotogrammi chiave che contengono gli stili che l'elemento verrà modificato in determinati momenti.
Un esempio è come mostrato nella schermata seguente:
Esempio di animazione CSS che cambia colore da rosso ad acqua
D # 27) Spiegare lo scopo di ciascuno dei tipi di richiesta HTTP supportati dai servizi Web RESTful
Risposta: Nel servizio Web RESTful, ogni tipo di richiesta HTTP ha uno scopo specifico. Questi sono spiegati di seguito:
- OTTENERE è un tipo di richiesta che recupera i dati dal server.
- INVIARE è un tipo di richiesta utilizzato per inviare nuovi dettagli del modulo dati e quindi caricare un file.
- METTERE è una richiesta simile a POST ma applicata per l'aggiornamento di un'entità esistente.
- ELIMINA è una richiesta simile a PUT e viene utilizzata per eliminare la risorsa dal server.
- TRACCIA viene utilizzato per convalidare il contenuto ricevuto insieme alla rete durante una richiesta.
- CAPO è simile a GET ma riceve le intestazioni di risposta durante la richiesta.
D # 28) Quali sono le differenze tra i tag Span e Div in HTML5?
Risposta: Div e Span sono entrambi usati per rappresentare una particolare sezione della pagina web, ma entrambi differiscono l'uno dall'altro come spiegato nella tabella seguente:
Div | Span |
---|---|
Div è un elemento a livello di blocco | Span è un elemento in linea |
Il tag Div viene utilizzato per avvolgere le sezioni del documento | Il tag span viene utilizzato per avvolgere testo e immagini in piccole porzioni |
Div viene utilizzato per creare layout basati su CSS | L'intervallo viene utilizzato per aggiungere stile al testo |
Div accetta l'attributo di allineamento | Span non accetta l'attributo di allineamento |
D # 29) Spiega la classe pseudo in CSS con esempi.
Risposta: La pseudo classe nei fogli di stile a cascata è una parola chiave applicata ai selettori di elementi HTML, per aggiungere uno stile speciale su eventi HTML come onblur, onclick, onchange, onhover ecc., In riferimento a fattori esterni come la precedente visita al sito Web dalla cronologia di navigazione, posizione o movimento di il mouse, lo stato del contenuto dell'elemento del modulo.
La sintassi per la classe Pseudo:
cssselector : pseudo-class { attribute: value; }
Esempio:
Pseudo-classe CSS nella pagina HTML:
i 5 migliori downloader di mp3 per Android
Passando il mouse su diversi elementi vengono visualizzati gli effetti di pseudo-classe.
Conclusione
Pertanto, in questo tutorial, abbiamo discusso le domande dell'intervista relative allo sviluppo e alla manutenzione di siti Web e applicazioni basate sul Web. È essenziale avere una buona comprensione e conoscenza pratica dell'integrazione di nuove tecnologie, librerie di linguaggi di scripting front-end, API HTML5, CSS3 e linguaggi come Java, ASP, PHP. Inoltre, dobbiamo sapere come configurare le applicazioni su server web e database, gestire parole chiave SEO, sicurezza web e compatibilità browser.
Dovresti avere una conoscenza di rete come protocollo, servizi Web, esperienza utente, risoluzione dei problemi e innovazioni nelle applicazioni web e mobili, nonché funzionalità di sicurezza, gestione delle sessioni e accessibilità.
Ti auguro il meglio con la tua prossima intervista allo sviluppatore web.
Lettura consigliata
- Guida completa al test di applicazioni Web (come testare un sito Web)
- 25 migliori domande e risposte per l'intervista al test agile
- Top 30+ domande e risposte di interviste CSS popolari
- Oltre 25 domande e risposte per i colloqui di ADO.NET più popolari
- Top 20+ .NET Intervista Domande e risposte
- 30 principali domande e risposte per i colloqui HTML (2021 LIST)
- Top 25 domande e risposte ai colloqui sui servizi Web Java
- Le 20 domande e risposte più importanti dell'intervista sui test API