Please enable JavaScript.
Coggle requires JavaScript to display documents.
інформатика за ІІ семестр - Coggle Diagram
інформатика за ІІ семестр
Особливості використання HTML, CSS та JavaScript
:!:
CSS
Flexbox, Grid
Псевдокласи та псевдоелементи
Селектори, властивості
JavaScript
Події (onclick, onchange)
Робота з DOM (наприклад, document.getElementById)
Змінні, функції
Простий калькулятор, слайдер, модальні вікна
HTML
Теги: <header>, <footer>, <nav>, <section>, <article>
Форми: <input>, <textarea>, <form>
Структура сторінки
Сучасні тенденції вебдизайну та веброзробки
:pencil2:
Мобільна орієнтованість
Темна тема / світла тема
Flat-дизайн і мінімалізм
Шрифти та типографіка
UX/UI дизайн
Використання фреймворків: Bootstrap, Tailwind CSS
Адаптивність, ергономіка та оптимізація сайтів
:recycle:
Медіа-запити
(@media
)
Відсоткові та відносні одиниці (em, %, vh)
Адаптивні зображення
Google Lighthouse / PageSpeed Insights
Принципи ергономіки: контрастність, зручна навігація
Семантичний HTML для SEO
Інструменти перевірки доступності (accessibility)
більше про самі завдання з інформатики
:silhouettes:
Основні терміни
JavaScript
мова програмування для динаміки сайту
CSS
(Cascading Style Sheets) — каскадні таблиці стилів
HTML
(HyperText Markup Language) — мова розмітки вебсторінок
Найцікавіші завдання для мене:
Створення сайту-резюме
Програми, які ми використовували:
Visual Studio Code