Please enable JavaScript.
Coggle requires JavaScript to display documents.
картка знань з інформатики за ІІ семестр - Coggle Diagram
картка знань з інформатики за ІІ семестр
Сучасні тенденції вебдизайну та веброзробки
Мікроінтерації
Дрібні візуальні відгуки елементів (наприклад, зміна кольору кнопки при наведенні).
UI/UX дизайн
Проєктування зручності (UX) та зовнішнього вигляду (UI) інтерфейсу.
Анімація інтерфейсу
инамічні ефекти для покращення взаємодії користувача з сайтом.
CMS
Системи керування вмістом сайту без глибокого знання коду
Програмы
WordPress
Платформа для ознайомлення з принципами роботи готових шаблонів.
Canva
Програма для швидкої підготовки банерів та графічного контенту.
Figma
Головний інструмент для створення інтерактивних макетів та прототипів.
Особливості використання HTML, CSS та JavaScript
Терміни
DOM (Document Object Model)
Структура документа, що дозволяє JavaScript змінювати контент на льоту.
Події (Events)
Дії користувача (клік, скрол), на які реагує скрипт.
CSS-селектор
Інструмент для вибору HTML-елементів, яким потрібно задати стилі.
HTML-тег
Базовий елемент розмітки, який визначає структуру вебсторінки.
Програмы
Visual Studio Code (VS Code)
Основний редактор коду з підсвіткою синтаксису.
Браузерні інструменти розробника (DevTools)
Консоль для пошуку помилок у коді.
Notepad++
Легкий текстовий редактор для швидкого редагування коду.
Адаптивність, ергономіка та оптимізація сайтів
Адаптивний дизайн (Responsive Design)
Правила CSS, які змінюють стилі залежно від розміру екрана.
Медіазапити
Ступінь зручності використання вебресурсу для людини.
Ергономіка сайту (Юзабіліті)
Зменшення ваги картинок (WebP/SVG) для швидкого завантаження.
Оптимізація зображень
Коректне відображення сайту на смартфонах, планшетах та ПК.