Top 60 des questions et réponses des entretiens avec les développeurs Web

2 janvier 2022

Les développeurs Web créent et conçoivent généralement des sites Web. Ils sont responsables de l'apparence et de la finition du site. Ils sont également tenus responsables des aspects techniques du site, comme sa capacité et ses performances, qui sont des mesures importantes de la vitesse de tout site Web et du volume de trafic que le site va gérer.

Table des matières

Le développeur Web est-il une bonne carrière?

Oui, nous pouvons dire que le développement Web est une bonne carrière. Selon des recherches récentes, Web Developer était le travail le plus demandé dans le domaine de la technologie et l'un des emplois les mieux rémunérés. Comme indiqué par le Bureau of Labor des États-Unis, le marché du travail pour les développeurs Web devrait croître de 15% d'ici 2026.



Si vous recherchez des questions et réponses pour un entretien avec un développeur Web, vous êtes sur la bonne page. Assurez-vous de passer par toutes les questions d'entrevue de développeur Web.

Principales questions et réponses des entretiens avec les développeurs Web

un. Énumérez les principales responsabilités d'un développeur Web ?

Responsabilités:

  1. Commande sur HTML, CSS, PHP, JavaScript et d'autres langages de codage de conception Web pertinents
  2. Ils doivent savoir créer et tester des applications pour des sites Web.
  3. Collaborer
  4. Présenter les spécifications de conception.
  5. Travailler avec des graphistes et d'autres designers.
  6. Résoudre les problèmes de site Web s'il y en a.
  7. Maintenir et mettre à jour les sites Web.
  8. Surveillez le trafic du site Web.
  9. Restez à jour sur la technologie.

deux. Lister les quatre différents types de pseudo-classes ?

Une pseudo-classe en CSS peut être définie comme un mot-clé qui est ajouté à un sélecteur qui spécifiera un état spécial de l'élément sélectionné. Par exemple, le survol est utilisé pour changer la couleur du bouton chaque fois que le pointeur de l'utilisateur le survole.

Voir également Top 100 des questions et réponses d'entrevue Ansible

Les quatre différents types de pseudo-classes sont :

  1. Dynamique : Ces pseudo-classes sont appliquées à n'importe quel élément pour définir comment ils sont affichés chaque fois que le curseur se trouve dessus, ou lorsque nous cliquons dessus, ou chaque fois qu'ils sont sélectionnés.
  2. Liens : ces classes sont utilisées pour styliser un lien dans son état normal par défaut et lorsqu'il a déjà été visité.
  3. Structurel : Ces pseudo-classes nous permettront de styliser des éléments basés sur une position numérique exacte d'un élément.
  4. Autres : certains éléments sont stylisés différemment en fonction de leur langue ou du type d'étiquette.

3. Faire la différence entre SOAP et REST ?

SAVON DU REPOS
SOAP signifie Simple Object Access Protocol.REST signifie Representational State Transfer.
C'est un protocole.C'est un modèle architectural.
Il fonctionne avec les formats XML.Il peut fonctionner avec du texte brut, XML, HTML et JSON.
SOAP ne peut pas utiliser REST.REST peut utiliser SOAP.

4. Quelles langues les développeurs Web doivent-ils connaître ?

  1. HTML
  2. CSS
  3. SQL
  4. PHP/Ruby/Python
  5. JQueryName
  6. Javascript

5. Définir l'espacement des noms en JavaScript ?

L'espace de noms peut être défini comme une technique utilisée pour éviter les collisions avec d'autres variables ou objets dans un espace de noms global. Javascript n'a pas vraiment de support intégré pour les espaces de noms comme d'autres langages, et il a des objets et des fermetures qui sont utilisés pour obtenir un effet similaire.

6. Nommez les types d'entrée nouvellement introduits dans HTML5 ?

  1. Couleur
  2. Date
  3. Datetime-local
  4. e-mail
  5. mois
  6. plage de numéros

sept. Qu'est-ce que le CORS ?

Le partage de ressources cross-origin (CORS) peut être défini comme une technique basée sur l'en-tête HTTP qui permettra à un serveur d'indiquer toute autre origine telle que le domaine, le schéma ou le port que la sienne, à partir de laquelle un navigateur permettra le chargement des ressources. . Pour certaines raisons de sécurité, les navigateurs restreignent les requêtes HTTP cross-origin initiées à partir de scripts.

8. Comment réduire le temps de chargement des pages ?

Conseils pour réduire :

  1. Vérifiez la vitesse actuelle du site Web.
  2. Optimisez les images.
  3. Ne réduisez pas les images.
  4. Compressez et optimisez le contenu.
  5. Placez les références de feuille de style en haut.
  6. Placez les références de script en bas.
  7. Placez JavaScript et CSS dans des fichiers externes.
  8. Minimisez les requêtes HTTP.

9. Nommez les éléments de formulaire qui prennent en charge le contenu multimédia en HTML5 ?

dix. Citez quelques avantages de HTTP/2 par rapport à HTTP 1.1 ?

Avantages :

  1. Amélioration du positionnement web
  2. Compression des données des en-têtes HTTP
  3. Priorisation de la demande
  4. Moins de consommation haut débit

Questions et réponses d'entrevue de développeur Web

11. Lister les nouveaux éléments de formulaire introduits dans HTML5 ?

  1. – Il est utilisé pour générer une clé de chiffrement.
  2. – Il est utilisé pour définir le résultat d'une expression.
  3. – Il spécifiera une liste d'options pour les contrôles d'entrée.
  4. – Il se dirigera vers 100% de la valeur max.
  5. – Il fournit une jauge, affichant la valeur générale dans une plage.

12. Définir SVG et pourquoi est-il utilisé ?

SVG signifie graphiques vectoriels évolutifs, et il est défini comme un format de fichier qui nous permettra d'afficher des images vectorielles sur le site Web. Cela signifie que nous pouvons redimensionner une image SVG selon les besoins sans rien perdre de sa qualité et en faire un excellent choix pour une conception Web réactive.

13. Définir un ETag et comment ça marche ?

L'ETag ou une balise d'entité fait partie du HTTP, qui est le protocole du World Wide Web (WWW). C'est l'une des nombreuses techniques qu'un HTTP fournit pour une validation de cache Web, qui permettra à un client de faire des requêtes conditionnelles. Un ETag est un identifiant opaque qui est attribué par le serveur Web à une version spécifique d'une ressource qui se trouve à une URL.

14. Faire la différence entre Canvas et SVG ?

Toile SVG
Canvas dessine généralement des graphiques 2D à la volée (avec JavaScript).C'est un langage de description de graphiques 2D en XML.
Dépend de la résolution.Indépendant de la résolution.
Il a de mauvaises capacités de rendu de texte.Il est adapté aux applications avec d'énormes zones de rendu (Google Maps)

15. Pourquoi utilisons-nous Canvas en HTML ?

peut être défini comme un élément HTML principalement utilisé pour dessiner des graphiques via des scripts (généralement JavaScript). Il peut être utilisé pour dessiner des graphiques, combiner des photos ou créer des animations simples.

16. Expliquez Interrogation longue ?

L'interrogation longue peut être définie comme un mécanisme par lequel le serveur choisira de maintenir la connexion d'un client ouverte aussi longtemps que possible et de ne fournir une réponse qu'une fois que les données seront disponibles.

Voir également Top 100 des questions et réponses d'entrevue JavaScript

17. Existe-t-il une taille de bordure par défaut pour un canevas ?

Il n'y a pas de taille de bordure par défaut pour un canevas. Vous devez ajuster à l'aide du CSS.

18. Différencier les objets localStorage et sessionStorage ?

Stockage local Stockage de session
Ici, les données ne sont pas supprimées à la fermeture d'une fenêtre.Ici, l'objet est supprimé dès la fermeture d'une fenêtre.

19. Expliquez ce qu'est la DTD ?

Une DTD (Document Type Definition (DTD) ) définit la structure, les éléments juridiques et les attributs du document XML.

20. Différencier les identifiants et les classes ?

identifiants Des classes
Chaque élément ne doit avoir qu'un seul IDNous utilisons la même classe sur plusieurs éléments.
Ils sont uniquesIls ne sont pas uniques.
Chaque page ne doit comporter qu'un seul élément avec cet ID.Nous pouvons utiliser plusieurs classes sur le même élément.

21. Faire la différence entre CDATA et PCDATA en DTD ?

CDATA PCDATA
Il s'agit de données de caractères non analysées et le CDATA est utilisé pour les données textuelles qui ne doivent pas être analysées par l'analyseur XML.Il s'agit de données de caractères analysées. Les analyseurs XML analyseront tout le texte du document XML.

22. Nommez quelques-unes des nouvelles fonctionnalités introduites dans CSS3 ?

  1. Coins arrondis
  2. Animation
  3. Mise en page personnalisée
  4. requêtes des médias

23. Faire la différence entre les cookies et le stockage local ?

Biscuits Stockage local
Ils ont une date d'expiration et les données des cookies sont supprimées après un certain tempsIl n'y a pas de concept d'expiration et ils doivent être supprimés manuellement.
Ici, les données sont accessibles à la fois côté client et côté serveur. Les données seront envoyées au côté serveur avec chaque demande de cookie.Ici, seules les données locales côté navigateur sont accessibles. Le serveur ne peut pas utiliser le stockage local tant qu'il n'a pas envoyé une demande au serveur via POST ou GET.

24. Nommez les nouvelles API fournies par HTML5 ?

  1. API de validation de contraintes
  2. API d'historique
  3. API moyenne
  4. API de suivi de texte
  5. API de cache d'application
  6. Transfert de données API
  7. API d'interaction utilisateur
  8. API de commande

25. Définir le Responsive Web Design (RWD) en HTML et CSS ?

Les pages Web sont généralement consultées à l'aide de nombreux appareils différents : ordinateurs de bureau, tablettes et téléphones. C'est ce qu'on appelle la conception Web réactive lorsque nous utilisons HTML et CSS pour redimensionner, réduire, masquer, agrandir ou déplacer le contenu afin de le rendre beau sur n'importe quel écran.

26. Quelle balise est utilisée pour un contrôle de saisie de texte multiligne en HTML ?

Pour le contrôle de saisie de texte multiligne, nous pouvons utiliser la balise textarea.

27. Différencier valeur nulle et valeur indéfinie ?

Valeur NULLE Valeur non définie
Null est une valeur d'affectation. Il n'y a aucune valeur ici. Même pas zéroUndefined indique que nous avons déclaré qu'une variable a été mais n'a pas encore reçu de valeur.

28. Pouvez-vous énumérer certains des types de CSS utilisés ?

  1. CSS externe : Ceux-ci sont utilisés pour importer un fichier CSS externe dans le document HTML.
  2. CSS en ligne : il prend en charge l'ajout de CSS en ligne, ainsi que d'éléments HTML.
  3. CSS intégré : Il est principalement utilisé pour ajouter les styles CSS en utilisant l'attribut.

29. Comment faire référence au fichier CSS sur la page web ?

Nous nous référons au fichier .CSS dans la page Web en utilisant la balise. Il doit être placé entre les balises. Exemple

30. Nommez les différents types de pop-up box disponibles en JavaScript ?

  1. Invite - Une boîte de dialogue apparaîtra qui demandera à l'utilisateur de saisir les boutons de confirmation suivis.
  2. Alerte - Il affichera simplement un message avec un bouton OK.
  3. Confirmer - Une fenêtre de message de confirmation apparaîtra avec les boutons Annuler et OK.

Questions et réponses d'entrevue de développeur Web

31. Pourquoi utilisons-nous un sélecteur en CSS ?

Nous utilisons un sélecteur CSS avec une règle dans les éléments en ligne qui peuvent nécessiter un style. Avec les sélecteurs, il nous est facile de trouver et de sélectionner des éléments HTML basés sur des facteurs, tels que le nom, l'ID, l'attribut, etc.

32. Différencier entre et ?

Ces divisions servent le contenu local de la même manière que les cadres, mais ce contenu n'est pas indépendant de la page.Les cadres peuvent charger d'autres ressources en utilisant HTML.
La balise représente une division ou une section dans un document HTML.Les cadres nous permettent d'afficher plus d'un document HTML dans la même fenêtre de navigateur.

33. Définir la portée en JavaScript ? Lister les différents types de Scopes ?

La portée en JavaScript est généralement appelée le contexte actuel du code, qui détermine ensuite l'accessibilité des variables à JavaScript.

Voir également Top 100 des questions et réponses d'entrevue JavaScript

Les deux types de portée sont locaux et globaux :

Variables globales : Ils sont déclarés en dehors d'un bloc.

Variables locales : Ils sont déclarés à l'intérieur d'un bloc.

34. Définir le regroupement dans CSS3 ?

EN CSS3, le regroupement est utilisé pour donner à l'utilisateur la possibilité de réutiliser et d'appliquer le même élément de style CSS à diverses entités HTML en utilisant une seule instruction de déclaration.

35. Différencier XHTML et HTML ?

XHTML HTML
XHTML signifie langage de balisage extensibleHTML signifie langage de balisage hypertexte.
Les pages Web dynamiques sont XHTML.Une page Web statique est une page Web HTML.
XHTML est basé sur XML.HTML est basé sur SGML.

36. Différencier les opérateurs ‘==’ et ‘===’ ?

== ===
L'opérateur '==' vérifie la valeurL'opérateur '===' vérifie à la fois la valeur et le type.

37. Pourquoi utilisons-nous WebKit en CSS3 ?

WebKit peut être défini comme un moteur de navigateur Web utilisé par des navigateurs tels que Safari et Chrome. Nous pouvons utiliser les fonctionnalités de WebKit telles que l'animation, la transition, la transformation, etc. grâce à l'utilisation du préfixe -WebKit dans le CSS.

Certains des moteurs pour les navigateurs sont :

  1. Presto pour l'opéra
  2. Edge pour Internet Explorer

38. Citez quelques outils de développement Web ?

  1. CodeKit pour combiner, minifier et vérifier la syntaxe en JavaScript.
  2. JS pour structurer une application web et développer une application monopage
  3. GitHub travailler en équipe sur un projet particulier
  4. CodePen pour déployer des sites Web et créer des scénarios de test.
  5. Grunt pour automatiser les tâches répétitives.

39. Parlez-moi de HTTP/3 ?

Questions d'entretien pour les développeurs Web - HTTP/3

HTTP/3 peut être défini comme une révision majeure du protocole de transfert hypertexte (HTTP), et c'est une technologie qui sous-tend le transfert de données sur le Web. HTTP/3 s'exécute sur QUIC - Il s'agit d'un protocole de transport crypté à usage général qui multiplexera divers flux de données sur une seule connexion.

40. Comment lier des images et des fichiers sur le web ?

Il existe deux manières de lier des fichiers et des images sur le Web :

    Liens absolusavoir l'URL complète et toutes les informations du répertoire sont encodées dans le lien.Liens relatifsassocier l'emplacement de la page actuelle à l'emplacement de l'image ou du document.

41. Définir les sélecteurs enfants en CSS ?

Child Selector est principalement utilisé pour faire correspondre tous les éléments enfants d'un élément donné. Il donne généralement la relation entre deux éléments. Le sélecteur élément > élément sélectionnera les éléments qui sont les enfants d'un parent spécifique.

Questions et réponses d'entrevue de développeur Web

42. Nommez les différents types de requêtes HTTP pris en charge dans Restful Web Services ?

Les services Web reposants prennent généralement en charge les types de requêtes HTTP tels que GET, POST, PUT et DELETE.

DELETE est utilisé pour supprimer la ressource du serveur.

Put est utilisé pour mettre à jour une entité existante.

GET récupère les données du serveur.

POST est généralement utilisé pour créer une nouvelle entité, et il est utilisé pour télécharger un fichier ou soumettre un formulaire Web rempli.

43. Qu'est-ce que la pagination ?

Pagination

La pagination peut être utilisée dans presque toutes les applications Web pour diviser les données renvoyées et les afficher sur différentes pages d'une même page Web. La pagination comprend la logique de préparation et d'affichage des liens vers les différentes pages. La pagination est gérée côté client ou côté serveur.

44. Définir la coercition de type en JavaScript ?

La coercition de type est appelée technique de conversion automatique ou implicite de valeurs d'un type de données à un autre type de données. Il inclut également la conversion de nombre en chaîne, de booléen en nombre, de chaîne en nombre, etc., lorsque divers types d'opérateurs sont appliqués aux valeurs.

45. Pouvez-vous nommer les attributs de propriété pour quatre coins ?

46. ​​Définir Webpack ?

Le Webpack peut être défini comme un bundle de modules JavaScript open-source. Webpack prendra les dépendances et générera un graphique de dépendance qui permet aux développeurs Web d'utiliser une approche modulaire à des fins de développement d'applications Web. Il est également utilisé à partir de la ligne de commande ou peut être configuré à l'aide d'un fichier de configuration nommé webpack.

47. Énumérez les composants du modèle de boîte CSS ?

  1. Bordure : elle représente le rembourrage et le contenu autour de la bordure.
  2. Contenu : Il définit le contenu réel à afficher.
  3. Marge : elle représente la couche supérieure de l'élément de boîte
  4. Rembourrage : Il définit l'espace vide autour de l'élément

48. Qu'est-ce que le DOM ?

Le modèle d'objet de document (DOM) peut être défini comme une interface de programmation multiplateforme qui définit les documents HTML et XML comme des objets et des nœuds. Il définira la structure logique des documents et des documents manipulés. DOM permet aux programmeurs de créer, modifier, supprimer la structure, le contenu et le style du document.

49. Lister les propriétés des transitions en CSS3 ?

  1. délai de transition
  2. durée de transition
  3. propriété de transition
  4. fonction de synchronisation de transition

50. Définir les requêtes média en CSS3 ?

Les requêtes multimédias en CSS définissent des styles en CSS qui sont réactifs en fonction des différentes formes et tailles de la fenêtre de visualisation.

Ils permettent d'ajuster les entités ci-dessous :

  1. Hauteur
  2. Largeur
  3. Fenêtre
  4. Résolution
  5. Orientation

Questions et réponses d'entrevue de développeur Web

51. Qu'est-ce que le Cross-Site Scripting (XSS) ?

XSS signifie que les scripts intersites peuvent être définis comme un vecteur d'attaque commun qui injectera du code malveillant dans l'application Web vulnérable. Le XSS stocké, également appelé XSS persistant, est le plus dommageable. Cela se produira lorsque nous injecterons un script malveillant directement dans une application Web vulnérable.

52. Définir float et z-index en CSS ?

Flotter peut être défini comme une propriété populaire en CSS utilisée pour contrôler la position et la disposition d'un élément sur une page Web.

div { float : droite ; }

En CSS, Indice Z peut être défini comme une propriété qui définit l'ordre des éléments sur une page Web. Il fonctionne principalement sur la base d'indices de commande ; un élément d'ordre supérieur doit apparaître avant un élément d'ordre inférieur.

53. Définir le stockage Web HTML5 ?

Avec le stockage Web, les applications Web ont pu stocker des données localement dans le navigateur de l'utilisateur. Avant HTML5, les données d'application étaient stockées dans des cookies qui étaient inclus dans chaque demande de serveur. Le stockage Web est plus sécurisé et d'énormes quantités de données sont stockées localement sans affecter les performances du site Web.

54. Faire la différence entre ES5 et ES6 ?

ES5 ES6
Il s'agit de la cinquième édition de l'ECMAScript.Il s'agit d'une sixième édition de l'ECMAScript.
Nous ne pouvons définir les variables qu'en utilisant le mot-clé var.Nous pouvons définir des variables de deux manières (let et const).

Outre les questions techniques, vous devez vous préparer à certaines des questions générales et comportementales, et vous pouvez être confronté à ce type de questions lors de votre entretien. J'en ai énuméré quelques-uns; assurez-vous de les parcourir également.

55. Avez-vous de l'expérience dans le développement de sites Web multilingues ?

56. Comment gérer un client qui n'est pas satisfait de la livraison Web de votre équipe ?

57. Avez-vous consulté le site Web de notre entreprise ? Pouvez-vous mentionner ce que vous n'avez pas aimé sur le site ?

58. Parlez-moi de vous ?

59. Pourquoi devrions-nous vous embaucher ?

60. Quelles sont vos forces et vos faiblesses ?

Bonne chance avec votre entretien de développeur Web, et nous espérons que nos questions et réponses d'entretien de développeur Web vous ont été utiles. Vous pouvez également consulter notre Questions et réponses d'entrevue CSS , Questions et réponses de l'entretien PHP , et Questions d'entretiens chez Java .