«Знання, які не передаються далі — це знання, які помирають разом із тобою. А я ще планую пожити 😀»
Чому я почав ділитися знаннями
Останнім часом щось змінилося. Не в технологіях — в запитах, які мені надходять. Проєкти нікуди не поділись, робота йде як і раніше. Але поруч із звичними “зроби сайт” все частіше з’являються зовсім інші звернення: “покажи, як”. Навчи. Розкажи. Поясни, чому ось тут саме так, а не інакше.
Коли тобі пишуть раз — це випадковість. Двічі — збіг. Але коли це стає тенденцією, варто прислухатись. За 17+ років в розробці я накопичив купу знань, підходів, шишок і висновків, які живуть у моїй голові, в моєму коді і в моїх проєктах. І вони там лежать. Просто лежать. А могли б працювати.
Так з’явилась ідея — edu.kaplia.pro.
Навіщо окремий ресурс, а не блог?
Перше питання, яке я собі поставив: чому не публікувати навчальні матеріали прямо тут, у блозі? Відповідь проста — я хочу, щоб блог залишався блогом. Простором для авторських думок, спостережень, рефлексій про індустрію і професію. Місцем, де фіксується мислення, а не переписуються мануали.
А навчальний контент — це зовсім інший формат. Це структуровані курси, послідовні лекції, код, приклади, практика. Це потребує іншої архітектури, іншої навігації, іншого підходу до подачі. І головне — це потребує масштабування. Сьогодні один курс, завтра п’ять, післязавтра — повноцінна бібліотека.
Тому edu.kaplia.pro — це окремий пет-проєкт. Власна територія для навчальних матеріалів, яка живе своїм життям і може рости незалежно від блогу.
Перший курс: HTML та CSS — база
Для старту я обрав те, з чого все починається — верстку. HTML та CSS лекції від основ до адаптивної верстки. Здавалося б, тема базова, “для початківців”, але я свідомо починаю саме з неї.
Бо навіть серед досвідчених розробників я регулярно бачу прогалини саме в фундаменті. Люди пишуть на React, але не розуміють, як працює каскад. Використовують Tailwind, але не знають, що таке BEM і навіщо він взагалі існував. Будують складні лейаути, але не можуть пояснити різницю між inline та inline-block без гугла.
Для сильного програміста важливий міцний фундамент. І цей курс — саме про нього.
Як народжувався контент: дистиляція знань
Тепер про найцікавіше — звідки взявся матеріал і як він створювався. Процес був нетривіальний і, відверто кажучи, сам по собі вартий окремого кейсу.
Все починалося з відеокурсів, до яких я маю доступ на навчальних платформах. Але відео — це повільний і часто “водянистий” формат. Хороший лектор може пів години пояснювати те, що вміщується в три абзаци тексту. Тому я пішов іншим шляхом:
- Захват аудіо з відеокурсів
- Транскрибція через технологію Whisper (OpenAI) — перетворення голосу на текст
- Мерджинг та дистиляція — об’єднання інформації з різних джерел і безжальне відсіювання води. Все зайве, повторення, відступи “а тепер давайте поговоримо про…” — вирізано
- Актуалізація — оновлення матеріалу відповідно до трендів і стандартів 2026 року
- Моя ревізія — кожна стаття курсу пройшла мою особисту перевірку. Я вичитував, правив, доповнював і видаляв те, з чим не згоден або що вважаю неактуальним
Результат — справжня вижимка найкориснішого матеріалу. Без води, без “а тепер давайте повторимо”, без десятихвилинних вступів. Лише суть.
Весь цей пайплайн працював за допомогою Claude Code (модель Opus 4.6). І це підводить нас до наступної теми.
Епоха ШІ: створювати — нескладно і неймовірно цікаво
Ми живемо в час, коли професійні AI-моделі — Claude Opus 4.6, Gemini 3.0 та інші — перетворюють процес створення контенту на захоплюючу колаборацію. Я не кажу, що ШІ замінює експертизу. Він її підсилює. Дає можливість робити за тижні те, що раніше зайняло б місяці.
Транскрибція десятків годин відео, структурування матеріалу, актуалізація під сучасні стандарти — все це було б фізично неможливо зробити самотужки за розумний час. А з правильними інструментами це перетворюється на керований і навіть приємний процес.
Але ключове слово тут — “через мене”. Кожен матеріал проходить через фільтр мого досвіду та моєї експертизи. ШІ допомагає обробити і структурувати, але фінальне рішення — завжди за мною.
Під капотом: власний рушій
Окрема гордість — технічна реалізація. Я не пішов шляхом WordPress, Hugo чи будь-якої іншої CMS. Натомість я взяв свій власний легкий PHP-рушій для рендерингу Twig-шаблонів і адаптував його під структуру курсів.
Результат: PHP 8.3 + Twig 3.x + SCSS + Vanilla JS. Без бази даних, без фреймворків, без зайвого. Контент живе у файловій системі. Курси та лекції — це просто папки і .twig файли. Додав папку з лекціями — курс автоматично з’явився на сайті, в навігації, в пошуку, в sitemap.
Чесно? Це приблизно 50% вайбкоду. Я задавав напрямок, архітектуру, структуру — а Claude Code допомагав реалізовувати. І це нормально. Це і є сучасна розробка: ти — архітектор і ревʼюер, AI — швидкий виконавець, який потребує твого контролю.
Вихідний код проєкту відкритий і доступний на GitHub: github.com/vitaliikaplia/edu
Що далі?
Зараз на edu.kaplia.pro живе перший курс з верстки. Але це лише початок. Платформа побудована так, щоб легко додавати нові курси — і вони будуть. WordPress-розробка, PHP, JavaScript, архітектура проєктів — тем вистачає.
Цей проєкт — мій спосіб систематизувати те, що я знаю, і зробити ці знання доступними. Не заради хайпу чи монетизації, а тому що ділитися досвідом — це природний етап розвитку будь-якого спеціаліста. Вік живи — вік учись. І вік ділись тим, чому навчився.
