Décrocher un premier poste de développeur web sans passer par une école

2. Quelle méthode permet de sélectionner un élément du DOM à partir de son identifiant ?

getElementById récupère l'unique élément portant l'id passé en argument, sans dièse, contrairement à querySelector qui attend un sélecteur CSS.

3. Quelle méthode ajoute un écouteur d'événement à un bouton pour réagir à un clic ?

addEventListener est la méthode standard pour attacher un gestionnaire d'événement, en précisant le type d'événement puis la fonction à exécuter.

4. Que renvoie l'appel fetch() en JavaScript ?

fetch retourne une Promise résolue avec un objet Response, qu'il faut ensuite traiter, par exemple avec .json(), pour obtenir les données.

5. Quelle méthode de tableau crée un nouveau tableau en transformant chaque élément du tableau d'origine ?

map() applique une fonction à chaque élément et renvoie un nouveau tableau de mêmes dimensions, tandis que forEach ne retourne rien et filter conserve seulement certains éléments.

6. Dans le code let personne = { nom: "Léa" };, comment accède-t-on à la valeur "Léa" ?

On accède à une propriété d'objet avec la notation point, personne.nom, ou avec des crochets et une chaîne, personne["nom"].

7. Que fait la méthode preventDefault() appelée sur un événement de soumission de formulaire ?

preventDefault bloque l'action native du navigateur, ce qui permet de gérer soi-même la soumission en JavaScript sans recharger la page.

8. Quelle est la valeur de typeof [] en JavaScript ?

En JavaScript, les tableaux sont un type particulier d'objet, donc typeof renvoie "object" ; pour détecter un tableau on utilise Array.isArray().

9. Quelle syntaxe déclare correctement une fonction fléchée qui additionne deux nombres ?

La fonction fléchée utilise la flèche =>, et sans accolades le résultat de l'expression est retourné implicitement, donc a + b est renvoyé directement.

10. Pourquoi le mot-clé await doit-il en principe être utilisé dans une fonction marquée async ?

await met en pause l'exécution jusqu'à la résolution d'une promesse, ce qui n'est possible que dans le contexte d'une fonction async prévue pour cela.

2. En React, comment un composant parent transmet-il des données à un composant enfant ?

Les props sont des propriétés passées de haut en bas, du parent vers l'enfant, et sont en lecture seule pour l'enfant qui les reçoit.

3. Quel hook React sert à déclarer une variable d'état dans un composant fonctionnel ?

useState renvoie la valeur courante de l'état et une fonction pour la modifier, ce qui déclenche un nouveau rendu du composant à chaque changement.

4. Que se passe-t-il typiquement quand l'état (state) d'un composant React change ?

Modifier l'état via sa fonction de mise à jour provoque un nouveau rendu du composant, sans recharger la page grâce au fonctionnement en une seule page.

5. Selon la description de l'étape, quel argument justifie de choisir React plutôt que Vue pour un premier emploi ?

L'étape précise que React est le plus demandé sur les offres, alors que Vue est présenté comme plus doux pour débuter ; un seul des deux suffit pour être recruté.

6. À quoi sert une bibliothèque de routage dans une application front à composants ?

Le routage côté client associe chaque URL à un composant ou une vue et gère la navigation entre pages au sein d'une application monopage.

7. En JSX (React), pourquoi écrit-on className au lieu de class pour appliquer une classe CSS ?

JSX étant du JavaScript, on ne peut pas utiliser class qui y est un mot réservé, d'où l'emploi de className pour définir les classes CSS.

8. Dans le projet de validation, que demande-t-on de faire à partir du projet JavaScript existant ?

La validation consiste à reprendre le projet JavaScript et à le structurer en composants, avec au moins deux pages et un appel à une API publique.

9. Pourquoi une liste rendue par boucle en React attend-elle généralement une prop key unique sur chaque élément ?

La key aide React à suivre chaque élément entre deux rendus et à ne modifier que ce qui a changé, ce qui évite des erreurs et améliore les performances.

10. Quelle affirmation décrit correctement la relation entre props et state dans un composant ?

Les props sont reçues du parent et ne doivent pas être modifiées par l'enfant, alors que le state appartient au composant et évolue au fil de ses interactions.

2. Parmi ces bases de données, laquelle est de type relationnel ?

PostgreSQL organise les données en tables reliées et s'interroge en SQL, tandis que MongoDB est une base orientée documents de type NoSQL.

3. Quelle méthode HTTP est typiquement utilisée pour créer une nouvelle ressource via une API REST ?

POST envoie des données au serveur pour créer une ressource, alors que GET sert à lire et DELETE à supprimer.

4. Dans une API REST, que signifie généralement un code de réponse HTTP 404 ?

Le code 404 indique que le serveur n'a pas trouvé la ressource ; une réussite renvoie un code 200 et une erreur serveur un code 500.

5. Pourquoi stocke-t-on un mot de passe sous forme de hachage plutôt qu'en clair dans une base de données ?

Le hachage, avec un algorithme comme bcrypt, transforme le mot de passe de façon non réversible, donc un attaquant qui lit la base ne retrouve pas les mots de passe d'origine.

6. À quoi sert l'authentification dans une application web ?

L'authentification établit qui est l'utilisateur, par exemple via un couple identifiant et mot de passe, avant de lui donner accès à des ressources protégées.

7. Que réalise le projet de validation de cette étape ?

La validation demande d'ajouter au projet un back-end relié à une vraie base de données, capable d'enregistrer et de relire des données, avec une page de connexion qui marche.

8. Dans un middleware Express écrit sous la forme (req, res, next), à quoi sert l'appel à next() ?

Dans Express, next() transmet le traitement au middleware suivant ; sans cet appel, et sans réponse envoyée, la requête reste bloquée.

9. Qu'est-ce qu'une variable d'environnement comme celles stockées dans un fichier .env côté back-end ?

Les variables d'environnement conservent des réglages sensibles, comme une chaîne de connexion ou une clé secrète, en dehors du code pour ne pas les publier.

10. Pourquoi doit-on souvent configurer le CORS sur une API quand un front hébergé sur un autre domaine l'appelle ?

La politique de même origine du navigateur bloque les appels vers un autre domaine, et le CORS permet au serveur d'autoriser explicitement ces origines.

2. Quelle commande envoie les commits locaux vers un dépôt distant comme GitHub ?

git push transfère les commits du dépôt local vers le dépôt distant, tandis que git add ne fait que préparer les fichiers pour le prochain commit.

3. Parmi ces plateformes citées dans l'étape, laquelle sert à déployer gratuitement une application web ?

L'étape cite Vercel, Netlify et Render comme plateformes de déploiement gratuit ; MongoDB est une base de données et Express un framework serveur.

4. Selon l'étape, quel rôle joue le portfolio dans une recherche d'emploi de développeur ?

L'étape insiste sur le fait que le portfolio est le vrai diplôme du développeur et que c'est lui qui ouvre les portes des entretiens.

5. Que demande précisément le projet de validation de cette étape ?

La validation exige un portfolio en ligne présentant au moins deux projets déployés, chacun accompagné d'un code source public et d'un court descriptif.

6. À quoi sert le fichier README.md à la racine d'un dépôt GitHub ?

Le README est le premier fichier affiché sur la page du dépôt et sert à décrire le projet, son but, son installation et son usage.

7. Pourquoi ajoute-t-on souvent un fichier .gitignore dans un projet versionné ?

Le .gitignore liste les fichiers et dossiers que Git ne doit pas suivre, ce qui évite de publier des dépendances lourdes ou des données sensibles.

8. Quelle est la différence entre git commit et git push ?

Un commit fige l'état des fichiers dans l'historique local, et le push synchronise ensuite ces commits avec le dépôt distant partagé.

9. Quel intérêt principal offre l'ouverture d'une branche dans Git avant de développer une nouvelle fonctionnalité ?

Une branche permet de développer et tester une fonctionnalité à l'écart, puis de la fusionner dans la branche principale une fois qu'elle est prête.

10. Comment décrire au mieux la ressource formation.sh citée dans l'étape ?

formation.sh propose des feuilles de route visuelles pour le frontend et le backend, servant de guide d'apprentissage et non d'outil de déploiement.