Тесты СинергияАртём Хелп
Артём Help онлайнПолучить расчёт
Бесплатно оценим сроки и стоимостьОтправить задание в Telegram
Разработка web-приложений на языке JavaScript.dor_БАК_25-233-Б

Разработка web-приложений на языке JavaScript.dor_БАК_25-233-Б — вариант 3

Просмотрите все вопросы и варианты бесплатно. Правильные ответы скрыты и открываются только после получения доступа.

11 вопросов Вариант 3 Доступ 7 дней
Содержание теста

Вопросы и варианты

Без отметок и подсказок к правильным ответам

Вопрос 1

Сопоставьте инструмент и его краткое описание:

  1. Babel
  2. Webpack
  3. Vite
  4. TypeScript
  5. транспилирует современный JS (JavaScript) в совместимый для целевых окружений
  6. сборщик модулей: строит граф зависимостей и собирает бандлы
  7. быстрый dev-сервер с HMR (Hot Module Replacement) в разработке и прод-сборка на Rollup
  8. надмножество JS (JavaScript) со статической типизацией
Вопрос 2

Расположите действия при подготовке и запуске приложения с Vite — от создания проекта до прод-сборки:

  1. создать проект: npm create vite@latest my-app
  2. в мастере выбрать шаблон (vanilla, vue, react и т.д.)
  3. запустить dev-сервер: npm run dev
  4. собрать для продакшена: npm run build
Вопрос 3

Команда для создания нового проекта на базе Vite — это ...

  1. npm init vite
  2. npm create vite@latest my-app
  3. npx vite init
  4. npm start vite
Вопрос 4

При установке пакета через npm флаг -D …

  1. устанавливает пакет глобально
  2. записывает зависимость в dependencies
  3. записывает зависимость в devDependencies
  4. удаляет пакет
Вопрос 5

Команда npm install без указания имени пакета в корне проекта ...

  1. устанавливает все зависимости из package.json (с учётом package-lock.json)
  2. обновляет все зависимости до последних версий
  3. удаляет неиспользуемые пакеты
  4. запускает скрипт установки из scripts
Вопрос 6

Назначение babel-loader в конфигурации Webpack — это ...

  1. запуск встроенного dev-сервера Webpack
  2. транспиляция JS-файлов (JavaScript) по правилам Babel во время сборки
  3. минификация CSS (Cascading Style Sheets)
  4. запуск tree-shaking модулей
Вопрос 7

Проверку типов выполняет компилятор TypeScript; а … может убрать аннотации TS (TypeScript), но типы не проверяет <i>(укажите слово на английском языке)</i>

  1. Babel
  2. babel
Вопрос 8

Файл, описывающий зависимости проекта и npm-скрипты, — это ...

  1. package.json
  2. package-lock.json
  3. node_modules.json
  4. .npmrc
Вопрос 9

Действие Webpack на этапе бандлинга заключается в том, что он ...

  1. скачивает пакеты из npm-регистра
  2. объединяет модули по графу зависимостей в один или несколько итоговых файлов
  3. управляет версиями в package.json
  4. запускает HMR (Hot Module Replacement) без сборки
Вопрос 10

Dev-сервер, который обычно стартует по адресу http://localhost:5173, — это … <i>(укажите слово на английском языке)</i>

  1. Vite
  2. vite
Вопрос 11

Вы фронтенд-разработчик в учебном проекте. Нужно за 10–15 минут подготовить окружение для небольшого SPA (Single-Page Application) (ToDo), чтобы (см. ниже): • быстро запустить dev-сервер с HMR (Hot Module Replacement); • писать на TypeScript; • получить оптимизированную прод-сборку позже без ручной настройки Webpack. Какой вариант действий наиболее уместен?

  1. Установить webpack, webpack-dev-server, babel-loader, ts-loader, вручную настроить конфиг и запустить dev-сервер
  2. Использовать Create React App: npx create-react-app my-app и затем включить TypeScript
  3. Выполнить npm create vite@latest my-app, выбрать шаблон vanilla-ts, затем cd my-app && npm install && npm run dev; для продакшена — npm run build
  4. Установить только Babel CLI и транcпилировать файлы командой npx babel src --out-dir dist, затем открыть HTML (HyperText Markup Language) напрямую в браузере