Каталог професій · Інформаційні технології
HTML-верстальник — що робить, скільки заробляє і що складати на НМТ
HTML-верстальник перетворює макет дизайнера на живу сторінку: пише розмітку й стилі так, щоб сайт однаково працював на телефоні й на великому екрані, швидко вантажився і був доступним для людей, які користуються ним із клавіатури чи через програму читання екрана. І одразу чесно про маршрут: у цю роботу заходять переважно через курси, самонавчання й портфоліо, а не через диплом. Чиста верстка сьогодні — не окрема довічна професія, а перша сходинка у фронтенд-розробці.
Крок 2 · Предмети НМТ
Що складати і з якими коефіцієнтами
Крок 3 · Бал
Скільки балів реально треба
Крок 4 · Університети
Куди вступати
Перед подачею заяв перевірте університет у переліку ступенів ризику.
Один робочий день
О 10:00 ти відкриваєш макет і починаєш із питання, якого немає в макеті: що станеться з цим блоком, коли тексту буде вдвічі більше, ніж намалював дизайнер. Реальний сайт наповнюють люди, і половина помилок верстки — це вміст, який не вліз.
Об 11:30 приходить баг: на телефоні шапка сайту накриває кнопку. Відтворити проблему на своєму компʼютері не виходить, і ти півгодини шукаєш не рішення, а причину — саме це, а не написання розмітки, забирає більшу частину дня.
По обіді — рев'ю коду. Колега вказує, що замість універсального контейнера тут мала бути семантична розмітка, інакше сторінку не прочитає програма для незрячих. Ти переробляєш готовий блок, який візуально виглядав ідеально. У цій роботі «працює» і «зроблено правильно» — не одне й те саме.
Ближче до вечора менеджер просить «просто трохи посунути», і ти пояснюєш, що цей рух ламає сітку на всіх сторінках одразу. Далі — оптимізація: одна необроблена ілюстрація важить більше, ніж увесь текст сайту, і сторінка через неї вантажиться повільно.
Кому підходить — і кому буде важко
Підходить, якщо ти…
- готовий довго шукати причину дрібної помилки й не втрачати від цього спокою
- маєш око на деталь: бачиш, що відступ не той, і тебе це справді дратує
- любиш роботу з видимим результатом — те, що ти зробив сьогодні, можна відкрити в браузері
- умієш вчитися сам, без викладача й програми курсу
Буде важко, якщо ти…
- поріг входу низький, і це працює проти тебе: на позиції початківця конкурує дуже багато людей, а вирізнитися можна лише реальними роботами
- сама по собі верстка — не кінцева точка: якщо не рухатися далі, у бік програмування, стеля в цій ролі відчувається швидко
- рутина реальна: однотипні блоки, правки «посунь на пікселі», перевірка того самого в різних браузерах і на різних телефонах
- сидяча робота за екраном щодня — спина, шия й очі стають медичним питанням уже за кілька років
Скільки заробляють
- Рівень задач, а не назва посади. Верстка готового макета й фронтенд-розробка з логікою, станами та роботою з даними — різні гроші. Найбільший стрибок у доході відбувається саме на цьому переході, а не з роками стажу в чистій верстці.
- Англійська й ринок замовника. Робота на іноземного клієнта відкриває інший рівень оплати, але вимагає мови, якої достатньо для щоденних дзвінків і листування, а не для читання документації.
- Портфоліо замість диплома. Тут показують живі сайти й код, а не оцінки. Перші роботи можна зробити ще школярем чи студентом — і саме вони, а не рік випуску, вирішують, кого візьмуть на першу позицію.
Перевір, чи це твоє
Чи підходить тобі цей тип роботи? Профтест «Хто ти?» — 15 хвилин, покаже твій тип і сфери.
Пройти профтест →Чи тягнеш предмети на потрібний бал? Експрес-діагностика НМТ — 12 завдань, ~4 хвилини.
Пройти діагностику →Питання і відповіді
Питання батьків
Чи потрібно вступати в університет, щоб цим займатися?
Ні, і робити вигляд, що потрібно, було б нечесно. У верстку заходять через курси, документацію й власні проєкти, а роботодавець дивиться на код і портфоліо. Університет дає інше: математичну й алгоритмічну базу, без якої важко вирости з верстальника в розробника, а також диплом, який потрібен для роботи за кордоном і для деяких великих компаній. Тобто вибір не «курси проти університету», а «на якій дистанції ви граєте».
Наскільки реально вступити на бюджет, якщо все-таки йти в університет?
Залежить від університету значно більше, ніж від спеціальності. За даними вступу-2025, на «Інженерію програмного забезпечення» в Національному технічному університеті «Харківський політехнічний інститут» мінімальний бал зарахованих на бюджет був 132,0 при 144 бюджетних місцях, а в Національному університеті «Львівська політехніка» — 169,3 при 150 місцях. На «Комп'ютерних науках» у «Львівській політехніці» — 174,1. Той самий набір предметів відкриває і те, і те: питання лише в тому, які пропозиції потраплять у пріоритети заяв.
Чи знайде дитина роботу, якщо це «перша сходинка»?
Перша робота тут реальна ще під час навчання — саме тому цей вхід і популярний. Але чесно: ринок початківців перенасичений, і без власних проєктів резюме не читають. Практичне правило — виходити на ринок не з дипломом про курс, а з кількома зробленими сайтами, які можна відкрити й показати. Далі має значення, чи людина рухається в бік програмування: у чистій верстці попит вужчий, ніж у фронтенді загалом.
Дитина сидить за компʼютером і каже, що це вже професія. Як перевірити, чи це серйозно?
Найпростіший тест — попросити показати результат. Верстка тим і зручна, що перевіряється за пів години: є посилання на зроблену сторінку чи немає. Якщо дитина може відкрити свій сайт, пояснити, чому зробила саме так, і сказати, що там працює погано, — це вже професійна розмова, а не захоплення. Якщо результату немає місяцями, питання не в здібностях, а в тому, що самонавчання підходить не всім, і тоді структура курсу або університету якраз і потрібна.
Схожі професії
- Бали зарахованих, бюджетні місця та контракти — офіційний архів ЄДЕБО, вступ-2025.
- Коефіцієнти предметів НМТ — Порядок прийому (наказ МОН № 373 від 26.02.2026). Після наказу на вступ-2027 оновимо.
Готові скласти план вступу на «HTML-верстальник»?
Безкоштовна консультація з профорієнтологом (40–60 хвилин): чи підходить дитині напрям, який бал реально потрібен під її список університетів і що встигнути до НМТ.