Please enable JavaScript.

Coggle requires JavaScript to display documents.

Інформатика - Coggle Diagram

- - - - • UX (User Experience) — досвід користувача при роботі з сайтом.
      - • UI (User Interface) — зовнішній вигляд інтерфейсу сайту.
      - • Респонсивний дизайн — сайт автоматично підлаштовується під різні екрани (комп’ютер, планшет, смартфон).
      - • Мобільна оптимізація — створення сайтів з урахуванням особливостей мобільних пристроїв.
      - • Тренди вебдизайну — мінімалізм, темна тема, анімація, мікровзаємодії, скрол-анімація.
    - - • Canva (макети дизайнів)
      - • Figma (створення прототипів)
      - • Google Fonts (підбір шрифтів)
    - - • Створення прототипу сайту в Canva чи Figma.
      - • Підбір кольорових схем для сайту.
- - - - • HTML (HyperText Markup Language) — структура сайту.
      - • CSS (Cascading Style Sheets) — стилізація сайту.
      - • JavaScript — мова для додавання інтерактивності.
      - • Теги — елементи HTML (наприклад: <h1>, <p>, <a>, <img>, <div>).
      - • Класи та ідентифікатори — способи виділення елементів для стилізації (class, id).
      - • Події JavaScript — обробка натискань, наведень, введення даних тощо.
    - - • Visual Studio Code (редактор коду)
      - • Google Chrome (перевірка роботи сайту)
      - • Live Server (перегляд сайтів під час розробки)
    - - • Написання інтерактивних кнопок на JavaScript.
      - • Створення меню з випадаючим списком.
      - • Використання медіа-запитів у CSS.
- - - - • Медіа-запити (media queries) — зміна стилів для різних екранів.
      - • Адаптивний дизайн — зручний вигляд на різних пристроях.
      - • Оптимізація сайту — прискорення завантаження сторінок, оптимізація зображень.
      - • Ергономіка — зручність для користувача (розташування елементів, читабельність, зручна навігація).
    - - • TinyPNG (оптимізація зображень)
      - • Lighthouse (перевірка оптимізації сайту)
      - • Google PageSpeed Insights (оцінка швидкості сайту)
    - - • Робота з адаптивною версткою через медіа-запити.
      - • Тестування сайту на мобільних пристроях.
      - • Оптимізація розміру картинок для швидкого завантаження.