test développeur

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é ?

width: 100%- 50px;

width: #captain.flam;

width: calc(100%- 50px);

width: auto - 50px;

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

div {width: 100%; padding: 10%;}

div {min-width: 100%;}

C'est automatique, pas besoin de spécifier une largeur.

div {width: 80%; padding: 10%;}

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

à cibler tous les paragraphes qui suivent un titre h1

à cibler les éléments h1 s'ils contiennent un paragraphe

à cibler tantôt un titre h1, tantôt un paragraphe

à cibler tous les titres et paragraphes de la page

4. Le positionnement relatif `position: relative`...

permet de positionner un élément par rapport aux limites de son élément parent;

permet de décaler un élément A par rapport à sa position "normale", en flux

permet de positionner un élément par rapport à un autre élément, pris comme repère;

permet d'appliquer la théorie de la relativité générale ET la théorie de la relativité restreinte à une mise en page

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

À 100px du bord gauche de l'élément html;

À 100px du bord gauche de l'élément body;

À 100px du bord gauche de la fenêtre du navigateur;

À 100px du bord gauche de son élément parent;

À 100px du bord gauche de son plus proche ancêtre positionné.

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

li:nth-child(4n)

li:nth-child(-n+4)

li:nth-child(4-n)

li:nth-child(substr(4))

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

a:not([href*="otipass"])

a[href!="otipass"]

a![href*="otipass"]

a![href$="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)` ?

Poussé vers la droite de 100px

Poussé tantôt à droite tantôt vers le bas selon son positionnement

Je préfère ne pas le dire

Poussé vers le bas de 100px

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

les liens pointant vers la page en cours (par exemple dans un menu de navigation)

n'importe quel lien de la page, mais uniquement au moment où on clique sur ce lien

n'importe quel lien de la page, mais uniquement au moment où on survole ce lien avec le pointeur de la souris

les liens pointant vers des pages mises à jour régulièrement

React QUIZ (20 questions)

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

npx create-react-app myReactApp

npx create-react-app

npm create-react-app

npm create-react-app myReactApp

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

npx create-react-app myReactApp

The directory to create a new app in

The name you want to use for the new app

The type of app to create

A reference to an existing app

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

npm start

npm serve

npm build

npm run dev

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

5000

3500

3000

8080

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

True

False

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 />);

h1

ReactDOM

Div

Component

7. What is the children prop?

A property that lets you pass data to child components

A property that lets you nest component in other components

A property that add child values to state

A property that lets you set an object as a property

8. Which keyword creates a constant in JavaScript?

const

let

constant

var

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

React DOM

DOM

Virtual DOM

Shadow DOM

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

True

False

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?

data

index

key

id

13. What tool does React use to compile JSX?

JSX Compiler

Babel

React Router

ReactDOM

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

Use the useMemo Hook.

Use the shouldComponentUpdate lifecycle method.

Use the use.Reducer Hook.

Wrap it in the React.memo higher-order component.

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

<Car {...props} />

children

only updated ones

all of them

only static ones

16. What is a common use case for ref?

To refer to another JavaScript file

To refer to a function

To directly access to the DOM

To bind the function

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

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

const combined = ...array1 + ...array2;

const combined = [array1 + array2];

const combined = array1 + array2;

const combined = [...array1 + ...array2];

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

False

True

19. Find the bug in this code:

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

Wrap the return in a fragment

Remove the return statement

Add parenthesis around the return value

The first letter of the function must be capitalized

20. What is the output of the following code?

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

{car:{make: 'ford',model: 'Mustang'}}

{car: 'ford',model:'Mustang'}}

{make: 'ford',model: 'Mustang'}

Test d'évaluation développeur Web & Mobile

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?

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?

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?

16. What is a common use case for ref?

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

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

19. Find the bug in this code:

20. What is the output of the following code?

La société

Informations légales

Nous contacter

Test d'évaluation développeur Web & Mobile

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?

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?

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?

16. What is a common use case for ref?

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

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

19. Find the bug in this code:

20. What is the output of the following code?

La société

Informations légales

Nous contacter

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` ?

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 ?

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