Елементи сучасної фронт-енд розробки

Додано: 18 жовтня 2020
Предмет: Інформатика, 10 клас
10 запитань
Запитання 1

Медіа запити дозволяють

варіанти відповідей

Змінити мову сторінки залежно від вподобань користувача

Застосувати різні стилі для відображення сторінки на екрані та друку на принтері

Застосовувати CSS правила залежно від ширини області відображення

Отримати дані про конфігурацію комп’ютера користувача, наприклад, модель монітора та процесора

Запитання 2

Під час розробки, для перевірки вигляду сторінки на мобільних пристроях зручно

варіанти відповідей

Використовувати смартфон, підключений через USB

Використовувати кілька різних пристроїв, підключених через bluetooth

Використовувати симулятор пристроїв у консолі розробника браузера

Запитання 3

Як правило, для коректної роботи медіа-запитів на мобільних пристроях

варіанти відповідей

Їхні параметри експерементально підбирають для різних моделей телефонів і плашетів

В медіа-запит додають перелік моделей, яких він стосується

В сторінку додають мета-параметр viewport з відповідними атрибутами

В тег html додають атрибут mobile зі значенням true

Запитання 4

Яку властівість використовують у медіа-запиті, щоб правило застосувалось лише тоді, коли сторінка ширша ніж вказане значення:

варіанти відповідей

max-width

min-width

max-size

Min-size

Запитання 5

Підхід mobile-first означає

варіанти відповідей

Що інтерфейс сайту розробляють насамперед під мобільні пристрої

Що спочатку завантажується мобільна версія сайту, а потім, за потреби, повна

Що користувачі мобільних пристроїв мають пріорітет при роботі з сайтом

Запитання 6

Одиниці виміру em та rem

варіанти відповідей

Задають абсолютні розміри, 1 rem = 16px

Задають розміри відносно розміру шрифту поточного елемента

Задають розміри відносно розміру шрифту поточного елемента (rem) та кореневого [ ]елемента сторіники (em)

Задають розміри відносно розміру шрифту поточного елемента (em) та кореневого елемента сторінки (rem)

Запитання 7

Як правило, CSS та JS каркаси (frameworks) покликані вирішувати такі проблеми:

варіанти відповідей

Надавати готові рішення (часто у вигляді компонентів) для поширених завдань

Заохочувати розробників до використання best practices (найкращих практик)

Зменшувати розмір інформації, яка передається мережею при завантаженні сторінок сайту

Зменшувати час розробки сайту

Дозволяти людям створювати сайти без знань технологій веб-розробки

Запитання 8

У стандартних стилях bootstrap 4 червону кнопку можна зробити червоною

варіанти відповідей

Додавши клас red

Використавши тег button з атрибутом red

Додавши клас danger

Запитання 9

Підключати javascript каркасу bootstrap

варіанти відповідей

Обов’язково при використанні каркаса

Потрібно при використанні деяких компонентів каркаса

Обов’язково лише за умови, що ви будете викликати javascript-методи bootstrap у своєму коді

Запитання 10

Станом на 2018-й рік, грід-система CSS grid не набула масового поширення, оскільки

варіанти відповідей

Вона невдало спроектована і в ній важко розібратися

Приблизно 10% користувачів використовують браузери, які не повністю її підтримують

Інші грід-системи, зокрема bootstrap grid, мають набагато більші можливості

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест