Підліток навчиться створювати макети сайтів у Figma, розуміти принципи UI/UX та збирати портфоліо дизайнера. Перший пробний урок — безкоштовно.
Технології, яким ми навчаємо
Ми не просто вчимо синтаксису — ми виховуємо практиків, що вирішують реальні задачі за допомогою коду.
Кожна дитина навчається у своєму ритмі. Ніякого тиску — тільки інтерес і прогрес.
Практикуючі розробники, закохані у свою справу та вміють пояснити складне просто.
Учні створюють ігри, сайти та додатки — справжні продукти, а не вправи.
Займайся з будь-якої точки світу через Zoom або Google Meet — без прив'язки до місця.
Офіційний сертифікат про закінчення курсу — перший крок до портфоліо.
Чат з викладачем, допомога із завданнями та розбір помилок у будь-який час.
Інтенсивний практичний курс для дітей та підлітків: реальні проєкти, робоча дошка, готовність до коледжу.
Від растру до вектору, від ретуші до брендингу — 30 тем · 156 занять
Растрова та векторна графіка: відмінності. Колірні моделі RGB/CMYK. Створення та збереження файлів.
Чарівна паличка, ласо, маска, колірний діапазон. Трансформація, доповнення та перетин областей виділення.
Поняття шарів та їх параметри. Стилі шарів. Ретуш портрету: Clone Stamp, Healing Brush, Liquify.
Текстові шари, деформація напису, ефекти: вогняний текст, залізний текст, стилі.
Що таке мокап, створення власного. Смарт-фільтри. Логотип на шкірі, дереві, металі.
Макіяж, фотоколаж, тіні та світло, Color Balance, ретуш пейзажу, корекція перспективи.
Базова корекція, коригувальні шари, тонові криві Curves, конвертація у чорно-біле, складний колаж.
Цифрове малювання без планшета. Графічний планшет. Крива Безьє, контури, векторні фігури.
Шкала часу, створення слайдів. Анімація батареї та годинника з незалежними стрілками.
Подвійна експозиція, зображення що розсипається, 3D-графіка, акварельний ефект, відновлення фото.
Векторна графіка та її застосування. Інтерфейс Illustrator, документи, шаблони, навігація.
Копіювання, вирівнювання, групування. Малювання ліній, типи кистей, інструмент Безьє.
Прямокутники, еліпси, зірки, спіралі, сітки. Виділення та трансформація об'єктів, перетікання.
Заливки, градієнти, градієнтна сітка, текстури. Прозорість, режими змішування, ефекти.
Робота з палітрою Layers, типи масок, маски непрозорості. Точний контроль видимості об'єктів.
Лінійки, направляючі, смарт-направляючі, прив'язка до сітки — точне малювання.
Шрифт та атрибути, текст вздовж кривої, перетворення у криві, неоновий ефект, візитка.
Кисті для складних обводок, оболонки деформації, символи, діаграми, вітальна листівка.
Обертання та витягування об'єктів, 3D-ефекти, будівлі, прототип телефону, рендеринг, трасування.
Розміщення, трансформація, конвертація растр↔вектор. Live Paint, палітра Links, кадрування.
Вильоти, відступи, перевірка кольору. Вимоги друкарні, підготовка макета, параметри друку, експорт.
Команди Slice, експорт у JPEG, GIF, PNG, SVG. Діалогове вікно Save for Web.
Гірський пейзаж, набір іконок для продажу, флет-дизайн, іконки для сайту.
Портфоліо, в чому себе спробувати, професійні ресурси, авторське право, робота зі стоком.
Види поліграфії, розміри та правила. Робота з клієнтом і друкарнею, колірні профілі, практика.
Загальні правила створення, розробка брендбуку на задану тематику. Передрукова підготовка.
Теорія поліграфії та передрукової підготовки. Створення власних макетів за зразком.
Розробка логотипу в Illustrator. Створення 6 варіантів реалізації одного логотипу.
Роль соцмереж у сучасних продажах, практичне використання, створення та брендування акаунтів.
Теорія геймдизайну, кнопки, меню, шкали. Розробка маджонгу, пазлів, гонок, монетизація.
HTML, CSS, JS, Figma, анімація та перший фріланс — 28 тем · 156 занять
Як працюють сайти, backend і frontend. Sublime Text, перша HTML-сторінка, теги, атрибути, CSS-стилі.
Структура HTML5, основні теги, веб-форми, валідація, таблиці, семантична верстка та стандарти.
Розвиток інтернету, WWW, XHTML, блокові та лінійні елементи, заголовки H1-H6, редактори та браузери.
Синтаксис CSS, правила каскадності, групування та успадкування стилів, пріоритети.
Комбіновані селектори, групування та успадкування, пріоритети стилів у CSS.
Тег посилання, відносні та абсолютні шляхи, URL/URN, фрагменти сторінки, іменування папок.
Марковані та нумеровані списки, Unicode, MIME-типи, метадані KEYWORDS та DESCRIPTION, SEO-основи.
Box model, border/margin/padding, обтікання, навігація, Relative/Absolute/Flex/Fixed.
Шрифтове та текстове оформлення, вирівнювання, інтерліньяж, кернінг, колір, написання текстів для Web.
Колірні моделі в CSS, формати JPEG/GIF/PNG, фонові зображення, градієнт, тіні, UI-генератори.
Relative/Absolute, z-index, селектори по ієрархії, класи та ідентифікатори, зовнішні таблиці стилів.
Структура таблиці, об'єднання комірок, оформлення класами, карти посилань, застаріла таблична верстка.
Синтаксис медіазапитів, логічні оператори, viewport, стратегії адаптивності, орієнтири по розмірах екрану.
Псевдокласи тексту, посилань, кнопок, оформлення списків, бібліотека Animate.css, практика блоків.
Розподіл наповнення та оформлення, ініціатива доступності Web, розміщення сторінок в інтернеті.
Гумовий сайт, media-запити, Flexbox, сітки, особливості браузерів, інструменти перевірки.
Гнучкий контейнер, осі, порядок елементів, багаторядковість, коефіцієнти зростання/стиснення, вирівнювання.
Складні селектори, !important, псевдо-елементи, трансформації, БЕМ, Bootstrap, SASS/LESS.
Підключення JS, jQuery, обробка подій, показ/приховання елементів, робота з мережею, JS-фреймворки.
Фон, градієнти, тіні, типографіка, спецсимволи, формати зображень, Favicon, SVG та Canvas.
Фрейми, компоненти, Auto Layout, стилі — сучасний інструмент UI-дизайнера та верстальника.
Design System, кольорові токени, варіанти компонентів, інтерактивний прототип для клієнта.
User Persona, Customer Journey Map, wireframes, usability testing — думаємо як користувач.
Keyframes, transitions, GSAP, Lottie — живі ефекти на сайті без Flash та додаткових плагінів.
Нарізка макету, оптимізація зображень для завантаження, мокапи, ретуш для сайту.
Smart Animate у Figma, мікроанімації, After Effects для лого — як зробити дизайн живим.
Upwork, Behance, GitHub Pages — портфоліо, ставки, NDA, перший контракт на веб-дизайн.
Домен та хостинг, Git, таск-трекери, збирачі, мініфікатори. Публікація власного сайту.
Всього 4 кроки від заявки до першого проекту.
Заповни форму нижче — ми передзвонимо протягом 30 хвилин і підберемо відповідний курс.
Дитина спробує заняття без зобов'язань. Побачиш формат, познайомишся з викладачем.
Оплачуєш курс, отримуєш доступ до матеріалів і розкладу. Заняття 1–2 рази на тиждень по 90 хвилин.
Наприкінці курсу дитина представляє власний проект і отримує сертифікат.
Підтвердить, що ви пройшли курс, а також стане додатковим аргументом при влаштуванні на роботу
Дізнайтеся, як наш курс вирішує головні проблеми батьків
У нас дитина направляє цей час на розвиток реальних навичок програмування, які мають попит на ринку праці.
Python — ідеальна точка входу. Синтаксис простий, результати видно швидко. От і перші проєкти!
У нас кожне заняття — це нові проєкти: ігри, боти, анімація. Дитина бачить результат, хоче більше.
Пропонуємо гібридний формат: онлайн по графіку дитини або офлайн групи у Дніпрі. Вибирайте самі.
Донька 8 років у захваті від Canva — вже робить листівки та банери для всієї родини. Говорить що це «її справа». Дивовижно спостерігати за таким захопленням!
Донька 12 років почала вчити Figma і вже за 2 місяці зробила перший мобільний прототип. Викладач пояснює не тільки як, а й чому. Дуже якісний підхід!
Хлопець 15 років хотів у UI/UX. За 6 місяців освоїв Figma, зробив Design System і склав перший кейс для Behance. Вже отримав перше завдання на фрилансі!
Записала доньку 17 років — після курсу вона вже знає і UX Research, і Motion Design, і Handoff. Найкраща підготовка для вступу на дизайн-спеціальність!
Поради, огляди курсів і відповіді на часті запитання
Веб-дизайн — для дітей та підлітків від 6 до 18 років. Для 6–10 — Фотошоп, Ілюстратор, Анімація, кольорознавство та основи композиції. Для 10–14 — все з попереднього + Figma, UI-компоненти та дизайн сайтів, ігор, додатків. Для 14–18 — все з попередніх + UX-дослідження, прототипи та кар'єра дизайнера. Перший макет — вже на другому занятті!
Абсолютно ніяких. Всі курси починаються з нуля. Потрібен тільки комп'ютер з інтернетом.
Заняття у Zoom або Google Meet. Викладач бачить екран дитини, допомагає в реальному часі. Групи до 5 осіб — кожен отримує увагу.
Всі заняття записуються. Пропущений урок можна відпрацювати у інший день, а викладач відповість на питання в чаті.
Дитячі курси тривають 9–18 місяців при 1–2 заняттях на тиждень. Конкретна тривалість залежить від напрямку та навантаження.
Ви можете скористатись прямою оплатою на рахунок ФОП, оплатою через Google Pay, Apple Pay, переказом через платіжний шлюз. Якщо ви за кордоном — розрахуємо вартість у зручній валюті.
Залиш заявку — передзвонимо протягом 30 хвилин, запишемо дитину на безкоштовне перше заняття.
Передзвонимо протягом 30 хвилин і підберемо зручний час.
Введіть суму та натисніть «Перейти до оплати»
Введіть суму та натисніть «Перейти до оплати»