Test d'évaluation développeur Web & Mobile

À compléter en présentiel et sans aide extérieure

La durée du test ne doit pas dépasser 10 mn. au delà vous devrez valider le formulaire même si vous n'avez pas répondu à toutes les questions.

Vous n'êtes pas obligé de répondre à chaque question.



QUIZZ CSS (10 questions)

1. Parmi ces propriétés, laquelle permet, sur les navigateurs qui la supportent, d'appliquer une largeur de 100% - 50px à l'élément concerné ?


2. Comment faire pour qu'une div prenne toute la largeur disponible dans son bloc conteneur ?


3. A quoi sert le sélecteur CSS3 h1 ~ p, reconnu depuis IE7 ?


4. Le positionnement relatif position: relative...


5. Où se placera un élément positionné en absolu (position: absolute) avec left: 100px ?


6. Comment cibler les 4 premiers éléments d'une liste ?


7. Comment cibler tous les liens de la page sauf ceux qui contiennent la chaîne "otipass" ?


8. Comment charger une feuille de style uniquement pour une fenêtre au format paysage ?


9. Où va se positionner un élément doté d'une déclaration transform: translate(0,100px) ?


10. Si j'écris a:active {color: red;} dans ma feuille de style, quels liens seront de couleur rouge ?


React QUIZ (20 questions)

1. What is the correct command to create a new React project?


2. What does myReactApp refer to in the following command?

npx create-react-app myReactApp


3. What command is used to start the React local development server?


4. What is the default local host port that a React development server uses?


5. To develop and run React code, Node.js is required.


6. What type of element will be rendered from the following code?

function Car() {
  return <h1>Ford Mustang</h1>;
}

const root = createRoot(document.getElementById('root'));
root.render(<Car />);


7. What is the children prop?


8. Which keyword creates a constant in JavaScript?


9. A copy of the 'real' DOM that is kept in memory is called what?


10. React component names must begin with an uppercase letter.


11. Which operator can be used to conditionally render a React component?


12. When rendering a list using the JavaScript map() method, what is required for each element rendered?


13. What tool does React use to compile JSX?


14. How can you optimize performance for a function component that always renders the same way?


15. What props will be available to the following component?

<Car {...props} />


16. What is a common use case for ref?


17. How can you combine the following arrays using the spread operator?

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];


18. React can only render elements in the root document element.


19. Find the bug in this code:

function car({make, model}) {
  return <h1>{make} {model}</h1>;
};


20. What is the output of the following code?

const make = 'Ford';
const model = 'Mustang';
const car = { make, model };
console.log(car);

Uns kontaktieren

📞 +33(0)4 75 51 29 40

✉️ contact@otipass.com