Frontend

As-tu déjà travaillé avec Lighthouse ? Imagine qu'on te confie la tâche d'améliorer la métrique FCP (First Contentful Paint). Quelles idées te viennent à l'esprit ?

Regardez ce morceau de code — comprenez ce qu'il fait, et écrivez un exemple simple d'utilisation. Il y a aussi un helper similaire dans lodash.

Quels sont les problèmes dans l'approche actuelle de chargement de données SSR et comment vont-ils s'aggraver avec l'ajout de nouvelles pages?

Comment vous développez-vous, comment apprenez-vous de nouvelles technologies, qu'est-ce qui vous a marqué récemment?

À quel moment vas-tu annoncer que tu ne vas pas réussir à respecter le délai?

Parlez-moi de votre dernier emploi et des projets auxquels vous avez participé.

Il n'est pas arrivé qu'une fonctionnalité du produit retourne beaucoup de champs, alors qu'une autre n'en retourne que deux?

Qu'aimez-vous le plus faire dans votre travail et qu'est-ce qui vous plaît moins ? Qu'est-ce qui prend plus de temps que vous ne le souhaiteriez ?

Implémentez une fonction foo qui prend un tableau et retourne un objet où les clés sont les éléments du tableau et les valeurs sont toutes 0.

Que peut-il se passer sur le serveur lors de la génération de HTML (SSR) — à quoi le serveur consacre-t-il du temps, quels problèmes de performance et de sécurité peuvent survenir lors de la sérialisation des données?

Déterminez l'ordre d'affichage dans la console pour le code avec setTimeout, Promise, then, catch, finally et divers appels synchrones (exercice sur l'Event Loop).

Comment assurer la prise en charge des formats d'image modernes (WebP, AVIF) dans les navigateurs qui ne les prennent pas en charge?

Quelle est la différence entre utiliser hasOwnProperty et vérifier directement la valeur via une condition (if o[x]) ? Que se passera-t-il si la valeur de la propriété est false ?

Implémentez une fonction memoize qui met en cache les résultats des appels de fonctions asynchrones et ne pas envoyer de requête répétée si l'appel avec les mêmes arguments a déjà été effectué.

Qu'as-tu appris d'intéressant et de nouveau récemment dans le monde du frontend?

Quelles améliorations pourraient être apportées pour améliorer la qualité du produit à l'avenir?

<script> function sum(valueA) { throw 'Non implémenté' } console.log(sum(1)()); // 1 console.log(sum(1)(2)()); // 3 console.log(sum(1)(2)(-3)()); // 0 </script>

À quoi sert React.lazy ? Quel avantage offre-t-il et comment fonctionne-t-il en coulisses ?

Vous devez écrire une fonction memoize — une enveloppe pour la mémorisation. Pour simplifier, vous pouvez supposer que la fonction n'aura toujours qu'un seul argument, et ce sera une valeur primitive.

Implémentez un nouveau composant SignupSuccess. Il doit s'afficher à la place du formulaire d'inscription après une inscription réussie.