Від природи кольору до власного сайту: 10 безкоштовних курсів з вебдизайну для новачків

Середня зарплата вебдизайнера в Україні – приблизно $1,5–2 тис. При цьому можна працювати не лише на компанію, а й шукати замовників на біржах фрилансу.

Редакція MC.today зробила добірку з 10 онлайн-курсів вебдизайну. На них ви дізнаєтеся, чи підходить вам ця професія, які навички вам потрібні, аби знайти першу роботу, та чому важливо знати, як працюють кольори.

Українською мовою

«Основи UI/UX»

Тривалість: 3 дні

Організатор: Logos IT Academy

Це вступний курс, на якому ви зрозумієте, чи підходить вам професія вебдизайнера. На заняттях розкажуть, які обов’язки є в дизайнера і які інструменти потрібні для роботи. Ще ви дізнаєтеся:

• як працювати з текстом;
• як поєднувати кольори;
• що таке композиція;
• що таке UI-елементи.

На курсі пояснять, навіщо потрібен адаптивний дизайн і як використовувати модульну сітку. Також ви спробуєте створити дизайн застосунку для замовлення їжі.

Основи веброзробки (HTML, CSS, JavaScript)

Тривалість: 30 годин

Організатор: EDERA

Курс «Основи веброзробки» від українського освітнього проєкту EDERA познайомить слухачів з основами HTML, CSS та JavaScript, дозволить практикувати здобуті навички, а в кінці створити власний сайт.

План занять містить чотири модулі:

• Модуль 1. Основи створення та стилізації вебсторінок;
• Модуль 2. Деталі стилізації вебсторінок;
• Модуль 3. Створення інтерактивних вебсторінок з JavaScript;
• Модуль 4. Елементи сучасної фронт-енд розробки.

Основи Web UI розробки 

Тривалість: 5 тижнів

Організатор: Prometheus

Базова програма «Основи Web UI розробки» стане потужним стартом шляху у сфері веброзробки. Курс розрахований на новачків у сфері IT, які не мають попереднього досвіду роботи й навіть базових знань.

Програма курсу

• Що таке веброзробка?
• Front-end і back-end — у чому різниця?
• Як влаштований браузер?
• Що відбувається, коли користувач вводить адресу в адресний рядок?
• Середовища розробки;
• Загальний огляд HTML – ви можете почитати про HTML в нашій статті «Що таке HTML та як за допомогою нього увійти в IT»;
• Блочні та лінійні елементи;
• Семантика. Елементи HTML5;
• Використання CSS;
• Що вміє Javascript;
• Javascript – Змінні, типи даних, масиви;
• Javascript – Арифметика і присвоєння, взаємодія з користувачем;
• Javascript – Умови, Switch, цикли;
• Функції, область видимості;
• DOM, Об’єктна модель документа;
• Web Development Tools.

«Як працює колір»

Тривалість: 10 лекцій

Організатор: Projector

На цьому курсі ви дізнаєтеся все про кольори: їхню природу, історію кольорів прапорів, гербів і брендів, як працюють кольорові схеми тощо. Ви зрозумієте, як використовувати цю інформацію для дизайну сайтів.

Лектор також розповість:

• як гармонійно підібрати відтінки;
• як використовувати колір, аби донести інформацію;
• навіщо потрібен кольоровий контраст;
• які є вдалі та невдалі приклади дизайну.

Наприкінці ви зможете перевірити, як добре засвоїли інформацію, з допомогою онлайн-тесту.

«Основи вебдизайну» 

Тривалість: 2,5 місяця

Організатор: «Креативна практика»

Курс складається з шести відеоуроків, 19 статей і п’яти майстер-класів. Під час навчання ви дізнаєтеся:

• як розвивався інтернет і як це пов’язано з історією вебдизайну;
• які існують типи сайтів;
• з чого складається сайт;
• чим відрізняється дизайн мобільної та браузерної версій сайту;
• які є стратегії розробки сайтів;
• як зробити сайт зручним.

Щоб закріпити знання, після кожного модуля треба складати тести.

«Вебдизайнер: вибуховий старт»

Тривалість: 5 днів

Організатор: WAYUP

Швидкий безкоштовний курс допоможе зробити перші роботи для портфоліо та навчитися заробляти на отриманих знаннях. На заняттях ви дізнаєтесь:

• Що таке Figma та які у програми є неочевидні можливості;
• Як за допомогою Figma створити дизайн першої секції лендінгу;
• Як використовувати сучасну модульну сітку;
• Розберетесь з поняттями «мобільна версія» та «адаптивність». Паралельно створите адаптивні версії для справжнього лендінгу.

«Професія: вебдизайнер»

Тривалість: 3 уроки

Організатор: «Освітній хаб міста Києва»

Короткий курс, на якому ви дізнаєтеся:

• чи є зараз попит на вебдизайнерів;
• якими навичками він має володіти, щоб знайти першу роботу;
• у яких напрямах може розвиватися його кар’єра.

Під час розробки курсу використовували матеріали, що надали представники кафедри вебпрограмування Київського політехнічного інституту імені Ігоря Сікорського.

Записатися та пройти курс можна будь-коли.

Англійською мовою

Web Design for Everybody: Basics of Web Development & Coding Specialization 

Тривалість: 4 курси

Організатор: Університет Мічигану

Спеціалізація на Coursera – це декілька курсів, що допомагають здобути певні навички. Їх можна проходити разом, а можна вибрати лише один курс – той, що потрібен вам найбільше.

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

На першому курсі ви розберетеся, як насправді працює сайт. Наприклад, що відбувається, коли ви натискаєте ту чи іншу кнопку. Ще лектор пояснить, що таке JavaScript, CSS3 та як вони пов’язані з вебдизайном.

На другому курсі ви дізнаєтеся, як саме працюють каскадні таблиці стилів CSS3. Потім зможете створити дизайн HTML-сторінки.

На третьому курсі ви зрозумієте, як з допомогою мови програмування JavaScript змусити користувачів більше взаємодіяти з вашим сайтом.

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

П’ятий, практичний, курс потрібен, аби закріпити отримані навички та створити власне портфоліо. Ви матимете розробити дизайн сайту щонайменше для трьох платформ.

Розпочати навчання можна в будь-який час. Якщо ви приділятимете йому три години на тиждень, приблизно через шість місяців пройдете всю спеціалізацію.

Build Your First Web Pages With HTML and CSS

Тривалість: 10 годин

Організатор: OpenClassrooms

Безкоштовний англомовний курс для тих, хто хоче створювати власні сайти. В програмі навчання:

• Створення вебсторінки за допомогою HTML і CSS;
• Застосування синтаксису типових елементів HTML;
• Використання тегів HTML для структурування вебсторінки;
• Застосування CSS до елементів HTML.

Додамо, що платформа OpenClassrooms містить широкий вибір безкоштовних курсів з дизайну та розробки вебсайтів, які охоплюють основи HTML, CSS, JavaScript та інші технології, такі як PHP і MySQL. Курси надаються англійською, французькою та іспанською мовами.

Web Design Bootcamp: Design like a PRO

Тривалість: 2 години 20 хвилин

Організатор: Udemy

Курс поділений на три частини:

• Вступ. Ви розберетеся, що таке колір, шрифти та текстовий дизайн.
• Дизайн вебсторінки. Дізнаєтеся, з яких елементів складається сторінка сайту та чому ці елементи важливі.
• Створення сторінки за допомогою HTML і CSS. Зрозумієте, як ці інструменти допомагають створити зручний сайт.

Наприкінці потрібно пройти невеликий тест і відповісти на чотири запитання.

Цей курс підходить тим, хто володіє будь-якою програмою для дизайну. Наприклад, Photoshop, Illustrator та іншими. Почати навчання можна в будь-який час.