Итоговый тест по курсу «Frontend-разработчик»

Тест по всему курсу

Проверьте, как усвоился курс: вопросы по всем урокам, а в конце — разбор ошибок и темы, которые стоит повторить.

1. Где проверяется, что у покупателя на карте хватает денег?

   В CSSВо frontend, в браузере покупателяВ макете дизайнераВ backend и платёжной системе на сервере

2. За что отвечает JavaScript на странице?

   За поведение: реакцию на нажатия, загрузку данных, проверку формЗа цвета и шрифтыЗа хранение данных на сервереЗа структуру

3. В макете между карточками меню 24 пикселя. Какое CSS-свойство удобнее всего использовать в Grid?

   font-sizepaddingbordergap

4. Какой тег подходит для блока со ссылками на разделы сайта?

   <nav><footer><span><div>

5. Как найти на странице элемент с классом cart-total?

   window.cart-totaldocument.find('cart-total')document.querySelector('.cart-total')css('.cart-total')

6. В консоли ошибка «Cannot read properties of null (reading 'addEventListener')». Что это скорее всего значит?

   Сервер не ответилСломался интернетquerySelector не нашёл элемент: опечатка в селекторе или разметка ещё не загрузиласьВ CSS ошибка

7. Что делает правило @media (min-width: 960px) { ... }?

   Запрещает экраны уже 960 пикселейПрименяет стили только на экранах шириной от 960 пикселейУстанавливает ширину страницыНичего

8. Человек проходит страницу клавишей Tab и не видит, где он сейчас. В чём причина?

   У него сломана клавиатураВ стилях убрали обводку фокуса без заменыСайт слишком быстрыйТак и должно быть

9. Что вернёт response.json() после fetch?

   Данные из ответа сервера в виде объектов и массивов JavaScriptКод ответаКартинкуHTML-страницу

10. Медленный интернет, меню грузится 5 секунд. Что должен видеть пользователь в это время?

    Пустую страницуОшибкуСообщение о загрузке или заготовки карточекПредыдущее меню

11. Что происходит в React после вызова setCart с новым списком?

    Ничего, нужно вручную обновить страницуДанные отправляются на серверСтраница перезагружаетсяReact перерисовывает части интерфейса, которые зависят от корзины

12. Карточка напитка используется в меню, в поиске и в истории заказов. Как это сделать в React?

    Сделать картинку карточкиЭто невозможноСкопировать код три разаСделать один компонент и использовать его в трёх местах с разными данными

13. Коллега скачал ваш проект из Git, а папки node_modules там нет. Что ему сделать?

    Написать библиотеки зановоНичего, проект работает без нихВыполнить npm install — библиотеки установятся по package.jsonПопросить вас прислать архив

14. Где посмотреть, сколько времени заняла загрузка данных с сервера?

    В файле package.jsonВ макетеВо вкладке NetworkВо вкладке Elements

15. Какой проект лучше покажет работодателю умение работать с данными?

    Скриншот макетаКопия видеоурока без измененийСтатичная страница «Обо мне»Приложение с открытым API, поиском и состояниями загрузки и ошибки

16. На собеседовании спросили то, чего вы не знаете. Как лучше поступить?

    Сменить темуПридумать ответ наугадЗакончить собеседованиеЧестно сказать и порассуждать, как бы вы это выяснили