Веб-версіяВідкрити в Telegram
ДДивовижний світ веброзробки

Дивовижний світ веброзробки

✅ Висока довіра
@babichdev · канал · Технології · в індексі з 2026-06-26
2 967підписників
1 652середнє охоплення поста
55.7%ER — охоплення до підписників
11постів за 30 днів
Д
Дивовижний світ веброзробки
Посилання
натисніть — покажемо
#партнерський_допис Товариство, тут SKELAR проводить завтра конференцію Code2Lead, головними темами якої є поточні події в tech-світі та яким буде код завтра. Вони зібрали інженерів з найсильнішою експертизою у BigTech і стартапах, аби вони поділилися з вами свом досвідом та знаннями. Формат дуже цікавий — такий собі телеміст між Києвом та Варшавою. Відвідати подію можна буде як офлайн в одному з цих міст, так і долучитися віддалено. Участь безкоштовна, але реєстрація — обовʼязкова. Тож, якщо ви пишете код, будуєте архітектуру, деплоїте в прод і хочете отримати практичні знання, що одразу після події можна забрати у власні проєкти — ця подія для вас. Детальніше про спікерів та саму подію за посиланням: https://bit.ly/3QTe3uQ До речі, серед спікерів фахівці з Netflix, Google, Superhuman, Mono, Perply та інших великих продуктів. Тож не проґавте нагоди та долучіться завтра до конференції Code2Lead від SKELAR!
8 · 2.5K ·
Д
Дивовижний світ веброзробки
Доброго понеділкового ранку, товариство! Поки канал активно набирає нових відписників, приймаю ваші побажання щодо дописів на цей тиждень. Буду відвертим, особиста фантазія дещо підводить останнім часом, зокрема через несумісність погоди і моїх планів сходити повудити карасів. Тому делегую на вас контент-план ) До речі, хтось ще цими вихідними робитиме собі вікенд ментального здоровʼя на Карибах разом з Едвардом Кенвеєм? Там, якшо шо, ремейк AC IV виходить. Тож гарного вам усім понеділка і продуктивного тижня вам і вашим Клодам ;)
1 · 2.5K ·
Д
Дивовижний світ веброзробки
Фотографія
натисніть — покажемо
Товариство, вітаю. По-перше, хочу поділитися хорошою новиною — РЕБ, на який ми з вами збирали кошти, уже місяць захищає бійців 115 ОМБр, дозволяючи їм безпечніше виконувати бойові завдання, зокрема з матеріально-технічного забезпечення підрозділів на передовій. Дякую усім, хто допоміг з цим збором! А по-друге, знову маю до вас прохання. Підрозділ з 65-ї бригади просить допомогти з придбанням позашляхових шин для пікапа. Сума збору — 20 000 гривень. І якби ми з вами змогли швиденько закрити його, я був би найщасливішою людиною у світі. Посилання на банку — https://send.monobank.ua/jar/4w4LYbMRdy Як і завжди — надзвичайно вдячний за кожен ваш донат, за кожну вашу гривню. P.S. Я не зник, просто потрібна невеличка перерва в усьому. Я маю купу ідей для нових дописів, але банально бракує сил. Сподіваюся, це скоро мине, і нові тексти знову поллються нескінченним потоком. Не втрачайте в мене віру ) P.P.S. Якшо шо, я маю дозвіл на публікацію світлини без закритих обличь від бійців.
1 · 1.9K ·
Дивовижний світ веброзробки
Останнім часом на роботі я дрєсірую любіму абізяну. Навіть не одну, а ціле стадо. Я розробляю набір LLM агентів під мої власні задачі, і це стало одним з найцікавіших проєктів. Тривалий час саме написання коду в рамках роботи перестало приносити задоволення, тому я зміщую свій фокус в сторону продуктового мислення та розробки рішень проблем, які переді мною стоять. Так, та сама "продуктова інженерія". Будемо відверті — коли ти працюєш на великому проєкті з купою легасі, з усталеними практиками і всякими власними дизайн системами, місця для творчості в коді якось особливо й не лишається. Особливо, коли реалізація задач зводиться до кількох типових хуків і збірки UI з готових компонентів. І тоді вся забава переходить в іншу площину — розробити рішення. А потім його швиденько втілити. І саме для цих цілей я й дресирую своїх цифрових абізян. Зараз я майже майже завершив кодинг-агента, який робить те, що мені потрібно, і, що головне — так, як мені потрібно. Зараз спробую описати, що за систему я роблю взагалі, а потім вкину кілька цікавих думок, які виникли в процесі. Я вирішив вийти трошки за рамки стандартного підходу з оркестрацією, і роблю те, що називаю харнесом, тобто комплексом спеціалізованих агентів з власними ролями. Для щоденної роботи я маю головного агента, з яким я "спілкуюсь", ставлю задачі, сперечаюсь і називаю дурачком. Його відповідальність — такий собі менеджер, який делегує конкретні запити і задачі іншим. Інших зараз двоє: імплементатор і дослідник. Дослідник шариться по коду, джирі, документації і саме він відповідає на головні питання життя, Всесвіту і взагалі. Ну і готує детально поставлені задачі для імплементатора. А той вже бере ці задачі і… імплементує. Ще у мене є агент для розробки інших агентів, і в процесі зараз харнес для розробки тих самих специфікацій, але фокус — завершити повсякденний харнес. Так от що цікавого я в процесі визначив. По-перше, те, що працює для вас — цілком не працюватиме для інших. Агенти дозволяють делегувати
12 · 2.3K ·
Д
Фотографія
натисніть — покажемо
За смішний мем з вас по дві гривні на збір.
3 · 2.1K ·
Д
Дивовижний світ веброзробки
Дощ, чебуреки і розмови про ШІ на березі озера. Після допису про любімих абізян, себто про ШІ-агентів, мій давній знайомий, а за сумісництвом і постійний читач, запропонував зустрітися і потеревенити на цю тему. На що я з величезним задоволенням погодився. Це був дуже цікавий вечір, скажу я вам: ми вечеряли чудовими чебуреками під дощем, неспішно прогулювалися стежкою понад берегом, повільно намотуючи кола, і увесь час говорили. Я люблю поговорити про якісь робочі речі в неформальній обстановці, особливо зараз, навіть дружина жартувала, мовляв, нарешті поговорив з людиною, яка розуміє, що я їй кажу. І, хоча й дійсно саме живої розмови мені дуже не вистачало, особливо цінною ця зустріч стала завдяки іншому. Теми нашої бесіди стрибали, наче сполохані коники: від практичного застосування ШІ в роботі, від намагань зрозуміти себе і своє місце у галузі, що змінюється найстрімкіше за увесь час свого існування, до заглядання у якесь надзвичайно далеке майбутнє. Але крутилося усе навколо одного: ми дійсно боїмося змін. В цьому ми не абсолютно відрізняємось від наших далеких родичів з якогось там раннього палеоліту. Однак ми боїмося не самих змін, ми боїмося невідомості, яку вони приносять. І кожен з цим справляється, як може. Хтось опускає руки, хтось панічно хапається за усе підряд, хтось робить вигляд, що все зрозумів і очолює цю революцію, хтось чухає голову і розводить руками, хтось намагається змінюватись, хтось намагається змінювати. Але усе це — реакція на шалені зміни. І це — нормально. І не існує єдиного підходу, як з цим справлятися. Якщо я почну давати поради з цього приводу, я буду як той собака в гамаку з мему "Не переживай. Нашо ти переживаєш". І так, я теж боюсь. Спочатку я займав супер скептичну позицію щодо ШІ — цікава цяцька, побавимся, забудем. Але я не врахував, наскільки цю цяцьку можна було хайпанути. Так, я вважаю, що зараз ми просто посередині бульбашки шаленого хайпу, і вона з часом дуже гучно лусне. Але при цьому ШІ в розробці зокрема ніку
8 · 2.8K ·
Д
Дивовижний світ веброзробки
Фотографія
натисніть — покажемо
По ходу люди ображаються, що я їх на чебуреки не покликав.
2 · 2.6K ·
Д
Дивовижний світ веброзробки
Посилання
натисніть — покажемо
Товариство, тут завтра у Львові буде тусовка, тож, як маєте час і натхнення — долучайтесь! Буде смішний (сподіваюсь) стендап — про айтішників і їхню любов до ШІ; Буде збір коштів на потреби ЗСУ; Будуть танці — DJ set і літній open air, де можна просто відпочити, познайомитися з новими людьми та класно провести вечір. 30 липня, 17:00 «ПРОСТІР», Парк Культури Участь за донат від 300 грн у фонд KOLO Отут реєстрація — https://luma.com/u4s1p69b
4 · 3K ·
Д
Дивовижний світ веброзробки
Маю надію, всі в порядку після цієї ночі. Задонатьте пару гривень сьогодні на якийсь збір.
3K ·
Д
Дивовижний світ веброзробки
Вітаю, товариство! Життєві обставини та стан мого й так хиткого здоровʼя змусили мене піти у добровільну ізоляцію від публічної присутності. Тому останнім часом мене ніде й не видно було. Однак, попри те, що одна дуже неприємна і, на жаль, хронічна болячка навіть і не думає відступати, а навпаки, лише погіршується, шило в моїй дупі не дає мені остаточно зникнути з просторів інтернету і ваших сповіщень (якщо ви їх не вимкнули, звичайно). Тому я буду потихеньку відновлювати активність, проте не так, як мені того хотілось би. Мені довелось скасувати кілька домовленостей про цікаві спільні проєкти, ще кілька планів опинилися під величезним питанням, зокрема участь в прийдешніх конференціях. Там, правда, уже вигадуємо, як долучитися таким чином, щоб і вам було цікаво та корисно, і я не лякав людей своїм станом під час чергового приступу (а це огидне видовище, повірте). Також уже сьогодні буду розмовляти з учасниками нових випусків на ютубі. Тут я вирішив зробити кілька кроків назад, і повернутися до ваших улюблених співбесід. Тепер з присмаком лайна ШІ. Будемо експериментувати і шукати ідеальний баланс між вимогами до власної експертизи та вміння витрачати токени. Такі часи. Найближчий запис нового випуску, як дадуть боги і здоровʼя відбудеться доволі скоро. По дописам — знову ж таки, купа ідей, неймовірний обсяг нових і давно забутих фішок в HTML і CSS, але, відверто, знайти сили писати після приступу — це ще та задача. Проте мушу старатися, шо ж. І так, на нас уже чекає великий збір для ЗСУ, це одна з причин, чому я усе ж вирішив вилізти зі своєї печери самоізоляції в цей грішний світ, і повернутися в інфопростір. І, відверто — я за вами надзвичайно скучив. Тож лишайтеся на звʼязку і, сподіваюся, до скорої зустрічі. Всім цьом у лобіка.
1 · 2.5K ·
Д
Дивовижний світ веброзробки
Занотуйте собі в календар — наступного четверга будем записувати новий випуск вайбкод рев'ю по NodeJS.
1 · 2.2K ·
Д
Дивовижний світ веброзробки
#css_in_action У вас є декілька однотипних класів: item-1, item-2, item-3 … item-N. Опустимо, чому вони у вас є, це питання іншого штибу, тож у вас є задача — написати селектор, що вибиратиме усі елементи з такими класами. Перше, що може прийти в голову — використати селектор [class^="item-"]. Він вибиратиме усі елементи, значення атрибуту class якого починається з item-. І це працюватиме, поки ваш клас item- стоїть першим. Щойно ви додасте щось на початок, наприклад warning item-1, селектор "зламається". Тоді вам в голову може прийти ось таке чудо: [class^="item-"], [class*=" item-"]. Ви додаєте селектор, який додатково ловитиме входження рядка " item-" в значення атрибуту. І це теж буде працювати. Поки у вас не зʼявиться (з якоїсь причини) щось на кшталт class="item-" чи class="item--foo". А вам треба виключно сімейство item-*, бо item--* — це якась дич. Що ж робити? Ну, на даний момент — засмучуватися. Але ненадовго. Буквально 6 серпня CSSWG погодила додати class prefix selector до Selectors Level 5. Виглядає він ось так: .item-* { … } І має виконувати, по суті, ту ж задачу, але правильно. Тобто не за входженням рядка в рядок, а по class tokens. У пропозала є свої обмеження й переваги, наприклад працює селектор виключно з класами, і на даному етапі список символів, на який він має закінчуватися, обмежується лише дефісами, які, до речі, мають бути обовʼязковою частиною класу, аби селектор спрацював. Тобто отаке працювати не повинно: .item_* { … } Якщо дуже хочете зловити шось бемоподібне, то так і пишіть, позортесь явно: .item--* { … } Однак, що цікаво, він має працювати з не дуже звичними роздільниками — табами і новими рядками. Отакі чудасії воно ловитиме: <div class="primary item-main">…</div> Нестинг працюватиме як і зазвичай: .item-* { &:hover {} > .icon {} } А от на конкатенацію імені розраховувати не варто. Залиште це SCSS, хай вже помре конячка. .item-* { &bar {} /* .item-bar не буде. Бо це неправильний селектор. */ } До використання цьог
9 · 2.4K ·
Д
Дивовижний світ веброзробки
Фотографія
натисніть — покажемо
А як людям ще дізнаватися про мої нові відео?! Страшне.
3 · 2.4K ·
Дивовижний світ веброзробки
Фотографія
натисніть — покажемо
#авто_для_21омбр Товариство, оголошую мобілізацію ваших гривень! Потрібно оплатити авто Hyundai Tucson для взводу забезпечення 21 ОМБр (Сумський напрямок). Збір дещо незвичний — авто вже у підрозділі та виконує бойові задачі, а наша задача тепер — якомога швидше віддати за нього кошти волонтерам, які це авто надали. Сума збору — 4700$ за саме авто та 60 000 грн за його ремонт. Якщо рахувати по 45, то разом це 271 500 грн, але віддавати треба в долярах, тому тут буде залежати від курсу. 🔗 send.monobank.ua/jar/AeXQ6YRf2X 💳 5375411202918178 Дякую за кожну гривню! P.S. Обличчя дозволили показувати
2 · 2K ·
Д
Фотографія
натисніть — покажемо
Фотографія
натисніть — покажемо
2 · 2.1K ·
Д
Дивовижний світ веброзробки
Посилання
натисніть — покажемо
#партнерський_допис Товариство, запрошую вас цієї пʼятниці, 18 вересня, на найкулуарнішу конфу України — Party Hard #12. Цього року конфа буде про стартапи, ШІ, продукти, найм та, звичайно ж — про спілкування. Нетворкінг на цій конфі просто шальоний. Особисто я теж дуже-дуже постараюсь там бути, бо пора б вибратись зі свого лісу і вийти до людей. Я прям дуже рекомендую відвідати Party Hard, тим паче маю для вас знижку у 7%. Деталі події за посиланням: https://yoy.events/lviv-12-promo-babich
1 · 2K ·
Д
Д
Дивовижний світ веброзробки
Який ШІ найкращий для навчання? Відповідь проста — той, з яким ви чогось навчились. ШІ це лише інструмент. Якщо дуже сильно спростити, це система для перетворення одного масиву тексту в інший. З певною імовірністю смішних (або не дуже) галюцинацій. Жоден інструмент не замінить вам вашу здатність до навчання. Жоден інструмент не замінить вашу мотивацію до нових знань. Він не замінить вам вас. Якщо ви можете навчитися чогось без ШІ, то з ним ви це зможете робити дещо швидше і структурованіше. Бо ви знатимете, з йкого боку підходити до навчання, і розумітимете, де він вам поможе, а де лише завадить. Якщо ж з якихось причин без ШІ ви губитесь в потоці інформації, не вмієте структурувати її, не можете розставляти пріоритети і сахаєтесь, ніби білка по гілках, стрибаючи від теми до теми — ШІ лише погіршить ситуацію. Якщо ви хочете вчитися — навчіться вчитися. Отака проста тавтологічна мудрість. Маючи під рукою ШІ, ви однозначно кратно збільшите кількість вхідної інформації, а от обробляти її доведеться вже вам. І я навмисно кажу "інформації", а не знань, бо знання — це коли ви знаєте і вмієте застосувати те, що дізналися. І тут неважливо, що у вас — ChatGPT, Perplexity, Claude чи ще якась китайська модель. Важливо те, що ви з нею робите. В принципі, це стосується буквально усього, куди зараз можна притягнути ШІ — якщо ви вміли це робити до того, то у вас зʼявляється неймовірний підсилювач ваших навичок, а як ні — що ж, це працюватиме в зворотню сторону. Особисто я активно використовую ШІ для пошуку нової інформації — від нових рецептів і білдів в Diablo IV до абсолютно нових для себе проблем в розробці, програмуванні чи якихось інших професійних аспектах. Про самі підходи до того, яку інформацію шукати, і як навчитись їй не довіряти — це, певно, тема для двогодинного монологу. Чому ШІ мені помічний? Бо я знаю чого від нього хочу. Якщо чогось не розумію — прошу простіших пояснень, прикладів, джерел, розкладаю своє незнання на складові і перетворюю їх на знання в як
7 · 1.5K ·
Д
Дивовижний світ веброзробки
Днями на редіті побачив допис, в якому автор питав, чому його лічильник часу на сторінці за пів години активності відстає аж на 30 секунд. Задача, здавалось би, одна з найпростіших — запускай таймер, рахуй секунди, виводь і буде тобі щастя. Але річ в тому, що багато хто досі вважає таймери в JS точними. На ділі що setTimeout, що setInterval не виконують ваш код через заданий проміжок часу. Вони ставлять його в чергу. Це суттєва різниця. Тобто це не "виконай через точно 1000ms", а радше "я тут вам задачку залишив, запусти за нагоди, але не раніше ніж 1000ms". Це якщо прям дуже приблизно. Я не буду вдаватися в деталі, там вам і улюблений event loop, і черги, і так звана однопоточність. Давайте ліпше розберемо, як уникнути такого дрифта або хоча б зменшити відхилення до меж статистичної похибки. Перше, що прийде нам в голову для такого лічильника, — запустити setInterval: setInterval(() => doMagic(), 1000); Це найнаївніший спосіб. setInterval намагається запускати callback із заданою періодичністю, але не гарантує момент його фактичного виконання. Якщо main thread зайнятий, виклик відбудеться пізніше. Якщо ж ми просто робимо seconds++, то починаємо вимірювати не час, а кількість викликів — і рано чи пізно ці дві величини можуть розійтися. Кращим підходом буде запускати лічильник, коли попередня ітерація точно відпрацювала. Але просто переробляти на рекурсивний setTimeout не треба, бо він так само накопичуватиме затримку: const tick = () => { … setTimeout(() => tick(), 1000); } tick(); Краще розраховувати наступний таймаут як залишок до бажаного моменту в майбутньому: let next = performance.now() + 1000; const tick = () => { next += 1000; const delay = Math.max(0, next - performance.now()); setTimeout(tick, delay); } setTimeout(tick, 1000); Оцей delay буде трошки менше за 1000ms, бо враховує похибку попередньої ітерації. Це працює в ідеальних умовах, коли основний потік нічим суттєво не зайнятий. Але setTimeout не гарантує, що callback виконається са
11 · 1.4K ·
Д
Дивовижний світ веброзробки
Фотографія
натисніть — покажемо
Знайшов своє старезне резюме. Аж пустив скупу сльозу за тими часами, коли навіть з таким можна було знайти роботу. Збір на авто для 21 ОМБр триває, зібрано 22 524грн з необхідних 271 500грн. 🔗 send.monobank.ua/jar/AeXQ6YRf2X 💳 5375411202918178
9 · 1.2K ·
Д
Дивовижний світ веброзробки
Посилання
натисніть — покажемо
#збір_на_авто_для_21 Товариство, почнімо тиждень з доброго діла. Я би дуже хотів, аби ми цього тижня змогли довести суму хоча б до 45 000, аби віддати бодай 1к$ за авто для 21 ОМБр. Тому кожна, буквально кожна гривня надзвичайно важлива. Зібрано 22 625 з 271 500 грн 🔗 send.monobank.ua/jar/AeXQ6YRf2X 💳 5375411202918178
947 ·
Д
Дивовижний світ веброзробки
Фотографія
натисніть — покажемо
Товариство, запрошую вас цієї суботи, 3 жовтня, на Fwdays Tech Summit — онлайн конференцію про те, як стягувати це життя в епоху ШІ. Я особисто планую поділитися тим, як створив цілу зграю ШІбізян, аби вони робили мою роботу за мене. Як то кажуть, не можеш здолати — очолюй. Що з того вийшло, з якими складнощами я стикався (і стикаюсь) — дізнаєтесь в суботу ;) Очевидно, що будуть й інші, не менш цікаві й корисні доповіді, наприклад: – Олександр Савченко (Мінцифра) розповість про інфру та безпеку для мільйонів. – Олександр Денисюк (Укрпошта) поділиться досвідом переходу архітектури на 24/7. – Ілля Клімов (GitLab) рознесе хайпові графи і self-improving loops. – В’ячеслав Колдовський (Dev AI) прийде до вас із мануалом по Agentic Software Factories. 🎟 Квитки тут: https://bit.ly/47p9Nrt Промокод для своїх на знижку 15% – 0B522A86D8
5 · 827 ·

Відкрита публічна стрічка з пошукового індексу ChatCrawler — «Google по публічному Telegram»; оновлюється в міру обходу майданчика. Час — UTC.

Лише публічний контент, офіційний API Telegram. Про проєкт · Питання · Чого ми не робимо · Прибрати сторінку з видачі · Каталог · Пошук · Як ми рахуємо