Лучшие IT курсы в Украине

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

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

Знайомство з ChatGPT та його можливостями в інтернет-маркетинг

• Перша зустріч: обмін цілями й планами на курс
• Що таке ChatGPT та які задачі він виконує
• Огляд інтерфейсу та відмінностей між платною й безкоштовною версіями
• Секрети правильної постановки запитів
• Типи аналізу за допомогою ChatGPT
• Штучний Інтелект як інструмент для SMART
• Оптимізація процесів конкурентного аналізу
• Робота з ЦА
• ChatGPT та маркетингова стратегія: що треба знати й обов’язково враховувати
• Покращення процесу генерації ідей
• Маркетингові дослідження: обробка великих обсягів даних

ChatGPT та SEO-оптимізація

• Вступ до розділу SEO
• Основні поради при використанні ШІ для SEO-оптимізації
• Створення мета-заголовку та мета-опису за допомогою ChatGPT
• Робота з ключовими словами
• Використання інструментів Штучного Інтелекту при побудові SEO-стратегії
• Моніторинг конкурентів
• Основні правила при використанні ChatGPT для SEO: як не зашкодити оптимізації пошукових систем

Штучний Інтелект для рекламних кампаній

• Можливості ШІ при створенні рекламних оголошень
• Як написати текст оголошення за допомогою ChatGPT
• Ранжування пошукових термінів
• Робота з аудиторією: збір даних та їх аналіз
• Створення цільової сторінки за допомогою ChatGPT
• Допомога з ідеями для оптимізації цільової сторінки
• Створення Call To Action
• Аналіз ефективності реклами за допомогою ШІ

Роль ChatGPT у SMM

• Методи застосування ChatGPT в Social Media Marketing
• Створення цільових кампаній для SMM із використанням ChatGPT
• Робота над контент-планом
• Функції ШІ для поліпшення тексту
• Генерація відеоконтенту за допомогою ChatGPT
• Чи може Штучний Інтелект замінити процес ручної відповіді на коментарі?
• Поради та підказки для результативного просування вашого продукту в соціальних мережах

Робота над контентом за допомогою ChatGPT

• Створення контенту за допомогою Штучного Інтелекту
• Якість створеного контенту: що потрібно знати, щоб не зашкодити результатам
• Генерація ідей
• Створення відповідних хештегів
• Візуальна інфографіка за допомогою ChatGPT
• Генерація опитувань, вікторин, інших залучень для утримання зацікавленості читача
• Підготовка запитань для інтерв’ю або подкастів, у блозі за допомогою ШІ
• Оптимізація роботи з великим текстом
• Як перетворити ChatGPT на потужного помічника для контент-маркетолога

Інтеграція ШІ у сфери email

• Значення та роль ШІ у розвитку email-маркетингу
• Використання даних про підписників для створення персоналізованих емейлів
• Виявлення та уникнення спам-фільтрів за допомогою ChatGPT
• Застосування ШІ для вдосконалення доставки емейлів
• Автоматизація розсилок на основі певних дій або подій
• Важливість збору та аналізу даних для покращення результатів email-маркетингу
• Робота з сегментацією аудиторії та створенням кращих email-кампаній за участі ChatGPT
• Прогнозування майбутнього, яке чекає на Штучний Інтелект, у сфері email-маркетингу
• Рекомендації щодо його інтеграції в практику email-маркетологів

Інтеграція ШІ у сферу чат-ботів

• Підключення OpenAI до чат-бота в SendPulse
• Підбір та огляд сервісів для роботи
• Приклади інтеграції ChatGPT в бізнес-процеси
• Як створювати шаблони інструкції для ChatGPT
• Як генерувати картинки прямо в боті
• Як розпізнавати голосові повідомлення в боті

Додаткові інструменти: не ChatGPT єдиним

• Створення унікальних зображень та вдосконалення існуючих: Midjourney, Let's Enhance.io, DALL-E
• Штучний Інтелект у допомогу копірайтеру: Jasper, AdText.ai, Otter.ai
• Робота з аудіо: Beatoven, Play.ht.
• Оптимізація SEO-процесів за допомогою NeuronWriter, SurferSEO, SEO.ai
• Створення відео: Synthesia, Descript
• Маркетингові стратегії з використанням ШІ: Digitalfirst.ai
• Сегментація аудиторії: Hootsuite Insights
• Автоматизація розсилок: Digitalfirst.ai

Особливості курсу

• "Живі" онлайн-вебінари
• Доступ до запису вебінару вже на наступний день після проведення
• 13+ годин навчання у форматі онлайн
• Доступ до корисних додаткових матеріалів
• Закрите ком'юніті в Telegram на період навчання
• Інтерактивна навчальна платформа
• Зворотний зв'язок від куратора протягом навчання
• Матеріали курсу доступні 1 рік з моменту його завершення
• Сертифікат WebPromoExperts

Викладачі курсу

• Антон Воронюк - Директор з розвитку бізнесу WebPromoExperts та Webpromo
• Сергій Шагоферов - Головний редактор блогу WebPromoExperts
• Євген Савчук - Регіональний менеджер з цифрового маркетингу HALEON
• Сергій Кокшаров - Незалежний експерт із SEO-просування
• Марина Рижко - Retention Manager at UnitedTech
• Михайло Хейна - Керівник креативної студії Арт Депо

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

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

Теми:

• Вступ до C#
• Типи даних та змінні
• Умовні оператори
• Відлагодження застосунків
• Методи
• Масиви та рядки
• Робота з текстом
• Виняткові сітуації
• Вступ до OOП та класи
• Інкапсуляція, успадкування та поліморфізм
• Абстрактні класи. Інтерфейси
• Структури
• Узагальнені типи
• Колекції
• Події, делегати і лямбди
• Методи розширення
• LINQ
• Серіалізація даних
• Асинхронне програмування
• Рефлексія
• Вступ до SQL
• Entity Framework
• Веб додатки. Протоколи HTTP/HTTPS
• Шаблон MVC. Middlewares
• Маршрутизація
• Контролери
• Компонування та часткові представлення
• Зберігання стану
• Впровадження залежностей
• Прив'язка моделі
• Форми та валідація
• Фільтри
• Конфігурації та логування

Особливості курсу

• Відеозаписи лекцій
• Чат з групою та тренером
• Проєкт в портфоліо
• Можливість розділити навчання
• IT English Speaking Club
• Стажування на проєкті після захисту диплому

Викладачі курсу

• Всеволод Євгієнко - CEO та тренер
• Дмитро Міщук - Тренер
• Олександр Цимбалюк - Тренер
• Філіп Севене - Тренер
• Олег Суховерхов - Тренер
• Олег Новіков - Тренер
• Олексій Рихлюк - Тренер
• Олексій Васильєв - Тренер

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

Заняття 1. Аналіз ІТ-сфери

Розберемо перспективи IT-галузі, напрями в IT, шлях кар'єрного зростання для DevOps-інженера, зарплати та чому DevOps - це стабільність.

Лекція:

• Аналітика IT
• Зарплати в IT
• ІТ-напрями

Заняття 2. Методологія DevOps та роль DevOps-інженера

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

Лекція:

• Методологія DevOps
• Хто такий DevOps-інженер
• Хто може світчнутися у DevOps
• Кар'єра DevOps-інженера

Заняття 3. Технології, Linux та DevOps

Дізнаємося про інструменти DevOps-інженера, розглянемо, чому знати Linux - це критично важливо для айтівця та як з'явився Linux.

Лекція:

• Стек технологій та інструментів
• Як поєднуються Linux та DevOps
• Як з'явився Linux

Заняття 4. Дистрибутиви Linux та віртуальні машини

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

Лекція:

• Дистрибутиви Linux
• Віртуальні машини
• Залізо, ОС та потужність

Практика:

• Підготовка робочого місця та встановлення VirtualBox
• Інструкція зі встановлення VirtualBox

Заняття 5. Встановлення та налаштування дистрибутиву Debian

Зробимо перший крок до опанування Linux - встановимо свій перший дистрибутив та запустимо необхідні компоненти.

Практика:

• Встановлення дистрибутиву Ubuntu
• Налаштування та запуск необхідних компонентів
• Інструкція зі встановлення Debian, Ubuntu та AlmaLinux

Заняття 6. Як почати кар'єру DevOps-інженера

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

Лекція:

• Рівень англійської для DevOps-інженерів
• Основні софт скіли DevOps-інженера
• Початок кар'єри у сфері DevOps

Фінальне тестування

Тест за темами прослуханих занять.

Особливості курсу

• Курс в записі, навчайся коли зручно
• Лекції, практика і домашні завдання
• Фінальне тестування
• Сертифікат про проходження курсу

Викладачі курсу

• Павло Завада - DevOps-практик з 10-річним досвідом
• Катерина Шевчук - HR-менеджерка в Netforce Ukraine

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

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

Введення в курс. Знайомство з професією веб-дизайнера

• Про професію
• Основні закони User Experience і як їх примінити на практиці
• Типи сайтів: класифікація і основні відмінності
• Робота в Figma, Adobe Photoshop і Adobe Illustrator

Потреби ринку і можливості для дизайнера новачка. Важливість правильного резюме

• Платформи і сайти, де дизайнер початківець може почати кар'єру
• Практика: резюме в Figma. Знайомство з програмою і вчимося складати резюме, яке відповідає потребам ринку

Методи захисту свого проекту/дизайну і успішної роботи з критикою замовника

• Як працювати з критикою замовника
• Методики захисту свого проекту
• Розбір домашніх завдань і аналіз помилок

Основи Visual design. Створення банера для сайту

• Правила роботи з композицією і відступами
• Підбір шрифтів
• Теорія кольору
• Практика: створюємо банер для веб-сайту. Застосовуємо вивчені знання на практиці і оприділяємо, чому банер грає ключову роль

Основи accessibility інтерфейсів

• Базові вимоги до доступності
• Підбираємо контрастність і шрифт для кращого сприйняття
• Аналізуємо домашні роботи і обговорюємо розповсюджені помилки

Основи респонсив дижайну, сітки і брейкпоінти. Створення лендінгу

• Дизайн під різні розширення екранів
• Самі популярні розширення
• Які бувають сітки і як їх застосовувати
• Практика: створюємо лендінг

Естимація і дедлайни

• Як оприділяти терміни на виконання задач
• Як не порушувати дедлайни
• Поради по комунікаціям з клієнтом
• Аналізуємо лендінги студентів і виявляємо найчастіші помилки

Основи UX, Design thinking. Створення брифу, аналіз конкурентів

• В чому важкість роботи UX-дизайнера
• Які практики варто використовувати
• Вимоги і обмеження, які треба взнати в клієнта перед початком роботи
• Порівняльний аналіз конкурентів
• Оприділяємо найважливіші функції майбутнього сайту

Аналіз існуючого дизайну, евристична оцінка юзабіліті. Редизайн сторінки в інтернеті

• Правила юзабіліті Нільсена і їх застосування в аналізі дизайну
• Практика: аналіз і покращення дизайну сторінок сайту

Розбір домашнього завдання "Редизайн сторінки в інтернеті"

• З кожним студентом розбираємо його ДЗ по редизайну
• В групі дивимось на те, які помилки в старому дизайні вдалося найти і які рішення можна запропонувати

Найкращі практики в e-commerce. Створення головної сторінки інтернет-магазину для десктопа і мобільного

• Практики і тренди по створенню інтернет-магазинів
• Елементи і блоки для головної сторінки інтернет-магазину
• Практика: малюємо головну сторінку в розширені 1440х900 (десктоп) і 812х375 (мобільний)

Розбір домашнього завдання "Головна сторінка інтернет-магазину"

Огляд попереднього домашнього завдання студентів

UIKit, Design System, Atomic design. Створення каталога, карточки товару для десктопа і мобільного

• Використання базових компонентів для великого сайту
• Різниця між UIKit і Design System
• Практика: продовжуємо роботу над інтернет-магазином - робимо каталог і карточки товарів

Розбір домашнього завдання "Каталог, карточка товару для десктопа і мобільного"

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

Створення корзини і процесу оформлення замовлення. Десктоп і мобільна версія

• Основні практики і найкращі рішення
• Практика: Працюємо з самою відповідальною і важливою для бізнесу частиною - дизайн корзини і процесу оформлення покупки

Розбір домашнього завдання "Корзина, процес оформлення замовлення для десктопа і мобільного"

• Аналізуємо роботи студентів
• Особливості реалізації функцій на мобільному пристрої

Інтерактивна презентація проекту в Figma

• Створення інтерактивних моделей сайту
• Як "продавати" дизайн клієнту

Захист курсового проекту

• Захищаєм курсовий проект
• Радуємось успішному проходженню курсу :)

Особливості курсу

• Все що в пакеті Lite
• Доступ до матеріалів та відео назавжди
• Сертифікат про проходження курсу
• Відеозаписи всіх живих лекцій в кабінеті
• Перевірка ДЗ з коментарями від тренера
• Фінальний проект - готовий кейс
• Відеозаписи блоку "IT Career"

Викладачі курсу

Олександр Чмира - Senior Experience Designer

Ви зможете повною мірою зрозуміти специфіку IT-проектів та навчитися керувати ними від ініціації до завершення. Великий акцент також зробимо на роботі з людьми та interpersonal skills. На курсі Ви отримаєте усі необхідні навички проджект-менеджера, як то, наприклад, управління мітингами, робота з Confluence, формування Scope, Schedule і не тільки

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

Team Forming & Intro to the Course

• Формулюємо запит на курс
• Розбираємось з логікою навчання та побудови курсу

Tools: Jira, Confluence (dashboards, filters, data collection)

• Дізнаєтесь, як працюють Jira й Confluence
• Отримаєте навички роботи в цих програмах

Software Architecture and SDLC

• Дізнаєтесь, з яких етапів складається цикл розробки програного забезпечення
• Основи Software Architecture

Methodologies: Waterfall, Scrum, Kanban, XP

• Зрозумієте SCRUM, KANBAN, XP
• Навчитесь відрізняти і застосовувати Agile та Engineering practices

Who is the Project Manager (Responsibility, Goals)

• Які навички мають бути у менеджера проєктів
• Hard Skills та Soft Skills

Project Initiation, звідки беруться проєкти?

• Вчимось сворювати проєкти
• Як починаються проєкти? Хто ініціює проєкти в реальному житті?

Scope Management

• Розбираємо найголовнішу тему в управлінні проєктами
• Вчимось генерувати WBS (work breakdown structure)

Time Management & Tasks Estimation

• Як відповісти на питання "Коли проект закінчиться?"
• Вчимось навичкам компресування проєктного графіку

Management skills (Writing, Talking, Motivating, Tasking)

• Що має знати і вміти менеджер
• Постановка і контроль задач
• Мотивація команди
• Вміння досягати цілей

Hiring & Firing

• Як і коли наймати людей?
• Як і коли звільняти людей?
• Що робити, аби не доводилось звільняти людей?

Becoming successful PM (career path, career ladder, mentoring)

• Як побудувати успішну кар'єру в ролі проєктного менеджера?
• Як позиціонувати себе для отримання роботи?

Final lesson

• Вчимось техніці Earned Value Management
• Заключна вправа з ретроспективи

Особливості курсу

• Zoom-лекції та записані модулі
• Доступ до матеріалів і відео назавжди
• Сертифікат по закінченню курсу (після здачі ДЗ)
• Перевірка ДЗ тренером з коментарями
• Результат курсу - кейс на основі зроблених домашніх завдань
• Тренер в чаті групи

Викладачі курсу

Василь Кривонос - PMP and SCRUM certified, зараз TOP Manager в BlaBlaCar

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

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

Роль БА та основи бізнес-аналізу

Знайомство з групою, основні правила взаємодії, суть бізнес-аналіза в цілому, роль аналітика в IT, різниця між схожими ролями

Основні поняття SDLC

Розбираємось у тому, як відбувається розробка ПЗ, вивчаємо основні методології розробки та роль аналітика в кожній з них

Комунікація в бізнес-аналізі

Вивчаємо особливості комунікації БА на проєкті, знайомимося з поняттям стейкхолдер та техніками стейкхолдер-аналізу, вчимося планувати комунікацію на IT проєкті

Вимоги. Типи та підходи

Вчимось класифікувати та працювати з вимогами; розбираємо як працювати з припущеннями, обмеженнями та бізнес-правилами

Техніки виявлення вимог

Вивчаємо основні техніки та етапи виявлення вимог. Знайомимось з основними проблеми при виявленні вимог та вчимось їх долати

Документування вимог. Практика Story Mapping

Знайомство з процесом документування вимог. Вивчення основних технік з документування вимог. Початкова декомпозиція продукту, використовуючи техніку Story Mapping

Рольова модель користувачів. Практика User Story

Розгляд рольової моделі та користуваче-орієнтованого підходу до виявлення вимог. Описуємо продукт за допомогою техніки "User Story"

Acceptance criteria. Практика Specification by example

Вивчення техніки з опису критеріїв приймання. Деталізуємо вимоги з використанням техніки Gherkin language

Backlog, пріоритезація. Практика Use Cases

Вивчення принципів побудови беклогу. Розгляд технік з пріорітизації вимог. Вивчення та практика техніки Use Case

Моделювання вимог. Практика BPMN діаграм

Вивчення процесу моделювання вимог. Розбір та практика нотації BPMN

Моделювання вимог. Практика UML діаграм

Вивчення процесу моделювання вимог. Розбір та практика нотації UML

Прототипування інтерфейсів. Практика

Вивчення процесу прототипування вимог. Практика візуалізації інтерфейсів продукту

Управління вимогами. Практика Jira та Confluence

Вивчення процесу керування вимогами. Життєвий цикл вимог. Перевикористання, трасування, версіонування. Управління змінами. Практика Jira та Confluence

БА на проекті та в команді

Розбір різних особливостей роботи в IT проєктах та взаємодії БА з основними ролями в команді

Кар'єрний розвиток БА. Захист проєкту

Презентація кожної з груп фінального проєкту. Розбір проєктів. Розглядаємо напрямки подальшого розвитку БА

Особливості курсу

• Zoom-лекції та практикуми
• Тренер в чаті групи
• Перевірка Д/З тренером з коментарями
• Сертифікат по закінченню курсу (за умови виконання всіх завдань)
• Відеозаписи всіх живих сесій в кабінеті
• Підтримка клієнтського сервісу
• Відеозаписи блоку "IT Career"
• Участь в Web Academy Club

Викладачі курсу

Kyrylo Bieliavskyi - BAO Director в SoftServe

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

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

Огляд курсу. Основи синтаксису HTML

• Інструменти
• Структура HTML-документа
• HTML-теги та їх атрибути
• Семантичні елементи HTML5

Основи синтаксису CSS

• Види селекторів у CSS
• Специфіка селекторів
• Одиниці розмірів у CSS
• Налаштування фону

Основи HTML форм, верстка простої форми реєстрації

• Поля введення різних типів даних
• Типи кнопок
• Ідентифікатори та значення

CSS бокс модель / Flex box

• Потік сторінки та управління ним
• Відступи
• Вирівнювання

Position

• Види позиціонування
• Верстка модального вікна

Grid layout

• Види сіток
• Верстка сітки товарів за допомогою grid
• Властивість gap, відступ між грід елементами

Адаптивна верстка

• Що таке адаптивна верстка?
• Запити за допомогою Media queries
• Приклад верстки адаптивного меню

Препроцессори / SCSS

• Основи SCSS
• Змінні та їх відмінність від CSS-змінних
• Синтаксис

Практика верстки реального шаблону

• Верстка шаблону
• Підсумок CSS
• Практика

Основи JavaScript

• Синтаксис
• Типи даних
• Оператори

Функції | Основи DOM | Події в JS

• Масиви
• Функції
• Додавання відкриття/закриття меню

Функції поглибленно | DOM в деталях

• Методи масивів push | pop | shift | unshift | slice | splice
• Селектори querySelector | querySelectorAll
• Події миші, клавіатури, елементів управління, CSS

Динамічне створення елементів HTML за допомогою JS

• document.createElement()
• Перетворення массивів в елементи HTML
• Створення списку завдань за допомогою localStorage

Асинхронна поведінка, контекст виклику

• Залишкові параметри та оператор розширення
• this|call|apply|bind
• Рекурсія/стек

AJAX, взаємодія з сервером, promise

• Поняття клієнт | сервер
• Огляд інструментів для налагодження мережевих запитів
• Асинхронна поведінка

Практика створення асинхронного компонента сторінки: генератор випадкового рецепту

• Знайомство з API random food
• Створення функцій-компонентів
• Підключення до серверного API

Огляд бібліотеки React JS

• Способи підключення
• Ідея компонентів
• createrReactApp

Приклад створення додатка за допомогою React JS

• Огляд API themoviedb.org
• setup оточення для розробки використовуючи createReactApp
• Створення сторінки списку фільмів

Особливості курсу

• Zoom-лекції та практикуми
• Тренер та ментор в чаті групи
• Перевірка і код рев'ю Д/З ментором з коментарями
• Сертифікат по закінченню курсу (при успішному захисті фінального проекту і виконаних Д/З)
• Підтримка клієнтського сервісу
• Відеозаписи блоку "IT Career"
• Участь в Web Academy Club

Викладачі курсу

• Ілля Литвинов - Senior Front-end Developer
• Анастасія Бібік - React/React Native Developer

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

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

• Про веб-дизайн і про курс
• Типографія у веб-дизайні
• Кнопки, форми та анатомія UI-елементів
• Композиція у веб-дизайні
• Сітки у дизайні
• Колір та візуальна айдентика бренду
• Види контенту: фото, тексти, іконки, ілюстрації, анімації, 3D, відео та гіфки

Старт роботи у Figma

• Огляд інтерфейсу та знайомство з Figma
• SVG іконки, шейпи та ілюстрації у Figma
• Компоненти, Auto Layout та варіативні компоненти у Figma
• UI-kit - бібліотеки та стилі у Figma
• Корисні плагіни для Figma
• Анімації та інтерактивні прототипи у Figma
• Як готувати і передавати макети у Figma розробникам
• Куратор створює сайт

Підготовка і дизайн

• Етапи роботи над сайтом
• Перший контакт і брифінг клієнта
• Створення структури сайту
• Створення бюджету проєкту
• Створення прототипу проєкту
• Створення мудборду і пошук референсів
• Дизайн-концепція сайту
• Дизайн домашньої сторінки та внутрішніх секцій (блоків) сайту
• Адаптивний дизайн під мобільні та планшетні пристрої
• Техзавдання та підготовка до верстки
• Створення дизайну сайту рівня Awwwards

UX дизайн

• Знайомство з UX дизайном
• Аналіз та дослідження
• Використання знань UX в проєктах

Покрокове створення лендингу

• Розбір брифу від реального клієнта
• Пошук референсів та створення мудборду
• Створення прототипу та структури сайту
• Дизайн головної сторінки
• Дизайн інших сторінок
• Створюємо дизайн під мобільні пристрої та планшети
• Готуємо сайт до верстки
• Створюємо кейс на Behance

Створення анімації у Figma

• Введення в анімацію
• Анімація Ui-kit елементів
• Використання розумної анімації

Старт на фрілансі

• Міфи та реальність фрілансу
• Позиціювання фрілансера, портфоліо та побудова особистого бренду
• Де та як шукати клієнтів: Upwork чи Freelancehunt?
• Побудова довгострокових взаємовідносин з клієнтами на роки
• Організація фінансів та документів фрилансера
• Баланс роботи та відпочинку
• Як презентувати і продавати дизайн дорого
• Як розвиватися і не упертись у професійну стелю
• Пошук та розвиток партнерів по бізнесу
• Перехід від фрилансу до бізнесу

Дизайн PRO

• Типографіка у веб дизайні
• Ефекти
• Лайфхаки
• Натхнення

Робота в Webflow

• Знайомство з конструктором (можливості конструктора, структура сайту, як працює блочна система)
• Основні параметри (створення проєкту, його копіювання, налаштування, підключення домену та тарифи)
• Інтерфейс конструктора
• Підготовка макету до верстки
• Верстка макету
• Використання сторонього коду
• Анімація сайту
• Верстка блекпоінтів
• Перевірка макету та виправлення помилок
• Додаткові сервіси
• Робота з клієнтом (передача сайту клієнту і його робота з ним)
• CMS і Seo оптимізація

Особливості курсу

• Власна освітня програма
• Щира підтримка та допомога
• Професійні спікери
• Екосистема для результату
• Щотижневі прямі етери
• Реальні клієнти
• Додаткові матеріали
• Сертифікат

Викладачі курсу

• Ілля Кульбачний - Засновник Cosmos Studio
• Іван Вергун - UI/UX Designer
• Олена Коваленко - Експерт у UI/UX
• Павло Гижко - Понад 6 років досвіду в дизайні та рекламі

Базовий курс, який допоможе зробити перші кроки у вебпрограмуванні. А потім вирішити, куди розвиватися далі: пірнати у front-end чи обмежитися базовим набором для створення якісних вебінтерфейсів.

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

Інструменти розробки

• Figma, VSCode
• Термінал і робота з файловою системою
• Системи контрол версій
• Робота з Git

Вступ у HTML i CSS

• Особливості та складники HTML
• Будова HTML тегу, скелет HTML сторінки
• CSS і його функції
• Правила побудови таблиць стилів
• CSS селектори, значення кольорів та розмірів
• Підключення CSS на HTML сторінку

Посилання та зображення

• Види посилання та його складники
• Шлях до ресурсу
• Атрибути посилань
• Види, формати й атрибути зображень
• Можливості SVG
• Теги для гіперпосилань, зображень, групи зображення та підпису
• Chrome DevTools для інспектування коду в браузері

Основи типографіки

• Завдання й основні поняття типографіки
• Групи правил для тексту та шрифтів
• Підключення шрифтів на сторінку

CSS

• Блокова модель
• правила - display, float, z-index, overflow
• Стилізація зображень
• Селектори, їхня пріоритетність
• Позиціювання елементів
• Стилізація посилань

Списки й таблиці

• Теги для різних видів списків
• Лічильники
• Списки визначень - dt, dd, dl
• Основні теги для таблиць
• Стилізація списків і таблиць

Теги для групування, семантика

• Особливості тегів div і span
• Семантика HTML, види блоків сайту

Flexbox

• Стилі для батьківських та дочірніх елементів
• Вирівнювання блоків
• Побудова "колонок"

Grid

• Групи правил для grid елементів
• Відмінності між grid та flex
• Побудова "колонок" і колонковий дизайн

Responsive Design

• Складники та основні прийоми адаптивного дизайну
• Media Query та Container Query
• Дублювання HTML для різних медіа

Форми та їхня стилізація

• Сутність форм, полів, груп полів та підписів до полів
• Текстові поля та їхні типи
• Селекти, чекбокси, кнопки та радіокнопки
• Валідація форм
• Додаткові типи полів для введення даних у формах
• Стилізація елементів форм

Системи іменування класів

• Функції систем іменування класів та архітектури CSS
• Ознайомлення з методологіями - BEM, SMACSS, Atomic CSS, OOCSS
• Поділ сторінки на структурні складники

Просунуті HTML/CSS фічі

• transform
• transition
• animation
• Сучасний HTML та CSS

Особливості курсу

• Вебінари та відеолекції
• Real-life завдання
• Курсовий проєкт
• Регулярний фідбек
• Сертифікат за здобутки
• Можна повернути кошти протягом 7 днів від початку курсу

Викладачі курсу

• Тетяна Мельник - Engineering Team Lead at Projector Institute
• Ольга Шемена - Frontend Developer в BrainRocket
• Юлія Євсєєнко - Frontend Developer at Infranomics
• Леонід Костецький - Creative Director i Co-Founder в Emotion Agency / Куратор
• Вікторія Комаровська - Frontend Tech Lead в 6-Systems Sixt Group
• Василь Кошапов - Lead Frontend Developer в Limestone Digital
• Вадим Васько - Frontend Developer в Software Service and Innovation
• Андрій Кедись - Frontend Developer в Syndicode / Куратор
• Владислав Єрмолаєв - Frontend Developer / Куратор