Онлайн обучение

HTML + CSS для дизайнерів

Навчання HTML+CSS для дизайнерів онлайн — це можливість не тільки розробляти дизайн-системи, але й розуміти, як реалізовувати їх у вебі.

КОЛИ

Старт

Йде набір на курс

СКІЛЬКИ

12 занять / 2 місяці

2-3 рази на тиждень

З 19:00 до 22:00

ЦІНА

8500 UAH

6800 UAH

Доступна оплата частинами або безпроцентна розстрочка від Альфа-банку на 4 місяці

Можливість заморозити навчання

Доступна оплата частинами або безпроцентна розстрочка від Альфа-банку на 4 місяці

Можливість заморозити навчання

Навчання HTML+CSS з нуля відбувається так:

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

36 годин онлайн-навчання

Навчання передбачає онлайн-уроки з прямими трансляціями в Zoom. Ви безпосередньо спілкуєтеся з викладачем та одногрупниками, можете запитати в момент, коли щось стало незрозумілим, та отримати якісні роз'яснення.

Контроль знань

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

Підтримка ментора

Цей спеціаліст допомагає студентам в питаннях організаційного характеру, а також консультує їх щодо виконання домашніх завдань. Ментор виходить на зв'язок як впродовж самого уроку, і поза заняттями.

Курсовий проєкт для портфоліо

Кожен студент розробляє свою курсову роботу, щоби продемонструвати набуті знання, також оновити портфоліо.

Перша работа в IT?
З ITEA!

Про працевлаштування

Міні-курс з soft skills, пошуку та отримання замовлень на фріланс-біржі Upwork

Працевлаштування в компаніях-партнерах ITEA на їх запит

Обліковий запис та супровід від Jungo.dev - біржі з працевлаштування IT-фахівців-початківців

Доступ до рекомендаційної системи підвищення кваліфікації, яка допоможе адаптувати твої навички під IT-ринок

Про працевлаштування

Чого ви навчитеся?

Чому варто вибрати онлайн курс
HTML+CSS з нуля від ITEA

Інтерактивний формат уроків

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

Свіжі програми

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

Стажування та працевлаштування 

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

Усесторонній розвиток 

У сфері IT програмісти мають володіти не лише стеком технологій, а й так званими soft skills. Саме тому навчання передбачає інтерактивний формат для посилення комунікативних навичок, усунення страху взаємодії  з командою, виявлення найкращих здібностей та розвитку особистих якостей.

Високооплачувана робота?
Разом з ITEA!

Наші курси для design-розробника складаються з 12 інтенсивних занять.

У нас ти отримаєш відмінну можливість потрапити в IT-сферу без навчання програмування та обіймеш престижну посаду зі стабільним високим заробітком.

Записатися на курс

Junior

від 1 року досвіду
$450+

Middle

2-3 років досвіду
$550+

Senior

від 4 років досвіду
$820+
Записатися на курс

Твій план навчання на курсі HTML / CSS для дизайнерів:

1. Вступ до вебтехнологій
  • Стек розробки для сайту
  • Редактор коду й IDE
  • Взаємодія HTML & CSS & JS
2. Що таке HTML?
  • Основні поняття
  • Знайомство з поняттям тегу й атрибуту
  • Обов’язкова структура будь-якої вебсторінки
  • Робота з посиланнями та якорями
  • Як вивести зображення, відео, аудіо
3. Що таке CSS?
  • Основні поняття
  • Звідки беруться стилі в браузері
  • Правила написання стилів
  • Селектори, властивості, значення властивостей
  • Відносні та статичні одиниці вимірювання в CSS
  • Блокова модель (CSS Box Model)
  • Робота з відступами та розмірами елементів
4. Підготовка до верстки
  • Вивчаємо макет та плануємо верстку
  • Скидання стилів (Підходи й чому це важливо)
  • Як підключити шрифти (Google Fonts або свій шрифт)
5. Основні поняття вебтипографіки
  • Властивості для роботи з текстом
  • Взаємозалежність властивостей упродовж роботи з текстом
  • Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
6. Основи вебверстки
  • Семантична розмітка
  • Що таке потік (flow), блокові та строкові елементи
  • Що таке позиціювання елементів та як воно працює?
7. Основи адаптивної вебверстки
  • Адаптивна типографіка, відступи
  • Одиниці виміру: vh, vw, vmin, vmax, em, rem
  • Що таке медіазапити, якими вони бувають і як їх використовувати
  • CSS Container Queries
  • Адаптивні зображення, сучасні формати (PNG, JPEG, AVIF, WebP)
  • Корисні прийоми та лайфхаки для адаптивної верстки
8. Сучасна вебверстка
  • Робота з різними системами кольорів (RGB/RGBA, HEX, HSL/HSLA)
  • Робота з фоном, масками, градієнтами
  • Робота із SVG графікою (фони, іконки, ілюстрації)
  • Спецефекти: тіні, округлення кутів, ефекти при наведенні
  • Робота з анімацією елементів
9. Сучасна вебверстка. FlexBox Layout Model
  • Flex-контейнер, елементи Flex-контейнеру
  • Робота з горизонтальним і вертикальним вирівнюванням
  • Побудова горизонтального меню
10. Сучасна вебверстка. Grid Layout
  • Побудова сітки (Grid columns / Grid rows)
  • Робота з горизонтальним і вертикальним вирівнюванням
  • Об’єднання елементів
  • Методи роботи з елементами сітки
  • Побудова нестандартної галереї

Після курсу HTML+CSS в тебе будуть:

Відгуки студентів

Ігор Кубицький

Відгук із сайту Dou.ua (2017 рік)

Проходив декілька курсів в ITEA Львів. Хороша організація курсів та підбір викладачів. Добре пояснюють матеріал. В ITEA привітний колектив та дружня атмосфера. Рекомендую їхні навчальні курси!

Максим Левін

Відгук із сайту Dou.ua (2020 рік)

Рекомендую академию! Высокий уровень подготовки выпускников, которые могут занять лидирующие позиции на рынке труда Украины. Нескольких ребят удалось трудоустроить в продуктовую компанию.

Встигни забронювати своє місце в групі

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

Тобі можуть підійти
ці курси онлайн:
Розклад курсів

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

Відповідаємо на питання, які часто задаються
Куди можна кар’єрно рости у веб-дизайні?
Якщо у веб-дизайні вас більше зацікавить робота з інтерфейсами, то можна розвиватися в напрямку UX / UI дизайну з перспективою росту зарплати в 2-3 рази.
У чому різниця між UX / UI-дизайнером і product-дизайнером?
UX / UI-дизайнери, в основному, працюють безпосередньо з інтерфейсом сайту або програми, продумують логіку роботи і створюють візуальний дизайн.

Product-дизайнер, крім самого інтерфейсу, працює з користувачами і бізнесом. Він проводить аналіз конкурентів, виявляє проблеми користувача, валідує гіпотези і тестує рішення для покращення бізнес-показників.
У чому різниця між графічним і веб-дизайнером?
Графічні дизайнери, як правило, створюють дизайн-макети друкованої продукції, створюють ілюстрації або оформляють презентаційні матеріали.

Веб-дизайнери, як правило, створюють дизайн-макети сайтів і робочі сайти на Tilda, згідно вимог, які надає замовник (умовним замовником може бути людина, компанія, ваш керівник).
Чи буде викладач допомагати мені з вирішенням практичних завдань: давати поради, дивитися скріншоти, пояснювати те, що я не зрозумів?
Так. Викладач завжди на зв'язку, щоб направити студента і при необхідності виправити його. Викладач бере за основу власний досвід і наводить приклади з власної практики. Викладач не рухається далі по програмі, поки студенти не засвоять матеріал на потрібному рівні.
Чи є вікові обмеження на проходження курсу?
Курси націлені на аудиторію віком від 18 років.
Чи не буде в курсі багато теорії? Я отримаю практичні знання?
Інформація без практичного закріплення довго не тримається в пам'яті. Тому після отримання нових знань, наші студенти відразу застосовують їх на практиці.

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

Ми також проводимо перевірку резюме, супровідних листів та даємо консультації, якщо виникають питання.
Який рівень англійської мови потрібен для працевлаштування на позицію Junior?
Рівень знання англійської мови безпосередньо залежить від вакансії. Для багатьох Junior-фахівців англійська рівня Intermediate буде перевагою, проте для деяких вакансій досить рівня Elementary.
Якщо я роблю паузу в навчанні (наприклад, через хворобу), чи можу я відновитися? Чи не будуть втрачені час і гроші?
Якщо ти був змушений тимчасово припинити навчання - не потрібно знову повертатися до самого початку. Ти завжди можеш продовжити з того ж місця, де зупинився. Деталі відновлення розповість наш менеджер.
Чи потрібно мати попередню підготовку в рамках вашого навчання?
Мінімальні вимоги вказані на сторінці кожного курсу. Найчастіше базові курси не потребують спеціальної підготовки. Для курсів поглибленого рівня досить матеріалу попереднього (базового) курсу.

В обработке...