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

Ну і ще нагадаю, що сьогодні роблю зйомку нового випуску "Одне питання — три відповіді". Львів, паб Христофор (Ів. Франка 3) Приходіть, за квитки не переживайте, задонатите на місці ) Буде цікаво, гарантую

Останнє попередження номер один! Товариство, чекаю вас сьогодні на зйомках дискусії "Інженерія, орієнтована на бізнес, в епоху AI". Хочу обговорити з гостем те, чого бізнес насправді очікує від інженерії, чому просто робити задачі — не завжди достатньо, як виглядає інженерія, орієнтована на бізнес, у реальній роботі, і чи дійсно такий помічний ШІ, як нам його малюють. Початок сьогодні, о 18:30 Львів, "Довгі Бурхливі Оплески". Забирайте квиточки тут: https://secure.wayforpay.com/payment/lampa_7 А завтра чекаю вас на зйомці "Одне питання — три відповіді".

Квиток розіграно, дякую усім, хто долучився! Зібрано 21 704 гривні, які вже додано до основної банки на РЕБ для 115 ОМБр Також нагадую про зйомки в пʼятницю і суботу, дуже чекаю на вас і ваші квиточки. Також на вас очікують ще цікаві анонси про DOU та fwdays, бо шо там шо там я буду показувати і розказувати неймовірно захопливі речі.

Товариство, у мене буде ще одна зйомка, цієї п'ятниці, і я на неї вас теж дуууууже наполегливо запрошую. Буде цікаво то точно, а ще буде Лампово. https://t.me/it_lampa/57

До слова сьогодні прийшлись тестові завдання, які усі так не люблять, зокрема думка, що вони в більшості випадків використовуються в якості фільтра від геть уже лінивих кандидатів. І от подумалось мені, що ця теза сьогодні вже теж не надто реалістична, бо тепер можна навайбірувать те тестове навіть найбільшому лінтюху. І там, де воно було фільтром, тестове просто перевантажить систему тоннами AI-слопу. Я би тестове давав, насправді, вже після скринінгу, перед технічною співбесідою, і то лише в тому випадку, якщо сама технічка буде будуватись навколо нього. Але підхід з "тестове це фільтр на дурака", на мою думку, вже вмер. Буду відвертим, він не мав би й народжуватись. Це, певно, єдине, за що я поки вдячний пришестю "ШІ".

Вітаю, товариство! Цього тижня я знову пожалкую, що ввʼязався в ці ваші ютуби, бо матиму аж дві зйомки, але ви можете прийти і підтримати мене морально. Ну і подушнити з глядацької зали. Тому нагадую, що 9 травня, в суботу, чекаю на вас на зйомці формату "Одне питання — три відповіді" у Львові. В цьому форматі я ставлю одне й те саме питання джуніору, мідлу та синьйору і вголос аналізую їхні відповіді. Квитки поки шо по 200 грн, всі кошти з івенту йдуть на потреби ЗСУ. https://secure.wayforpay.com/payment/record_3 Ну і принагідно нагадую, що ввечері розіграю PRO квиток на DOU DAY 2026. Цей тиждень я буду зайнятий підготовкою до зйомок, тому покладаюся на вас і на вашу активність. Бо я з величезним задоволенням проведу запис і з одним глядачем, але потім мені ніхто грошів на зйомку не дасть, бо авдиторія скучна ;) Тому забирайте квитки, поки є!

Товариство, нагадую, що вже завтра ввечері розіграю PRO квиток на DOU DAY 2026. Участь в розіграші проста як дрова — донат від 500 гривень на РЕБ для 115 ОМБр (банка саме в цитованому дописі), і ви вже в списку потенційних переможців. До речі, це мав бути мій особистий квиток, як відвідувача, але так склалося, що я буду в програмі. І не просто так, а ще й обидва дні. Що саме я буду там робити — розповім згодом. А поки чекаю на ваші донати і бажаю вам удачі ;)

#думки_вголос Для мене величезною загадкою залишається те, чому досі існують матричні співбесіди. З огляду на увесь мій досвід проведення й проходження інтервʼю, я вважаю цей метод найнееффективнішим, ба більше — шкідливим. На мою думку усе, що здатна перевірити так звана "матриця компетенцій" — це здатність людини до дослівного запамʼятовування тексту. Надзвичайно корисна навичка, коли ти у третьому класі, але коли ти доросла людина — далеко не основна. Звичайно, можна сперечатися про доцільність матриць, про те, що не все так однозначно, але погляньмо правді у вічі — в переважній більшості випадків така співбесіда зводиться до замальовування клітинок. Мені здається, що співбесіда має усе-таки перевіряти навички, максимально корисні в робочих задачах. Звичайно, якщо в посадові обовʼязки входитиме декламування напамʼять визначення івент-лупа, то шо ж, це співбесіда і має перевірити. Але якщо на роботі треба робити роботу, то й питання мають бути відповідні. Щоб розкривали ваше вміння працювати з невизначеністю, зі складністю, перевіряли вашу клепку. Про івент-луп завжди можна встигнути поговорити, але розмова має підводити вас до пояснення яому саме івент-луп вам тут треба, і як ви обґрунтуєте ваше рішення. Що ще показово, майже усі, хто потрапив у пастку матричних співбесід, практично в один голос кажуть про незалученість і апатичність саме інтвервʼюєрів. Ну тобто людина сидить, ставить питання зі списку, чекає єдино вірну відповідь, ставить галочку і так далі по колу. Енергія мокрої макароніни, як то кажуть за кордоном. Зазвичай це дуже показово, бо така "співбесіда" не вимагає ніяких навичок проведення інтервʼю, окрім читання з листка і здатності на слух визначити чи достатньо точно було процитовано визначення з MDN. Зустрічаються з різних дві самотності, так би мовити — незацікавленість і неможливість проявити себе. Результат тут очікуваний та очевидний. Для мене особисто матрична співбесіда сигналізує про багато речей всередині компанії. Наприклад те, що компанія не здатна адаптувати свої процеси найми під реалії ринку і досі вважає, що живе в 2010-х роках. А ще це мені каже про те, що компанія абсолютно не має уявлення, кого саме вони шукають. Портрет ідеального кандидата тут — це рішення японського кросворду, а не живий фахівець, який буде здатний розвивати продукт. Я часто раджу сприймати технічну співбесіду як найкраще, що з вами в принципі станеться в цій компанії. І якщо "найкраще" це оце, то у мене невтішні новини — буде гірше. Співбесіда це ваша перша взаємодія з майбутніми колегами, це віконце, через яке видно ваш майбутній проєкт. Але якщо це віконце завішане десятирічної давности газетою з затертим сканвордом — то й в кімнатку з проєктом теж навряд чи часто пробивається сонце. Коли я проводжу консультації щодо співбесід, для матричних інтервʼю у мене лише одна порада — відбудьте її, а там вже як складеться. Якщо ви не цікаві компанії як інженер, а лише як заповнена гугл-форма, то чому вона має бути цікава вам? Поважайте себе і свій час. А до тих, кому доводиться проводити співбесіди, я маю маленьке прохання — практикуйте усі інші види інтервʼю: лайвкодинг, системний дизайн, поведінкові, ситуативні, сценарні, які там ще. А матричні за можливості не практикуйте. Бо матричні співбесіди породжують матричних синьйорів. А матричні синйьори нічого хорошого вже не породжують. Поважайте себе і свій час. Всім цьом у лобіка, починайте срач в коментарях ;)

НА DOU DAY усього за 500 гривень? Так. Якшо повезе. В общім — розігрую один PRO квиток на DOU DAY 2026 за донат в 500 гривень. Збір все той же — на РЕБ для 115 ОМБр. Кожні 500 гривень вашого донату — додатковий шанс на виграш. Спеціальна банка цього розіграшу: https://send.monobank.ua/jar/9XKkqycnoU Розіграю квиток в понеділок, 4 травня. А як хто не вірить в удачу, то от вам промокод на 15% —`BABICHSS15`

Нагадую про збір на РЕБ для 115 ОМБр. Зібрано: 60 439 грн Мета: 230 000 грн 🔗Посилання на банку https://send.monobank.ua/jar/46FX59UkXS 💳Номер картки банки 4874100026432743 P.S. До дедлайну лишився 21 день. P.P.S. Відео про найгірше в світі резюме вже потроху готую.

Товариство, офіційний анонс! Відкриваю продаж квитків на зйомку нового випуску "Одне питання — три відповіді"! Зйомка відбудеться 9 травня в пабі "Христофор" у Львові. Двері відкриваємо о 12:00. Буде цікаво, весело, а головне корисно й пізнавально. Ще будуть донати, розіграші за донати, подарунки від спонсора та інші приємності. Не проґавте! Вартість першої хвилі квитків — усього 150 грн. https://secure.wayforpay.com/payment/record_3 Усі кошти з події підуть на потреби ЗСУ. *** Партнер цього випуску — appflame, українська продуктова ІТ-компанія, яка створює продукти світового рівня: Hily, Taimi, AdConnect, Mailkeeper та інші.

#нове_відео "Співбесіда на сцені №2" нарешті вийшла! Чи можливо мати достатньо досвіду й знань, аби вважатися справжнім техлідом в 22 роки? Я ніколи в це не вірив, але Давид Касумов насмілився кинути виклик моїм упередженням. Чи вдалося йому мене переконати? Дізнаєтесь лише з нового відео! З вас вподобайка, обовʼязковий коментар під відео та поширення серд друзів, колег та родичів. Приємного перегляду! https://youtu.be/XCPPTNBNKB4

Чи можна відправити форму без JavaScript? Так. Ба більше, форми зʼявилися до JavaScript. І призначалися якраз для відправки даних на сервер. Але чому ми настільки звикли до обробки форм за допомогою JS, що це питання взагалі виникає? Не будемо вдаватися в глибокий історичний аналіз і зійдемося на тому, що потреби інтерфейсів змінювалися набагато швидше, ніж стандарти HTML. Та сама валідація (точніш, її історична відсутність), певні особливості перетворення форми на структуровані дані (чекбокси як масив, ага), не надто зручний UX для відправки файлів і так далі. Все це виправлялося усе новими й новими JS-бібліотеками, і врешті витіснило з колективної свідомості той факт, що форми, взагалі-то, і самі непогано вміють відправлятися. Щоправда, так само з перезавантаженням сторінки, але шо ж. Найпростіша поведінка за замовчуванням — це відправка GET-запиту на сервер.

<form>
  <input name="username" />
  <input name="password" />
  …
</form>

перетворюється на ?username=шпігун&password=таємно. Якщо ж вказати <form method="POST">, то дані підуть не в URL, а в тіло запиту як application/x-www-form-urlencoded. Пункт призначення задається через атрибут action, в якому можна вказати потрібний ендпоїнт. Файли. Форми вміють відправляти файли. Десь так року з 1995-го. Для цього достатньо вказати enctype="multipart/form-data", і бравзер відправлятиме вашу форму у вигляді так званого multipart message, тобто кожне поле — окрема частина, файл — теж окрема частина, зі своїми header, filename, content type і binary body. Тєлєк, духовка, два крісла Що ще нам для щастя треба? Наприклад, декларативно задавати різні сценарії відправки форми.

<form action="/article" method="post">
  …
  <button formaction="/article/publish">Publish</button>
  <button formmethod="get" formaction="/article/preview">Preview</button>
</form>

Як бачите, сама кнопка може перевизначати як метод відправки, так і призначення. Про валідацію перед відправкою всі вже, певно знаю, але згадаю побіжно: так, форми вміють у валідацію. Не таку супернаворочену, як із бібліотеками, але більшість випадків покриває. З цікавого — CSS нині має купу селекторів за валідністю значень в полі введення, як то :valid, :invalid, :required, :optional, :in-range, :out-of-range, що разом з іншими можливостями на кшталт :has відкриває майже безкрайнє поле можливостей зіпсувати ваш UX через стилі.

disabled поля у валідації участі не беруть (та й не відправляються взагалі), а readonly не блокує відправку, навіть якщо воно required і при цьому пусте. Ну бо користувач не може змінити його значення.

І так, перезавантаження сторінки неминуче. Відправки форми завжди ініціює навігацію. Це вже інше питання, як її обробляє сервер, але для користувача сторінка оновиться в будь-якому випадку. Чи ні? Існує певний, кхм, хак, який дозволяє уникнути цього сценарію за допомогою старого доброго iframe. Усі ж люблять хаки з iframe, правда?

<iframe name="result" hidden></iframe>

<form action="/upload" method="post" target="result">
  <input name="title">
  <button>Send</button>
</form>

Тут нюанс в тому, що якщо щось піде не так з обробкою форми, то про це знатиме тільки iframe, а не ми. Ніхто не казав, що буде легко, це ж хак, а не best practice. А, ще форму можна сабмітити в межах сторінки тепер за допомогою dialog:

<dialog id="confirmDialog">
  <form method="dialog">
    …
    <button value="cancel">Cancel</button>
    <button value="confirm">Delete</button>
  </form>
</dialog>

dialog.addEventListener('close', () => {
  console.log(dialog.returnValue);
});

Насправді, базових можливостей форми без JS вистачає аби покрити переважну більшість випадків, просто ми вже звикли якось все переускладнювати. Якщо у вас не монструозна форма на десять екранів зі складними залежностями, швидше за все, вам цілком вистачить простого method="POST". Спробуйте. @babichdev

Шоб не знімати нове відео готую старе відео

Шоб не знімати нове відео знімав нове відео

Шоб не знімати нове відео знімав нове відео

Зібрали чи то на пів відео, чи то на пів резюме )

Я знайшов найгірше резюме веброзробника. І, що найжахливіше, воно — моє. Якщо за сьогодні зберемо 10 000 грн на РЕБ для 115 ОМБр, зроблю відеоогляд і розбір чому воно абсолютно жахливе зі сторони технічного інтервʼюєра. Зібрано: 25 693 грн Мета: 230 000 грн 🔗Посилання на банку https://send.monobank.ua/jar/46FX59UkXS 💳Номер картки банки 4874100026432743 P.S. У нас зʼявився дедлайн по збору — 19 травня.

*обіжено сопе* Це шо, ніхто не хоче в телевізор? https://forms.gle/nTk163B1KEJ7qeRG9