Вебдизайн та створення сайтів
Що ви отримаєте на курсі?
розуміння, як працюють вебсайти та з чого вони складаються
знання основ HTML, CSS та JavaScript
досвід верстки реальних макетів із Figma
вміння створювати стильні та сучасні сторінки
навички додавання інтерактиву (кнопки, меню, анімації)
публікація власних готових міні-сайтів на GitHub, які можна показати друзям або розмістити онлайн
розуміння, як виглядає робота веброзробника та дизайнера в команді
Хто викладає?
Максим Кікоть
аспірант
Майстер-клас курс, який познайомить із захопливим світом веброзробки. Разом ми пройдемо шлях від перших рядків коду до створення власного сайту, заснованого на реальному дизайні з Figma. Учасники навчаться працювати з HTML, CSS і JavaScript, зрозуміють принципи командної роботи з Git та зможуть опублікувати готовий проєкт у відкритому доступі
Програма курсу
1. Знайомство з веб-сайтами та їх технологіями (лекційно-
практичне заняття), 45 хв.
Ви дізнаєтесь, як працюють сайти та з чого вони складаються. Ми напишемо перший код: створимо HTML як «скелет» сторінки, додамо хедер і футер, текст, заголовки, зображення та посилання. Також розберемо принцип розташування блоків. Дизайн із Figma крок за кроком перетвориться на реальну вебсторінку.
2. Стилізація сайту за допомогою CSS (лекційно-
практичне заняття), 45 хв.
На другому етапі ми підключимо стилі, навчимося працювати зі шрифтами, кольорами та відступами. Познайомимося з Flexbox і динамічними стильовими ефектами. Практична частина буде присвячена оформленню сайту так, щоб він максимально відповідав макету з Figma.
3. Інтерактивність і робота з JavaScript (лекційно-
практичне заняття), 45 хв.
Ми розберемо, що таке DOM і як взаємодіяти з елементами сторінки. На практиці створимо слайдер для картинок, випадаюче меню в хедері та інтерактивні кнопки. Також реалізуємо форму для введення тексту, яка реагуватиме повідомленням, щоб сайт став по-справжньому «живим».
4. Командна робота та публікація сайту (лекційно-
практичне заняття), 45 хв.
Дізнаємося, як працюють розробники в команді, що таке система контролю версій Git і репозиторії на GitHub. Ми зберемо весь сайт воєдино та розмістимо його у відкритому доступі на GitHub Pages.
У результаті кожен учасник отримає власний сайт із посиланням, яким можна поділитися з друзями
Подати заявку
Подайте заявку на участь у курсі -
Вебдизайн та створення сайтів