400+ питань по фронтенду

Сьогодні на ДОУ вийшла публікація з переліком питань для фронтенду, як і три роки тому, коли такий список робили вперше, я був в колективі авторів та редактором загального списку.

Цікаво, що я чув відгуки від кандидатів по минулому набору питань, що їм на інтерв’ю задавали питання один-в-один і прямо по черзі з того списку, і хто по них готувався в того і складнощів з проходженням не вийшло 🙂

Ну а для інтерв’юерів хочу порадити списком користуватися орієнтовно і складати свій власний до кожного інтерв’ю, модифікуючі питання з урахуванням власних вимог, бо вони можуть бути різні. І буває так, що на інтерв’ю людину ганяють по дуже далеких від реальних задач проєкту питаннях, а перевірити чи вміє вона робити саме те що потрібно виходить не завжди.

Оскільки питання пропонували різні люди, то звісно вийшло все досить різношерстим. І якби я складав все сам, то робив би дещо по-іншому. Але в тому й сенс колективної роботи, що є різноманітність поглядів, і ці питання варто проглянути будь-кому з розробників щоб побачити для себе щось нове/незнайоме і відповідно щось почитати/сробувати для власного розвитку.

Ну як і минулого разу в коментах з’явилися тролі, зі стандартною темою “навіщо це питати, ось я скільки працюю - таке взагалі не зустрічав”, то я раджу на такі коменти не зважати, бо хвалитися краще тим, що ти знаєш, а не тим, чого не знаєш. І якщо ти знаєш/вмієш більше, то й продати себе як фахівець можеш дорожче, особливо зараз, коли ринок турбулентний.

Окремо додам, що питання по JavaScript та додатково по TypeScript на рівень джуна (і навіть вище) цілком і повністю закриває мій джедайський курс. Недавно відкрився набір на першу групу в наступному році, там будуть цікаві оновлення курсу, про них напишу пізніше, ближче до старту. Старт курсу буде в лютому, але він побудований таким чином, що навчатися можна відразу після реєстрації.

Використовуємо генеративний ШІ для кодогенерації

Вчора проводив інтерактивний воркшопчик для SoftServe Academy про інструменти для створення аплікацій генеративним ШІ. Спочатку трохи теорії як воно працює простими словами, а потім - практика з різними тулзами - repl it, Vercel V0, makereal, GPT-4V, Google Bard Gemini. Було весело, ловіть запис :)
https://youtu.be/4UHHS6vgShg

Кіберпанк, якого ми не чекали

Якщо слідкуєте за тим, що відбувається в AI-галузі, то там конкуренція переходить у справжню війну без правил.
Два дні тому Google презентувала свою нову модель Gemini - демка і мене вразила. Але не я один - акції компанії одразу підскочили на 5%.

Але тут виявилося, що відео фейк - ніякої взаємодії в реальному часі не було, вони робили скріншоти і віддавали їх моделі з текстовими запитами, точно також, як це можна робити з Chat GPT4. А дехто після презентації від Google підписку на ChatGPT відмінив :)

Сам поганяв трохи нову модель Google і насправді не був вражений, а з деякими завданнями - наприклад, генерацією коду, вона справляється відверто гірше за Chat GPT4. До речі, вчора на події, запис якої я виклав попереднім повідомленням, ми теж її тестували. То я за конкуренцію, але чесну.

Google взагалі щось розчаровує останнім часом. В докору їм додам, що мій улюблений Google Podcasts закривають і взагалі довіри до їхніх сервісів нема з урахуванням того, як легко вони їх прибивають - ось зайдіть подивіться, скільки вони лише за 2023 закрили, і вже на наступний рік плани є.

Але продовжимо тему - відразу після презентації Google французький стартап Mistral AI опублікував у своєму твіттері link на торрент, який веде на гігантську за обсягом LLM-модель у 87 Гб. І відразу після цього повідомлення з’явилося інше - про те, що стартап отримує 400 млн євро інвестицій.

А стосовно відритих/закритих моделей і торентів - оскільки всі сервіси з моделями по підписці зарегульовані і примусити їх робити щось потрібне тобі не завжди вдається, то передбачаю “альтернативний” ринок “чорних” моделей, які будуть ганяти по торентах будуть без обмежень і під якісь “особливі” задачі. Ну а щоб запустити їх треба залізо мати неслабеньке, не кожному по кишені. Відповідно будуть ті, хто крутитиме їх на власному залізі, а доступ до них буде тільки для “перевірених” людей через крипту і VPN.
Справжній кіберпанк, якого ми не чекали :)

PS. Картинку ChatGPT нафантазував, мабуть щось знає.

Кіберпанк ближче, ніж здається

Ну ось, не пройшло і два дні, як трапилося те, про що я писав в останньому повідомленні - відкрита модель від Mistral обходить ChatGPT 3.5 і в ній немає обмежень :)

Зараз на ДОУ проходить зарплатне опитування, хто працює - знайдіть можливість заповнити анкетку https://dou.ua/goto/jGT7

Христос народився! Щойно запустив дуже фанове відео на своєму ютубчику про запуск локальних моделей, там не лише текстові, а й моделі з vision показую як запустити. Також як підняти локальну апішку і до неї звертатися зі свого коду, репка з прикладом коду додається. Відео не редагував, все як є, у тому числі з фейлами моделей. Всім веселого перегляду.
https://youtu.be/WcIghZD9QhI

З Новим Рочком всіх!
А я ще пам'ятаю часи, коли ніякого фронтенду не було і все програмування для вебу робилося виключно на бекенді. Ну а в JS могли максимум картинки підміняти на ховері мишки щоб кнопочки красивіше виглядали.
І я з цією картинкою повністю згоден, кудись воно все зайшло трохи не туди і пора вже спрощувати :)

Ми на ДОУ наголосували, то вітання всім причетним!
https://dou.ua/forums/topic/45758/

Сьогодні святкуємо День Програміста по новому, всім вітання! :)

Найкращий спосіб відсвяткувати - вивчити щось нове.
Тут класні коротенькі курсики по AI спеціально для розробників: https://www.deeplearning.ai/short-courses/

Ділюсь невеликою персональною ачівкою

Вирішив здобути в 2024 новий для себе скіл - пілота FPV дрона. Для початку навіть дрон не потрібен, достатньо пульта та симулятора.

Симулятор взяв популярний LiftOff, був на стімі зі знижкою, пульт Radiomaster Boxer. Поки він їхав, то якийсь час практикувався з з контроллером від приставки, але то насправді погана ідея, бо з пультом довелося перевчатися.

Пульт приїхав до мене в п’ятницю, станом на сьогодні сумарно “налітав” рівно 10 годин і вперше посів перше місце в гонці з ботами на простій трасі. Чим власне і хочу похвалитися, як першою серйозною ачівкою - в статистиці на стімі зазначено, що лише 11% гравців цього досягають.

Пілотувати FPV-дрон насправді досить складно, але я давно для себе сформував певний ефективний підхід до навчання, що діє незалежно від галузі - чи то програмування, чи спорт, його ж передаю своїм студентам. Якщо коротко, то потрібно швидко ознайомитися з теорією, а потім набивати руку на практиці, доводячи все до автоматизму. Потім знову повертатися до теорії, робити якісь корекції і знову багато-багато практики. Навіть якщо тобі щось незрозуміло, то не завжди це розуміння приходить з теорією, просто практикуєшся, а розуміння з часом прийде.

До речі, якщо ще хтось тренується в Liftoff, скільки часу пішло на цю ачівку?

Три години тому OpenAI сьогодні запустила GPTStore.
Я зробив кастомний GPT Programming Mentor, буду вдосконалювати його поступово.
Сам він безкоштовний, але поки доступний лише платним підписникам ChatGPT.
Ось лінка на нього, консультуйтеся, надсилайте фідбеки :)
https://chat.openai.com/g/g-4yVYDPEL5-programming-mentor

Якщо шукаєте найкращий спосіб як провести вечір сьогодні, то запрошую на 19:00 на подкаст Juniverse, будемо говорити про те як ШІ буде заміняти програміста :)
https://youtu.be/fSJNhUlMLtc

Який найбільш важливий скіл для веб-розробника у 2024 році?

Звичайно, що вміння використовувати AI для конкретних прикладних задач.

Зробив практичний туторіал як зробити семантичний пошук для веб сайту з допомогою AI на JavaScript.

Це зовсім нескладно і значно простіше ніж здається. Працююча демка - 69 рядків коду, але вже працює краще, ніж пошук на хотлайні, чи розетці.

https://youtu.be/PIEwl06O4rQ

Що на ринку праці в IT і чи дійсно галузь помирає?

На початку року багато новин про чергові скорочення в IT, новачкам радять не не сподіватися на роботу, а досвідченим думати про те куди йти з галузі, бо вона помирає. Спробуємо розібратися, чи це дійсно так?

Але почну з того, що на днях покликали мене дати експертну оцінку стартапу, який займається заміною співробітників на віртуальних AI-аватарів. От саме так в прямому сенсі і декларується, що вони “оцифрують” співробітника щоб використовувати його копію, коли він звільниться (чи шидше звільнять). Навіть назву для процедури придумали “skills extraction” (раніше цю назву використовували просто для аналізу резюме).

Цікавий концепт, але поки малореальний технічно зараз і в оглядному майбутньому також. І взагалі я не певен що хочу віддати працедавцю можливість створити аватара на основі самого себе. Швидше я би такий аватар створив сам і відправляв “працювати” за гроші - це вже інша справа.

Але ця вся історія свідчить про те, який зараз рівень гарячки на темі AI і куди люди готові нести віддавати гроші, аби “бути в тренді”.

І тут, увага, питання - кому саме несуть ті гроші і хто ті рішення буде робити? Звичайно, що айтівці, і для цього потрібні не лише фахівців власне з AI, а також веб-девелопери, що ті всі апішки будуть до сайтів прикручувати, і звичайно, що всі інші - PM, BA, QA і т.д. і т.п.

І на фоні цього всього - прямо зараз американські біржові індекси репортують про рекордні історичні показники і появу сотень тисяч робочих місць.

Але як це стикується зі скороченнями, про які я писав на початку? Насправді, те що відбувається - це корекція ринку, яка трапляється регулярно, і навіть в рамках однієї галузі працедавці легко звільняють одних людей щоб набрати інших. І, наприклад, гугл в січні звільнив понад 1 тис. співробітників, але станом на сьогодні має понад 1,5 тис. відкритих позицій. До речі, мало хто знає, але на одну позицію часто шукають кілька людей, щоб не робити кілька однакових вакансій, тому кількість потрібних людей завжди більше, ніж оголошень з вакансіями.

В Україні ситуація на ринку ще сильно ускладнюється війною, але це ні разу не означає, що роботу не можна отримати і галузь помирає взагалі. Так, стало складніше, але вакансії є, ринок змінився в сторону працедавця, а тому і зарплати просідати починають. Але просідання і раніше траплялися, зокрема у 2016, але загалом тенденція була на зростання, бо у нас був ринок, де умови фактично диктував робітник, і основна причина - нестача кваліфікованих людей, власне тому у нас було всього 300 тис. айтівців, а не півмільйона чи мільйон.

Абсурдність ситуації на ринку проявлялася по-різному, у мене просто безліч історій. Пам’ятаю випадок коли один сеньйор “хвалився”, що як тільки на інтерв’ю його намагаються попросити написати код, то він сприймає це як неповагу і відразу від’єднується, щоб не витрачати час. Деякі люди “стрибали” з компанії в компанію по кілька разів на рік, а кожен стрибок - то завжди серйозний плюс до зарплати. В результаті люди технічного рівня джуна опинялися на позиціях, коли їм платили цілком собі сеньйорні зарплати. Бувало рекрутери самі шукали людей, але погано їх перевіряли і намагалися захантити в свою ж компанію і на ту ж посаду, але на значно більші гроші. І звісно дуже часто людям платили не просто більше, а в рази більше, ніж реально коштують. А причина тому була одна - ринок робітника.

Що робити?

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

Якщо ти маєш досвід, але залишився без роботи, бачиш що вакансій з твоїми технологіями небагато і на співбесіди не кличуть? Тут варто спочатку проаналізувати поточну ситуацію. Можливо ти маєш багато досвіду з якимись технологіями, які не дуже потрібні ринку зараз. Або ти банально очікуєш забагато грошей для ринку просто тому, що звик багато заробляти. Обидва пункти буває сприйняти тяжко, але тут треба зрозуміти, що не ринок має змінитися під тебе, а ти під ринок. І якщо з вивченням нового все зрозуміло, то з оплатою буває дуже тяжко усвідомити, що іноді варто зробити крок назад, щоб потім була можливість зробити два кроки вперед. Зокрема, якщо ти сеньйор, то поглянь на вакансії мідлів, а якщо мідл - то джунів. Ти зможеш показати себе сильніше за інших кандидатів, отримаєш роботу і згодом вирішиш питання як підняти собі зарплату.

І залишається третій сценарій - це коли робота в тебе є. Треба завжди готувати “план Б”. І для розробника - це в першу чергу про актуальність знань/навичок. В професійному зростанні неправильно покладатися виключно на свого працедавця хоча б з того погляду, що йому вигідно платити рівно за той набір знань/навичок, які потрібні для поточної роботи, і не більше. Тому вчитися потрібно завжди, і це не лише про якісь модні фреймворки, а й про розширення кругозору, зокрема, в напрямку архітектури, AI, DevOps, хмар, кібербезпеки, копання вглиб алгоритмів, більш детальне вивчення процесів, що супроводжують розробку загалом, зокрема Engineering Management. Вчись сам, проходь курси, здавай сертифікації, пробуй навчати інших. Зроби це невід’ємною частиною свого життя, перетвори на звичку. До речі, недавно почув гарну пораду, що гарний спосіб для сеньйора вивчити щось нове - це піти додатково попрацювати на нову технологію на неповний робочий день джуном. Дуже слушна порада насправді, виходить “стажування зі стипендією”.

Ну і на завершення прошу поглянути на сайтик, де відображаються скорочення - як бачите все не так погано, і якщо поглянути на період на статистику рік тому, то ситуація взагалі краща в рази.

Не знаю, мені здається, чи це дійсно так, але щось всяких онлайн-казино слото-чогось і тому подібного стало забагато. В першу чергу це означає, що є попит, якась тяга до азарту і люди гроші несуть потоком. В той же час військові збори закриваються не дуже активно.

Ідея до стартапу - треба якось поєднати одне з іншим - крутиш якусь рулетку і донатиш, на ній суми різні випадають та підрозділи куди задонатити, щось таке. 🙂

А для заохочення мабуть класно було б сувенірчики військові на потік поставити.

До речі, на ДОУ зараз є лайт-варіант такого збору, можна макбучок виграти за донат.

https://dou.ua/forums/topic/47407/

Щойно OpenAI запустила модель "text-to-video", виглядає дуже круто, м'яко кажучи :)
Поки доступ не для всіх, але подивитися на приклади можна. https://openai.com/sora

Нарешті з'явилося рішення проблеми поганого коду

Що має знати веброзробник у 2024?

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

Мені насправді це подобається - галузь не стоїть на місці, бурхливо розвивається і тримає відкритими двері для новачків. Бо якщо ти вивчив саме те, що треба на ринку, то обов’язково знайдеш собі місце. А ще цікаво спостерігати як нові технології сеньйорів “обнуляють” - справжній сеньйор - той хто постійно вчиться, а не той, хто просто має багато років у резюме.

Але виглядає так, що саме у 2024 кількість змін та нового виходить на інший рівень, і дуже важливо зробити ставку на те, що вистрілить і буде потрібне на ринку. Зараз серйозні позиції у NextJS, зокрема концепт серверних компонент непогано вистрілив. У світі CSS бібліотек і фреймворків дуже класно виглядає Tailwind CSS, особливо в комплекті з shadcn/ui. А ще несподівано увірвався HTMX - і мені подобається ця штука я вам скажу. І звичайно багато нового у хмарах, наприклад, останнім часом дуже подобається supabase.

Проте можливо не варто просто заморочуватися черговим фреймворком і вивчити щось принципово нове, бо все йде до того, що штучний інтелект не просто треба вписувати в резюме - треба вписувати конкретні навички, бібліотеки і апішки для роботи з ним.

Тому запрошую на вебінар у четвер 7-го березня на 18:30, де ми про це поговоримо.

Участь безкоштовна, реєструйтеся за лінком https://hubs.ly/Q02mvjGS0

Хто вчора не зміг відвідати подію - ділюся записом. Не дивуйтеся за кольорову палітру - схоже запис Zoom не справився з HDR-екраном.
PS. Питання/обговорення можна прямо тут в коментах. :)
https://youtu.be/pXDIpbk4C8A