Привіт, я Сергій дозволь представитись
👨‍💼 Мій особистий сайт-візитівка

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

Я вчуся створювати сайти за допомогою HTML, CSS та JavaScript. Експериментую з навігацією, анімаціями, адаптивністю та сучасними підходами у верстці. Мені подобається перетворювати ідеї на працюючі інтерфейси — від простих сторінок до більш складних інтерактивних елементів. Ця сторінка — місце, де я збираю свої перші роботи. Тут можна побачити мій прогрес, стиль та розвиток у фронтенді. З часом цей проєкт перетвориться на повноцінне портфоліо, яке відображатиме мої навички, улюблені техніки та подальший ріст у веброзробці.

Поки що все в процесі навчання, але кожен день додає +1 до скілу 💪
Що я вчу зараз
  • HTML — структура сторінки, семантика, правильна побудова контенту.
  • CSS — кольори, шрифти, верстка блоків, адаптивність, базові анімації.
  • Навігація — меню, списки, hover-ефекти, кнопки, плавні переходи.
  • JavaScript (база) — розумію, як робити елементи інтерактивними та живими.
HTML
CSS
Навігація
GitHub Pages
JavaScript

Трішки про мене

Привіт, я Сергій. За фахом я далекий від ІТ, я прийшов із медицини, але фронтенд затягнув мене серйозно. Минулий досвід навчив мене точності, уваги до деталей та вмінню працювати в складних умовах — це ті якості, які я зараз переношу у веброзробку. Почав вивчати HTML і CSS “просто спробувати”, а тепер ловлю себе на думці, що мені хочеться будувати красиві, живі та динамічні інтерфейси. Фронтенд став для мене новим простором, де можна поєднати логіку, творчість і сучасний дизайн. Я візуал, тому мені важливо бачити результат одразу. Кожен мій проєкт — це крок уперед: від перших простих сторінок до елементів з динамікою та взаємодією. Зараз я формую портфоліо, яке з часом зросте у повноцінну підбірку моїх робіт. Я розумію потреби цієї сфери зсередини, і це може стати цінністю для майбутніх проєктів.

Чому я це роблю

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

Цей сайт-візитівка – моя особиста «точка старту», з якої почнеться далі щось більше.

Що планую освоїти далі

Окрім HTML і CSS, я хочу поступово вивчити:

Адаптивна верстка Flexbox / Grid JavaScript базовий Git & GitHub

Мої перші проєкти

Тут я зберігаю пробні сторінки, щоб бачити, як росту. З часом цей список поповниться новими роботами.

Проєкт 1
«Світ Дюни» – сторінка про Бене Ґессерит

Це мій перший невеличкий навчальний проєкт: сторінка з навігацією, текстовими блоками, таблицею, добіркою «цікавих фактів» та галереєю зображень зі всесвіту «Дюни». Саме з нього для мене почався шлях у фронтенді.
Я свідомо вирішив не доводити цю роботу до ідеалу. Хочу зберегти її такою, якою вона була створена — зі своїми простими рішеннями та першими експериментами. Це своєрідна точка відліку, пам’ять про те, з чого все почалося і як виглядали мої перші кроки у новій професії.

Використано: HTML, CSS, списки, адаптивна навігація, анімація тексту.

Перейти до проєкту →
Проєкт 2
Сайт про донорство крові

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

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

Перейти до проєкту →
Робочий Telegram-бот · EdTech
Telegram-бот як навчальний застосунок

Інтерактивний Telegram-бот для вивчення іспанської мови. Формат щоденної практики: словникові квізи (A1–B1), поеми з перекладом, нагадування та premium-контент. Навчання відбувається прямо в чаті — без окремих застосунків і перевантаження.

  • 📚 Квізи та словник (A1–B1)
  • 📝 Поеми та тексти з перекладом
  • ⭐ Free / Premium модель
  • ⏰ Щоденні нагадування
  • 💳 Оплати та донати в Telegram
🔗 t.me/serhii_spanish_bot — переходь і починай навчання