На курсі учні навчаються
-
Створювати концепцію та проєктувати структуру сайту
-
Писати HTML і CSS-код
-
Застосовувати принципи UX і UI
-
Створювати дизайн інтерфейсів
-
Адаптувати сайт під мобільні пристрої
-
Створювати цікаве оформлення сайтів та анімації на CSS
Як проходять уроки?
-
Кожне заняття- теорія і практикаНа кожному занятті вивчаємо новий інструмент і застосовуємо знання на практиці: ставимо цілі, розподіляємо завдання і приступаємо до нового проєкту.
Залишити заявку -
Проєктний підхідДитина сама обирає, чому буде присвячений її сайт: це може бути сервіс для вибору фільмів, блог про улюблене хобі або навіть сторінка власної компанії!
Залишити заявку
Приклади проєктів наших учнів
Денис, 12 років
Створення веб-сайтівСтудент курсу створив інтерактивний сайт про шахи, де розповідає про фігури, правила та особливості гри. Під час роботи над проєктом він навчився створювати структуру вебсторінки, працювати з текстом, зображеннями та оформленням сайту.
Програма курсу
- Що таке сайт і HTML?
- Що таке CSS. Перші стилі
- CSS: Розміри та відступи
- Мініпроєкт: “Про себе / Мої хобі”
- Списки та навігація
- Структура сайту і контент
- Відкритий урок. Презентація проєктів
- CSS. Селектори та текст
- CSS. Посилання та кнопки
- Блокова модель. Стилі для блоків
- Flexbox: основи
- Flexbox: картки і секції
- Розділи сторінки. Фони та градієнти
- Сайт з навігацією і розділами
- Публікація сайту. Відкритий урок
- Вебдизайн. Вступ до Figma
- Основи вебдизайну: колір і фірмовий стиль
- Основи вебдизайну: елементи і компоненти
- Блоки у макеті Figma
- Дизайн UI-елементів
- Проєкт: дизайн-макет сторінки події/заходу
- Блоки й позиціювання
- UI-елементи та форми
- З макета у CSS: базова верстка
- Стилізація блоків за макетом
- CSS Grid: сітковий макет сторінки
- Адаптивна верстка і медіазапити
- Багатосторінковий адаптивний сайт
- Відкритий урок. Презентація проєктів
- Анімації та ефекти в CSS
- Власні анімації в CSS
- CSS-бібліотеки та готові компоненти
- Компоненти Bootstrap
- Планування і макет у Figma
- Верстка сайту за власним макетом
- Анімації, адаптивність та публікація
- Релізне заняття курсу
Довіра, підтверджена результатами
Знайдіть свою школу або
навчайтесь онлайн
Оберіть зручний формат навчання у вашому місті або онлайн.
Завантажуємо карту областей...
Оберіть місто навчання
Ми підкажемо зручний варіант у вибраній області.
Оберіть область
ОБЕРІТЬ МІСТО
Усі локації
Створення сайтів для дітей 11-12 років: HTML, CSS і Figma
Сайт сьогодні потрібен кожному, хто хоче заявити про себе, від художника до підприємця. Тож уміння зробити його самостійно стане перевагою, яку б професію дитина не обрала в майбутньому.
У Figma учні вчаться вебдизайну: працюють з кольором, фірмовим стилем, компонентами та UI-елементами. Спершу дитина малює макет сторінки, а потім верстає за ним справжній сайт на HTML і CSS.
Так. Учні вивчають адаптивну верстку та медіазапити, а один з проєктів курсу це багатосторінковий адаптивний сайт, який добре виглядає і на комп’ютері, і на смартфоні.
Так, публікацію сайту учні проходять ще в другому модулі, а підсумковий проєкт у фіналі курсу також виходить в інтернет разом з анімаціями та адаптивністю.
Так, у модулі професійної верстки учні створюють анімації та ефекти на CSS, підключають CSS-бібліотеки і працюють з готовими компонентами Bootstrap.
«Створення веб-сайтів» для 11-12 років зосереджений на HTML, CSS, вебдизайні у Figma та адаптивній верстці. «Основи фронтенд-розробки» для 14-17 років додають програмування на JavaScript, роботу з Git і GitHub, командні проєкти та аналітику сайту.
