Front-end Beginning

базовий курс HTML і CSS, який допоможе опанувати основи та зробити перші кроки у вебпрограмуванні

досвід

знання математики

старт

весна 2025

група

15 місць

тривалість

3 місяці

рівень англійської

Intermediate і вище

якщо ви:

01
початківець і прагнете вивчати HTML, CSS з нуля
02
дизайнер/-ка сайтів і бажаєте пройти курс верстки сайтів
03
світчер/-ка й хочете вивчати HTML, щоб перейти в ІТ

...тоді це метч!

Це курс із вивчення HTML і CSS для новачків у професії. Опануєте базу, щоб самостійно розробляти інтерфейси за сучасними технологіями, процесами та підходами.

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

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

навички,
які опануємо

hard skills:

розуміння роботи браузера
знання HTML/CSS
уміння верстати сайти
обізнаність із принципами адаптивного дизайну
уміння забезпечити комфортну взаємодію з сайтом у різних браузерах
розуміння систем контролю версій на прикладі Git та GitHub

soft skills:

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

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

від основ до перших проєктів

графік занять

вебінари — щочетверга о 18:00 лекції — понеділок

01.інструменти розробки: Figma, VSCode
термінал і робота з файловою системою
системи контрол версій
робота з Git
02.вступ у HTML і CSS: особливості та складники HTML
будова HTML тегу, скелет HTML сторінки
CSS і його функції
правила побудови таблиць стилів
CSS селектори, значення кольорів та розмірів
підключення CSS на HTML сторінку
03.посилання та зображення: види посилання та його складники
шлях до ресурсу
атрибути посилань
види, формати й атрибути зображень
можливості SVG
теги для гіперпосилань, зображень, групи зображення та підпису
Chrome DevTools для інспектування коду в браузері
04.основи типографії: завдання й основні поняття типографії
групи правил для тексту та шрифтів
підключення шрифтів на сторінку
05.CSS: блокова модель
правила — display, float, z-index, overflow
стилізація зображень
селектори, їхня пріоритетність
позиціювання елементів
стилізація посилань

виділіть час,бо на курсі будуть:23 відеолекції,14 живих вебінарів і курсовий проєкт

авторкапрограми
Тетяна

Мельник

Engineering Team Lead у Projector Institute.

Приблизно 15 років досвіду роботи фронтенд розробницею в різних проєктах: від сімейного бізнесу й аутсорсу до європейських продуктових компаній. Закладала архітектуру CSS у ЛУН, архітектуру — у Ember, застосунку для малайзійського стартапу.

Підтримувала e-commerce рішення та створювала з нуля внутрішні інструменти в bloomon.com. Зараз працює над технічними рішеннями та побудовою команди розробки в Проджекторі.

Працювала над сайтами як під Internet Explorer 6, так і під сучасні мобільні браузери. Найактивніше використовувала React, але має досвід роботи з майже всіма фреймворками, навіть першим Angular та Ember.

куратори.
вони будуть поруч

Ольга Шемена

Фронтенд розробниця в BrainRocket.

У минулому — верстальниця (markup developer) в Innovecs. Понад 5 років досвіду в галузі. Курувала проєкти з розробки сайтів, працювала з версткою і контентом в освітньому проєкті K.Fund Media.

Юлія Євсєєнко

Фронтенд розробниця в Infranomics.

Понад 6 років досвіду роботи з вебтехнологіями — HTML/CSS, React і Redux. У минулому — фронтенд розробниця в Arvo Software, Lectrum і PageUA. Розробляла фронтенд частину вебзастосунків для замовників з України, Грузії та США. Нині розробляє складні комплексні рішення на React і Next.

Леонід Костецький

Creative Director і Co-founder в Emotion Agency.

Jury Member на AWWWARDS. Спеціалізується на сайтах з використанням складних технологій та анімацій. Має понад 15 нагород на CSS Design Awards і AWWWARDS, зокрема за розробку й оптимізацію під мобільні пристрої.

Вікторія Комаровська

Front-end Tech Lead в 6-Systems Sixt Group.

Понад 5 років комерційного досвіду роботи з HTML/CSS, JavaScript, ReactJS, Drupal. Приблизно 4 роки працює над вебзастосунками для компаній Sixt та Allane Mobility Group. Долучалася до розробки високонавантаженого порталу для онлайн-бронювання автомобілів у лізинг, інструменту для фінансового аналізу тощо.

Василь Кашапов

Lead front-end developer у Limestone Digital.

5 років досвіду в галузі. У минулому — фронтенд розробник у Ciklum, Innovecs, Grid Dynamics (ex-Daxx). Працював над проєктами різних доменів, зокрема FinTech, MedTech, страхування.

Вадим Васько

Фронтенд розробник у Software Service and Innovation.

У минулому — angular developer у Devcom та Kindgeek. 5 років досвіду, зокрема в розробці проєктів з нуля, в аутсорс і аутстаф компаніях.

Андрій Кедись

Фронтенд розробник у Syndicode.

Понад 5 років комерційного досвіду. Створював високонавантажені продукти з нуля з продуманою архітектурою компонентів. Розробляв проєкти для Marvel і Game of Thrones.

Владислав Єрмолаєв

Middle front-end developer у InStandart.

Понад 10 років досвіду у фронтенд та бекенд розробці. У минулому — фронтенд розробник у Voxloud, Pliri, Центрі біржових технологій.

що на вас чекає

навчання по-проджекторному

робота 1:1 з куратором, отримуєте регулярний зворотний зв’язок, який скеровує до рішення «це воно»
навчальний проєкт, готовий сяяти у портфоліо — збираєте докупи все, що проходили на навчанні у повноцінну роботу над курсовою
інтерактивні онлайн-зустрічі, де слухати на фоні — не вийде, бо перетворюєте знання з лекцій на навички, розбираючи проєкти з куратором та одногрупниками
сертифікат за здобутки — виконання домашок та успішний захист курсового проєкту

платити помісячно

8 500 грн/міс.

при розтермінуванні вартість курсу 25 500 грн

оплатити за весь курс
зі знижкою

7 500 грн/міс.

при оплаті одним платежем вартість курсу 22 500 грн

визначилися?
ось як потрапити на курс

1зареєструватися
2розказати про себе
3оплатити курс
4почати навчання

відгуки.
що говорять випускники

Валерій Зінченко

“Курс крутий і дуже насичений. Усі очікування виправдались. Найбільше сподобався формат фідбеку від Тані: відеофідбек — це топ. Мабуть, найкраща форма подачі з-поміж курсів, які я проходив.

переглянути

Христина Дзюбинська

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

переглянути

Анастасія Комлик

Middle System Analyst у Rakuten Advertising

“Курс перевершив мої очікування. Я думала, що верстка — це доволі монотонно й нудно, а виявилося, що там багато цікавого. Думаю, це велика заслуга всіх лекторів курсу й мого куратора Ярослава. Його відеофідбеки та коментарі в Slack були вельми корисними.

переглянути

Катерина Рєзнік

Ex-Front-end Developer у Kollectiv.ai

“Очікування від курсу виправдались на 1000%. Матеріал чудово структурований, є багато додаткового — для заглиблення в тему. Домашки в міру складні й водночас цікаві. Дуже цінним є відгук куратора на домашки, цього бракувало, коли я пробувала вчитися самостійно. Комунікація організована чудово, як і процес навчання.

переглянути

Сергій Федоров

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

переглянути

Владислав Кріпак

Motion Designer у Quarks

“Курс — супер! Повністю виправдав очікування. Було дуже цікаво, корисно, хоч і складно. Отримав безліч нової інформації, а також поштовх і натхнення далі йти в програмування.

переглянути

Анастасія Скалозуб

Product Designer в AUTODOC

“Дуже вдячна за курс, який допоміг мені почати та продовжити навчання фронтенд розробки. Усі лекції переглядала з великим інтересом і захопленням. Особлива подяка куратору Ярославу за добре ставлення, готовність допомагати, підтримувати, ділитися знаннями та досвідом. Раджу курс усім, хто також починає свій шлях у цій професії.

переглянути

Карина Грєшнікова

“Курс виправдав мої очікування. Я дізналася багато нового та корисного. Усі практичні завдання були важкуватими, але класними. Круто, що можна все передивитися без поспіху після навчання, щоб підтримувати свої знання, або наздогнати те, що пропустив.

переглянути

Маргарита Бутусова

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

переглянути

Світлана Вишнякова

“Завдяки курсу я покращила свої знання з верстки й тепер можу самостійно створювати прості сайти.

Наталія Мороз

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

переглянути

Олексій Ковтун

“Одна з переваг курсу — це живі вебінари з кураторкою та групою. Добре побудований план курсу, багато практичних завдань, якісно викладений матеріал. Домашні завдання — класно підібрані, щоб застосувати всі інструменти, розібрані на вебінарах. Найбільше сподобалася робота над курсовим проєктом. Кураторка Юлія дуже допомагала з ним, не шкодувала рекомендацій та добрих порад, щоб покращити роботу.

переглянути