Основи Web UI розробки(Front-End)

💻 Курс «Web UI розробки(Front-End)»

Курс Front-End розробки — це практичне навчання створенню сучасних вебсайтів і інтерфейсів. Ви опануєте HTML, CSS, JavaScript, навчитеся працювати з адаптивною версткою, а також познайомитесь з популярними фреймворками, такими як React. Курс підходить для початківців і готує до роботи над реальними проєктами або старту в IT.

📌 Теми курсу:

📘 Вступ до Front-End

  • Що таке Front-End і як він працює

  • Огляд технологій: HTML, CSS, JavaScript

  • Роль Front-End розробника у команді

  • Інструменти для роботи: редактори коду, браузери, консолі

🔤 HTML — структура сторінки

  • Семантична розмітка

  • Формати тексту, списки, зображення, таблиці

  • Форми та елементи взаємодії

  • SEO-базові принципи

🎨 CSS — стилізація

  • Основи CSS: селектори, властивості, одиниці вимірювання

  • Позиціонування, Flexbox та Grid

  • Адаптивна верстка (Responsive design)

  • Анімації та ефекти

💡 JavaScript — логіка сторінки

  • Змінні, типи даних, оператори

  • Умови, цикли, функції

  • DOM-маніпуляції

  • Обробка подій

⚙️ Інструменти та середовище

  • Системи контролю версій: Git, GitHub

  • DevTools браузера

  • Основи роботи з npm

  • Збірники: Vite/Webpack (базово)

⚛️ Основи React

  • Компонентний підхід

  • Props та state

  • JSX

  • Життєвий цикл компонентів

🎯 Для кого курс:

  • 🧑‍🎓 Студенти технічних та гуманітарних спеціальностей
    Якщо ти навчаєшся в університеті й хочеш отримати практичні цифрові навички — Front-End розробка стане чудовим доповненням до будь-якої освіти. Це можливість вже під час навчання створювати власні проєкти, вийти на фріланс. Незалежно від спеціальності, ти зможеш поєднати свою професію з технологіями.

  • 🖌️ Дизайнери та UI/UX-спеціалісти
    Розуміння HTML, CSS та базового JavaScript дозволяє краще комунікувати з розробниками та втілювати власні дизайни в життя.

📚 Формат:

Онлайн через Google Classroom

Матеріали, завдання, дедлайни — все там:

Перейти до курсу

Посилання для приєднання: https://classroom.google.com/c/Njg4NjAwNzYyNTc5?cjc=lwrucpc

📬 Комунікація:

Пошта викладачча: s.y.taran@khai.edu
Всі матеріали та здача лабораторних робіт буде відбуватись в класрумі.
Чат в якому відбувається комунікація https://chat.google.com/room/AAAAghLsSCM?cls=7

Як написати в гугл чат

Постійне поcилання на лекцію: https://meet.google.com/kno-umru-ksm
Все потрібно робити з хайовської пошти

Будь ласка, регулярно перевіряйте оновлення в Google Classroom та гугл чаті. Це допоможе залишатись в курсі всіх змін і дедлайнів.