LOGIKA
СТВОРЕННЯ
ВЕБ-САЙТІВ
У сучасному світі сайт потрібен всім, хто хоче заявити про себе. Яку б професію не обрала дитина в майбутньому, вміння створювати сайти буде її конкурентною перевагою
Записатись
Для дітей 11-12 років
Програма курсу
На курсі учні навчаються
Як проходять уроки?
На кожному занятті вивчаємо новий інструмент і застосовуємо знання на практиці: ставимо цілі, розподіляємо завдання і приступаємо до нового проєкту.
Кожне заняття-
теорія і практика
Проєктний підхід
Дитина сама обирає, чому буде присвячений її сайт: це може бути сервіс для вибору фільмів, блог про улюблене хобі або навіть сторінка власної компанії!
Приклади проєктів наших учнів
Програма курсу
Accordian
Модуль 1. Основи HTML і CSS
  • Що таке сайт і HTML?
  • Що таке CSS. Перші стилі
  • CSS: Розміри та відступи
  • Мініпроєкт: “Про себе / Мої хобі”
  • Списки та навігація
  • Структура сайту і контент
  • Відкритий урок. Презентація проєктів
Модуль 2. Просунуті стилі CSS
  • CSS. Селектори та текст
  • CSS. Посилання та кнопки
  • Блокова модель. Стилі для блоків
  • Flexbox: основи
  • Flexbox: картки і секції
  • Розділи сторінки. Фони та градієнти
  • Сайт з навігацією і розділами
  • Публікація сайту. Відкритий урок
Модуль 3. Figma і вебдизайн
  • Вебдизайн. Вступ до Figma
  • Основи вебдизайну: колір і фірмовий стиль
  • Основи вебдизайну: елементи і компоненти
  • Блоки у макеті Figma
  • Дизайн UI-елементів
  • Проєкт: дизайн-макет сторінки події/заходу
Модуль 4. Від дизайну до сайту
  • Блоки й позиціювання
  • UI-елементи та форми
  • З макета у CSS: базова верстка
  • Стилізація блоків за макетом
  • CSS Grid: сітковий макет сторінки
  • Адаптивна верстка і медіазапити
  • Багатосторінковий адаптивний сайт
  • Відкритий урок. Презентація проєктів
Модуль 5. Професійна верстка
  • Анімації та ефекти в CSS
  • Власні анімації в CSS
  • CSS-бібліотеки та готові компоненти
  • Компоненти Bootstrap
Модуль 6. Підсумковий проєкт
  • Планування і макет у Figma
  • Верстка сайту за власним макетом
  • Анімації, адаптивність та публікація
  • Релізне заняття курсу
Запишіться на безкоштовний пробний урок — онлайн або у вашому місті
Знайдіть відповідь на своє питання