NEW
Font size
WorksheetsОснови HTML/CSS/JS та Git
Total questions: 41
Worksheet time: 21mins
Яка структура папок є типовою для простого HTML/CSS/JS-проєкту?
project > html, js, css, txt
project > src > build
project > index.html, /css, /js, /images
project > content, style, logic
У якій папці зазвичай зберігають зображення у веб-проєкті?
/media
/files
/img або /images
/src
Який із цих файлів є головною HTML-сторінкою сайту?
style.css
main.js
app.html
index.html
Яке розширення має файл зі стилями?
.html
.style
.css
.scssx
Де зберігають JavaScript-файли у невеликому проєкті?
У папці /js
У папці /styles
У корені /
У папці /assets/styles
Для чого використовується тег link rel="stylesheet" href="styles/style.css" в HTML?
Підключити скрипт
Підключити таблицю стилів
Завантажити інше зображення
Показати файл у браузері
Який із цих файлів, найімовірніше, відповідає за взаємодію користувача з кнопками?
main.js
style.css
index.html
README.md
Який тип файлів найчастіше використовується для логотипу на сайті?
.svg
.docx
.mp4
Чим зазвичай відрізняється структура проєкту, створеного вручну, від того, що згенеровано за допомогою фреймворків (наприклад, React)?
Фреймворк-проєкти не містять HTML-файлів
У фреймворках є складніша структура, наприклад, src, public, конфіг-файли
Вручну створені проєкти більші за розміром
У фреймворках не використовують JavaScript
Який файл зазвичай містить загальну інформацію про проєкт (автор, опис, ліцензія)?
main.js
about.html
README.md
config.txt
Що таке Git?
Редактор зображень
Система для збереження та контролю змін
Антивірус
Програвач
Що зберігається в репозиторії Git?
Відео
Ігри
Файли з історією змін
Архіви
Яка команда створює новий Git-репозиторій?
git start
git begin
git init
git push
Як додати файл до збереження?
git save
git stage
git add
git commit
Що таке Git?
Відео
Ігри
Файли з історією змін
Архіви
Яка команда створює новий Git-репозиторій?
git start
git begin
git init
git push
Що робить команда git commit?
Відправляє файли на GitHub
Назавжди видаляє зміни
Створює збереження з описом
Завантажує нову версію
Що таке GitHub?
Онлайн-редактор
Сервіс для зберігання репозиторіїв
Антивірусна програма
Браузер
Що робить команда git push?
Завантажує код з GitHub
Видаляє зміни
Відправляє зміни на сервер
Зберігає файл на диск
Який файл виключає деякі файли з відстеження у Git?
git.txt
ignore.git
.gitignore
no_track.md
Що зручно використовувати для роботи з Git без команд?
Paint
VS Code
Notepad
Terminal
Як перевірити, які файли змінені?
git check
git status
git list
git get
Яка комбінація відкриває термінал у VS Code?
Ctrl + Shift + T
Ctrl + `
Alt + Tab
F5
Як швидко знайти та відкрити файл за назвою?
Ctrl + S
Ctrl + P
Ctrl + N
Alt + F4
Як активувати автоматичне збереження файлів?
File → Auto Save
Terminal → Save
Edit → Copy
Run → New
Що таке розширення (extension) у VS Code?
Нове вікно
Доповнення до функцій редактора
Назва файлу
Оновлення браузера
Для чого служить бокова панель Explorer?
Відкриває браузер
Показує розширення
Показує структуру проєкту
Показує час
Як відкрити цілу папку проєкту?
File → Open Folder
File → Open File
Terminal → Run
Debug → Add
Як увімкнути підказки коду (IntelliSense)?
Налаштувати вручну
Встановити розширення
Вони вже вбудовані
Увімкнути в браузері
Що таке IntelliSense?
Налаштувати вручну
Встановити розширення
Вони вже вбудовані
Увімкнути в браузері
Що таке Live Server?
Додаток для перегляду HTML у реальному часі
Програма для чату
Компілятор Java
Серверна база
Як змінити вигляд редактора (світла/темна тема)?
View → Appearance → Theme
File → Save
Help → About
Terminal → New
Як переглянути останні дії з файлами у VS Code?
Ctrl + Q
View → Timeline
File → Edit
Debug → Info
Що робить тег meta charset="UTF-8" ?
Вказує стиль сторінки
Визначає формат дати
Встановлює кодування символів
Змінює мову сайту
Як правильно задати зовнішній відступ у CSS?
padding: 10px;
margin: 10px;
border: 10px;
gap: 10px;
Яка різниця між id і class?
id використовується багато разів
class — тільки для JavaScript
id — унікальний для одного елемента
Немає різниці
Який результат виконає display: flex;?
Сховає елемент
Вирівняє елементи по центру
Зробить елементи гнучко розміщеними
Змінить розмір шрифту
Як задати кольору тла у CSS?
background-color: red;
color: red;
bg: red;
fill: red;
Що робить властивість text-align: center;?
Центрує блок
Центрує текст
Рухає текст вгору
Міняє колір
Як зробити елемент займати 100% ширини сторінки?
width: full;
width: 100%;
size: 100%;
stretch: true;
Який з CSS-селекторів вибирає всі посилання в елементі з id menu?
menu a {}
#menu a {}
.menu > a {}
a#menu {}
