Основи Web-дизайну. HTML5+CSS3+Figma, АІ

Хочеш навчитися створювати гарні, сучасні та зручні сайти?
 

Курс «Основи Web-дизайну. HTML5 + CSS3 + Figma» — це твої перші кроки у світі веб-розробки та Front-end.

За 16 занять ти освоїш:

• HTML5 — будова сторінки, заголовки, списки, блоки, таблиці та семантичні елементи;
• CSS3 — стилізація, кольори, шрифти, адаптивний дизайн, базові анімації;
• Figma — створення макетів сайту, планування інтерфейсу, перетворення дизайну в готові сторінки;
• Штучний Інтелект — допомагає оптимізувати дизайн та прискорює роботу над проєктами.

Цей курс не просто про код — ти вчишся поєднувати дизайн та технології, створювати адаптивні та гарні сторінки, розуміти, як макет перетворюється на функціональний сайт, і формувати базу для подальшого розвитку у веб-розробці.

Навіщо це потрібно?

• Кожен сайт або веб-додаток починається з HTML і CSS — знання цих технологій необхідне будь-якому айтішнику;
• Верстка на основі Figma допомагає швидко реалізовувати дизайн у реальний продукт;
• Ці навички корисні не тільки для Front-end, а й для модерації сайтів, розробки програм та роботи з різними мовами програмування.

Цей курс — обов’язкова база для всіх, хто хоче стати веб-розробником, навчитися створювати гарні сайти і зрозуміти фундаментальні принципи роботи веб-технологій.

Лінійка курсів з веб-розробки

• Front-end web-розробка (HTML5/CSS3, JavaScript, WordPress). Для учнів 8–11 класів та студентів. Front-end – це все, що бачить користувач на сайті: дизайн, кнопки, форми, анімації. HTML5 формує структуру сторінки, CSS3 додає стиль і адаптивність, JavaScript оживляє елементи, а WordPress дозволяє запускати готові сайти з темами та плагінами. Учні створюють адаптивні сайти, інтерактивні кнопки і форми, а фінальний проєкт — власний сайт у WordPress.

• Web-академія. Для старшокласників 10–11 класів та студентів. Комплексна програма включає і Front-end, і Back-end. HTML, CSS і JavaScript формують сторінки та інтерактивність, PHP і Laravel відповідають за серверну частину сайту — бази даних, динамічні сторінки та логіку роботи додатків, а WordPress дозволяє керувати контентом і створювати плагіни. Практичні проєкти формують професійне портфоліо.

• Основи Web-дизайну (HTML5 + CSS3 + Figma). Для учнів 7–9 класів. Figma дозволяє створювати макети, HTML і CSS перетворюють їх у реальні сторінки. Учні навчаються робити адаптивний дизайн і поєднувати творчість із кодом.

• Веб-розробка на Webflow (No-Code). Для учнів 8–11 класів та студентів. Створення сайтів без коду через drag&drop, готові шаблони та анімації. Підходить для швидкого запуску адаптивних, стильних сайтів із власним дизайном.

• PHP + WordPress. Back-end розробка. Для старшокласників 10–11 класів та студентів. Back-end відповідає за сервер, бази даних і динамічні функції сайту. PHP і Laravel дозволяють створювати складні веб-додатки, WordPress — плагіни та сайти будь-якої складності. Після курсу учні можуть реалізовувати проєкти для бізнесу.

• Розробка сайтів на WordPress (No-Code). Для учнів 8–11 класів та студентів. Курс дозволяє запускати сайти без програмування, працюючи з темами та плагінами, створювати інтернет-магазини, портфоліо та корпоративні сайти. Включає інструменти автоматизації Web-Automation & AI для швидкого старту.

Варіанти та вартість навчання:

208 ак годин (52 занять по 4 ак години, 1 ак годину = 45 хв). Тривалість: від 3,5 до 4 місяців 3-5 разів на тиждень (на вибір). Можна підлаштувати під власний графік роботи.

Час навчання у групі (на вибір):

• денні групи з 9:30 до 12:30; з 12:30 до 15:30, з 15:30 до 18:30.
• вечірні групи з 18:30 до 21:30, з 18:45 до 21:45.

Вартість навчання:

• 22 880 грн. (при оплаті на виплат - за кожні 12 занять - 5280 грн),
• 20 592 грн. (при оплаті за весь курс (передплата) – знижка 10% – (економія 2288 грн)

Навчання відбувається в аудиторіях навчального центру або онлайн на платформі ZOOM, за бажанням.

Аудиторія курсу Web-дизайнер-програміст складається з:

• 70% слухачів, які хочуть стати професійними веб-дизайнерами-програмістами;
• 30% слухачів, які планують відкрити свою студію чи працювати на себе (фрілансери).

Після закінчення курсу Ви вмітимете:

• Створювати web-сторінки, що містять усі необхідні компоненти: текстове наповнення, гіперпосилання, графічне наповнення;
• Самостійно створювати повноцінний сайт шляхом визначення ієрархії взаємодії веб-сторінок між собою;
• Грамотно розробляти інтерактивні форми взаємодії користувача з web-сервером;
• Ефективно використовувати можливості каскадних таблиць стилів CSS для підвищення функціональності та покращення оформлення web-сайту;
• Використовувати технологію кадрів;
• Правильно підходити до створення дизайну сайту;
• Захищати свій дизайн;
• Створювати та кодувати макет;
• Адаптувати дизайн для мобільних пристроїв;
• орієнтуватися в інтерфейсі програми;
• В Adobe Illustrator створювати ілюстрації за допомогою базових об'єктів та інструментів малювання;
• Ефективно використати шари для оптимізації роботи;
• Грамотно застосовувати та оформляти текст;
• Вибирати колірне оформлення для малюнка;
• Правильно зберігати файли для WEB-сторінок;
• Самостійно працювати із програмою Adobe Photoshop CS6/CC;
• Виконувати глобальну та локальну корекцію зображення, у тому числі з використанням цифрових даних;
• Змінювати основні параметри зображення та виконувати обрізання;
• Використовувати шари при створенні колажу та фотомонтажу;
• Прибирати дефекти зображення: пил, подряпини, «червоні очі» тощо, виконувати ретушування зображення;
• використовувати інструменти малювання для створення нових ілюстрацій;
• Застосовувати спецефекти підвищення виразності зображення;
• Виконувати сканування зображення, усувати муар;
• Проектувати зручні та конкурентоспроможні сайти;
• Покращувати характеристики користувача вже існуючих сайтів.

Після закінчення навчання видається диплом та заявки на роботу.

До програми входять такі дисципліни:

• Робота в системі Adobe Photoshop
• Робота в системі Adobe Illustrator
• Створення сайтів на HTML 5 та СSS 3, кросбраузерна верстка, юзабіліті
• Веб - дизайн розробка та оформлення сайтів UI/UX дизайн
• Основи веб-програмування, використання бібліотеки jQuery, React та JSX
• PHP. Основи створення сайтів
• MYSQL 5. Проектування та створення баз даних для web
• Основи дизайну
• Основи малюнка та скетчінг
• Основи живопису та роботи з кольором
• Технологія та психологія працевлаштування
• Психологія спілкування з клієнтами

При проектуванні веб та мобільних додатків, головне завдання дизайнера — зробити їх не тільки естетичними, але і зручними для користувачів і ефективними для бізнесу замовника. На курсі вивчається адаптивний дизайн, робота з замовником, створення UX артефактів, а також студенти навчаться дослідженням ринку, складанню персон і призначених для користувача вимог, що дозволить проектувати складні веб-інтерфейси.

ЦІЛІ КУРСУ:

• Навчитися проектувати цікавий, привабливий і зручний інтерфейс
• Освоїти реалізації ефективних графічних і розширюваних віконних додатків
• Навчитися досліджувати конкурентів
• Освоїти дослідження вимог користувачів
• Дізнатися, як збирати прототипи і тестувати їх