Итоги года в мире JavaScript

Конец года. Как всегда, Stateofjs опрашивает респондентов и подводит итоги «мира JavaScript».

Из негативного: ребят из России в данном опросе не опрашивали, несмотря на то, что русские разработчики — одни из самых сильных в мире.

Я же поделюсь самыми интересными наблюдениями:

1️⃣ Средняя годовая зарплата в Штатах (на 50-й персентиль) — $175 000, в Европе всего $90 000 и меньше.

2️⃣ В футболе «закат карьеры» — это 30 лет, а в IT — 60. Делайте выводы.

3️⃣ Разброс в зарплатах от стажа просто ужасающий: от $29 000 для < 4 лет и до $125 000 для > 25. Но тут я буду скептиком и предположу, что сравнивали стажёров и senior/lead. Ну и у них нет «волчар», которые с двухлетним опытом устраиваются на высокие позиции.

4️⃣ Количество «управленцев» приблизительно 5% из всех опрошенных. Остальные — обычные разработчики разных грейдов. В РФ данные будут такими же.

5️⃣ Мужчины правят IT-миром. Женщин всего 6%.

6️⃣ Vue.js потихоньку убивает React, и всё больше народа начинает его использовать.

7️⃣ Фреймворк Astro активно набирает популярность. Он нужен для лёгких SPA-приложений, которым требуется максимальная скорость загрузки и управление гидрацией страниц.

8️⃣ 67% разработчиков используют в работе ChatGPT, а 48% — Copilot (AI-инструмент, который анализирует ваш проект и предлагает «готовые» кусочки кода).

9️⃣ TypeScript становится повсеместно используемым. 34% используют TS с полным покрытием в проектах, и лишь 8% не используют его вовсе.

🔟 98% используют JS для frontend-приложений, 64% (неожиданная цифра для меня) — для backend-приложений.

Выводы: JavaScript живёт и развивается. На JS можно делать фронт и бэк. Искусственный интеллект внедряется и используется всё активнее. Зарплаты хорошие, путь до senior’а (без накруток и прочего) — 4 года плюс-минус. Быть руководителем - круто, так как конкуренция низкая.

Учитесь, глупцы, пока не поздно!

Потыкать самому - https://2024.stateofjs.com/ru-RU/

#обучение

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram

🎄 Новогодний пост 🎄

Привет, мои дорогие подписчики 🎅

Постов не было из-за “нюансов” позиции руководителя к концу года. Расчет премий, калибровки оценок технического блока и прочая административная нагрузка скушала меня с головой.

🎇 Начнем с итогов этого года:

🔴Количество людей в подчинении снова превысило 50 человек, чему я очень рад.

🔴Реализовали 90% всех поставленных на год целей в разрезе управления.

🔴Сохраняю темпы роста доходов, чтобы реализовать одну из “целей до 30”.

🔴Сделал предложение своей возлюбленной, да не абы как, а с целой историей (девочки, вам отдельный респект, знаю что читаете мои посты!)

🔴Сдался мой долгострой и мы с женой, наконец-то, начали процесс ремонта.

🔴Впервые выступил на конференции

🔴Поборол внутренние страхи и завёл свой блог

🔴Стал ментором, и на текущий момент 5 человек обучаются на нашем парном менторстве с @palaxius

🎁 Грядущий год обещает быть насыщенным:

🔴Будет главное событие – я стану “мужем” официально.

🔴Не менее грандиозная цель - сделать ремонт в квартире и следующий новый год встречать уже там.

🔴Буду расширять медийку. В планах - записи обучающих роликов и стриминг.

🔴Похудение. Я изрядно набрал за последние пару лет. Нужно вернуться в приемлемые цифры.

🔴Нормализация выхода постов и 1500 подписчиков на канал.

🔴Рабочие цели раскрывать не буду. NDA, всё такое 🌚

Ребята, дорогие мои и любимые!

Всех вас поздравляю с наступающим новым годом. Помните главное правило счастливой жизни: “Не можешь противостоять – противолежи!”. Береги своё здоровье и свои нервы. Тратьте свои силы только на достижение результатов и не распыляйте себя на ненужных, негативных и отравляющих жизнь людей. Цените себя и любите своих близких.

🎉 В новом году всё будет хорошо, я узнавал! 🎉

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram

Салют, бложик 🎉.

Я наконец-то выполз из оливьешной комы и готов ворваться в новый продуктивный год.

Этот год я планирую провести в структуризации всего, что меня окружает, и в налаживании процессов.

Постараюсь ответить на вопрос: “зачем оно тебе надо?”.

У меня существует проблема объема активностей и проблема того, что эти активности имеют временные пересечения, и чем дальше, тем труднее становится поддерживать продуктивность во всём.

Какое решение?

В замечательном посте у моего друга описан один из доступных и отлично работающих подходов — Second Brain. Этот подход предлагает структуризацию всего потока активностей в любой “продвинутый блокнот”. Это может быть notion, buildin, obsidian итд. И, в дополнение, вы объединяете календари. В моём случае это будет рабочий календарь, менторский календарь, семейный календарь и личный календарь. И при таком объединении вы получите единое пространство, где структурируете свои мысли, цели, планы в единый календарь со всеми запланированными делами.

К слову, мы с Андреем объединились в плане менторства и теперь ведём свою парную менторскую программу, но об этом я расскажу детальнее в отдельном посте.

Один из первых шагов к структурности — это нормализация моего блога. Текущий пост - интродьюсный в новом году. Дальше вы, мои дорогие читатели, будете получать порцию крутой и полезной информации каждую пятницу, начиная прямо с завтрашнего дня!

Так же у меня есть рубрика “ответы на вопросы”. Я с удовольствием отвечаю на любые вопросы про IT, руководителей, frontend. Если у тебя есть вопрос - напиши его мне в личные сообщения, и я разберу его в блоге максимально детально.

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram

Знаете, что такое крутой ритм команды?

Слушая в очередной раз музыку, мне попался трек “Don’t Need Nothing - Exploid”, и я неожиданно осознал, что он идеально описывает идеальный рабочий ритм. Включите его на фоне и продолжайте читать этот пост.

Взяв определение DnB, мы получим следующее:

“Drum and Bass – это жанр электронной музыки, который характеризуется быстрым темпом, сложными ритмическими структурами и мощными басовыми линиями”.

Видите? Ну, один в один же!

Как выглядит работа команды?

У вас есть четкие релизные циклы, ожидаемое планирование и понимание объёма работы на каждый следующий цикл. По-моему, очень похоже на повторяющуюся "бочку" в любом драм-треке.

Ключевая задача руководителя — оптимизация процессов в команде для достижения минимально возможного TTM (Time To Market) при сохранении (а в идеале, улучшении) качества продукта. Чем не “быстрый темп”?

А “сложная ритмическая структура” – это многослойность всего процесса разработки. Прибегают продакты с горящей задницей, приходят новые разработчики на проект, меняются требования, тестеры находят критические проблемы и другие факторы, пытающиеся всегда "сломать все процессы"

В треке есть очень интересная музыкальная яма, которая начинается на 1:50. А это — наш долгожданный релиз вышел на регресс. Мы аккуратно и спокойно чиним баги, чтобы успеть вовремя всё пофиксить и выйти в продакшен без съездов и неожиданных проблем. Выпустили? Красавцы! Теперь дальше разгоняемся и снова входим в нужный нам ритм.

И так по кругу команда живет, наращивает темп “бочки”, притормаживает, чтобы аккуратно закрыть релизные баги, и снова набирает обороты.

Вот такой получается Drum and Bass ритм команды.

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram

Закаляйте себя и будьте здоровы

Вчера я, как и каждый год, окунулся в прорубь на Крещение. Для меня это уже не просто экстремальный поступок, а важная часть моего ежегодного "энергетического" ритуала.

Мороз ощущался сильно, вода, конечно же, ледяная. Но что меня всегда удивляет – это то, как быстро холод сменяется чувством бодрости и свежести.

Это как резкая перезагрузка. Выходишь из воды, и ощущаешь прилив сил, словно вся усталость и негатив смыло. Теперь я точно знаю – это не просто традиция. Это реально работает, заряжая позитивом на весь год. Если вам интересно – советую попробовать хотя бы раз.

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram

Один из самых частых запросов, которые я получаю как ментор, звучит так: «Пришел на hh, откликов нет, конверсии нет, помоги, расскажи что не так».

Давайте поговорим про ред флаги в вашем резюме.

Нет фотографии
Любой HR — это тоже человек. И когда он видит анкету с красивой фотографией, где четко видны глаза кандидата, то происходит первый «коннект». Обезличенные анкеты это минус.

Указание зп
Никогда не указывайте зп. Вы лишаете себя части воронки, потому что в компании А вилка 150-200, во второй 250-300. А у вас стоит 230. Для первой Вы слишком дорогие, для второй слишком мало хотите и в итоге вторая будет смотреть на вас как на более слабого специалиста, ориентируясь на ваш ценник.

Частые «прыжки»
В жизни бывает всякое. И часто кандидаты хотят быть честными с потенциальным работодателем. «Ну я на созвоне с HR объясню почему в 3 последних компаниях у меня стаж по 3-8 месяцев». Так вот — нет, не объяснишь. С тобой просто не свяжутся, потому что частая смена работы - это ред флаг.

Длинные «зоны работы» у компаний
Когда вы указываете компанию, то hh предлагает вам выбрать области работы компании. Выбирайте только IT направления. Иначе сам агрегатор будет занижать ваше резюме, из-за неподходящих сфер деятельности.

Нерелевантный опыт
Ты 20 лет работал в Дикси и 2 года джуном? Значит ты 2 года в IT. Не усложняйте жизнь себе. Будут искать сеньора, откроют ваше резюме и закроют увидев Дикси. А те кто ищут мидла даже не откроют. Зачем им сеньор с 22 годами стажа?

Нет структуры описания опыта
Нельзя писать коротко «работал работу», это, вроде бы понятно всем. Но когда вы пишите простыню текста - никто не читать не будет. На отбор разработчика HR тратит 30-45 сек на резюме. Поэтому текст должен быть четко понятен и структурирован. Задачи / достижения / стек.

Повторение информации в секции «обо мне»
Частая ошибка - писать в обо мне перечисление стека, достижений и обязанностей из описания прошлый компаний где вы работали. Покажи работодателю какой ты разносторонний человек. Играешь на пианино? Круть! Контрибьютишь в open source проекты? Вообще огонь! А если выступаешь на конференциях и ведешь ютуб — да ты просто бог! Расскажи об этом!

Дополнительная инфа:
1. Не пытайся выдавить из себя информацию. Не получается само? Подгляди у других!
2. Прогоняй через gpt текста на пунктуацию и орфографию.
3. Пиши сопроводительные записки «от вакансии» на которую откликаешься.
4. Купи подписку hh pro. 200 рублей в неделю, но она работает. Просто поверь и купи.

Все равно не получается? Приходи ко мне на разбор резюме. До конца февраля это бесплатно.

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram

Моя мужская мотивация!

Девочки. Читать можно, но вы не ЦА. 😁

Сегодня 14 февраля, а значит, это самое лучшее время петь хвалебные диферамбы моей жене. Есть мысль, что за каждым успешным мужчиной стоит сильная женщина. Не то чтобы я считал себя сильно успешным, всё-таки, точек для роста я вижу ещё достаточно много: как минимум, мой чатик называется “путь к СЕО”, что говорит о том, что я, как минимум, на двух, надо сказать, очень больших ступенях от своей карьерной цели. Но всё познаётся в сравнении. Когда я переехал в Москву, мне было всего 22 года. Да, за плечами уже 8 лет в IT, различные взлёты и падения, но всё равно я был “пиздюк обыкновенный”. Но потом в моей жизни появилась она, и всё сломалось изменилось.

Нет, не то чтобы она говорила мне: “Работай больше, или я уйду от тебя”. Такая мотивация не работает ни с кем и никогда. Она просто была рядом. Поддерживала меня в трудные карьерные и жизненные моменты. Приносила мне кофеёк и еду к рабочему столу, когда я не мог даже оторвать ягодицы от стула. Выходила, можно сказать, меня после операции на копчике. К слову, тогда мы решили, что я просто обязан на ней жениться после того, что она видела))😆

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

Окружённый её теплом и заботой, я начал и больше зарабатывать, и больше путешествовать, да и в целом моя жизнь стала развиваться более осознанно, что ли.

Где бы я был, не будь её рядом?
Конечно, там же, где сейчас, я же крутой😂 (нет).
Да одному Богу известно. Но то, что всё было бы намного труднее — это однозначно.

Что сказать-то хотел?
– Любящая женщина рядом — это кайф!
– Если мужчина любим, то он свернёт любые горы.
– Мне кажется, что только такая внутренняя мотивация помогает мужчине раскрываться и выкладываться на все 110%. Оно как-то само так получается.
– Что люблю тебя, @Viktoria_Sol, очень сильно, и нет слов, чтобы описать, какой вклад ты приносишь в нашу маленькую, но очень крепкую ячейку общества!

Есть фраза: “Сделай своё хобби работой, и тогда тебе не придётся ни дня работать”.
Сегодня предлагаю переиспользовать её так: “Найти любовь, и тогда тебе никогда не придётся искать в себе мотивацию!”

p.s. зацените какой мне крутой тортик подарили)

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram

Дима, а где посты каждую пятницу? Куда ты пропал?

Ответ всех шокирует, но я пропал в работу. Напомню контекст про себя: у меня в подчинении на текущий момент 58 человек в 4 командах, из них 5 руководителей команд и 53 разработчика разных уровней. И так получилось, что в определённый момент времени у меня случились пожары во всех командах.

Что загорелось?

Мы делаем онлайн-кинотеатр PREMIER.ONE. Что главное для нашего сервиса? Конечно видеоотдача. И, конечно, именно с ней появились неполадки. Для тех что не знает, видеоотдача это набор сервисов от хранилок контента до отдачи чанков видео. А проблемы, естественно, супер плавающие и находящиеся где-то на стыке 6 разных сервисов. Чувствуете боль? Это только первый пункт.

Второй будет реализация абсолютного нового SMART TV приложения. Телевизоры, для контекста, это тот же браузер, который запускаешь ваш сайт, только отстающий по ресурсам лет на 5 и по версии браузера года на 4. И одна из моих групп разработки полгода с нуля разбиралась с тем какие ограничения в разработке есть, реализовывала новый UI, кастомные фичи и билась над ограничениями Proxy Object’a vue 3 и nuxt’овского Data Object’a. И мы не успели выйти в прошлом году.. Из-за чего фокус C-Level’a к нам стал троекратным. Задача простая - выйти в прод и не умереть от шквала негатива пользователей. Глобально, на текущий момент, мы справились. Но поехавшие сроки и неправильно просчитанные риски – моя проблема и мой “косяк”.

Третий пункт это самый крупный рефакторинг одного из клиентов. Представьте себе приложение, которое разрабатывалось три года без корректного flow по рассасыванию бэклога тех.долга. И вот, в один из дней, мы вместе с руководителем этой команды принимаем решение что объем технического долга превысил 3000 storypoint’ов. Capacity этой команды – 180SP. 16 чисто технических релизов, Карл! Ну или 8 месяцев код фриза платформы и работа исключительно над рефакторингом. Баланс между бизнесовыми задачами и тех.долгом это кропотливая работа.

Завершим парад моих проблем и неверных решений, наверное, самой большой моей ошибкой. У меня очень крутые руководители в командах. Они самостоятельные, амбициозные и с очень выраженными лидерскими качествами. Что могло пойти не так? Всё банально. Я вовремя не увидел то, что мои руководители, в большинстве своем, желая делать только идеальные решения пропустили баланс между качеством и рисками. Почему это моя проблема, спросит внимательный читатель, – а я отвечу: “Потому что я их руководитель”. И моя прямая ответственность это повышение стабильности команд, а следовательно и руководителей. Если кто-то из них, преследуя лучшие цели, перестаёт видеть и управлять рисками – это моя проблема.

Следующий пост будет о том как выходить из таких ситуаций.

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков

Учимся решать проблемы и расставлять приоритеты. (1\3)

Часто в работе вы встречаетесь с тем что у вас есть N параллельных задач. Добавим сюда коэффициент в виде ваших руководителей или продукта, которые "пушат" вас. Важно понимать что все ваши коллеги, на любых вертикалях, решают исключительно свои боли. Вы в таком ключе — просто инструмент для выполнения kpi.
Так рождаются ситуации когда к вам приходят с десятком “ну ооочень горящими и важными задачами”.

В прошлом посте я рассказывал о том как сам попал в такую ситуацию. Как быть?

Существует несколько вариантов выходов из таких ситуаций:

👎Самый хреновый – пытаться решить всё и сразу. Не забывайте что у вас, как и у всех, есть временной КПД, который мы можете расходовать продуктивно. Всё что пойдёт сверх этого начнёт вас выжигать и никаких бенефитов вы не получите. В итоге будет потрачена куча ваших ресурсов, а результат будет околонулевой.

👍Правильным путём будет применения специальных механик.

Первая — матрица срочности и важности (Eisenhower Matrix / Urgent-Important Matrix).
Это метод, который предлагает разделить задачи на четыре категории на основе срочности и важности.

1️⃣ Срочные и важные (Do First): Критические проблемы, которые требуют немедленного внимания.

2️⃣Важные, но не срочные (Schedule): Задачи, которые важны для долгосрочного успеха, но не требуют немедленного решения.

3️⃣Срочные, но не важные (Delegate): Задачи, которые требуют немедленного внимания, но могут быть делегированы кому-то другому.

4️⃣Не срочные и не важные (Eliminate): Задачи, которые не приносят ценности и могут быть отменены.

Рассмотрим на примерах:
Do First: База данных упала, сайт не работает
Schedule: Необходимо обновить библиотеку безопасности, есть уязвимость, но эксплуатации пока нет.
Delegate: Пользователь не может сбросить пароль, но есть обходной путь через поддержку.
Eliminate: Анализ логов за прошлый месяц.

Как применять в реальности?

1️⃣Оцени каждую горящую задачу по шкале срочности и важности.
2️⃣Размести задачи в соответствующей ячейке матрицы.
3️⃣Сначала решай задачи из категории "Срочные и важные".
4️⃣Затем планируй задачи из категории "Важные, но не срочные".
5️⃣Делегируй задачи из категории "Срочные, но не важные", если это возможно.
6️⃣Исключи задачи из категории "Не срочные и не важные".

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков

Учимся решать проблемы и расставлять приоритеты. (2\3)

Сегодня рассмотрим второй инструмент для корректной расстановки сил и приоритетов.

Говорим про оценку влияния и усилий (Impact-Effort Matrix).
Этот метод оценивает задачи на основе потенциального положительного влияния (impact) и необходимых усилий (effort) для их реализации.

1️⃣ Высокое влияние, низкие усилия (Quick Wins): Задачи, которые быстро принесут большую пользу.

2️⃣Высокое влияние, высокие усилия (Major Projects): Задачи, которые потребуют значительных ресурсов, но принесут существенные результаты.

3️⃣Низкое влияние, низкие усилия (Fill Ins): Задачи, которые можно выполнить между более важными задачами.

4️⃣Низкое влияние, высокие усилия (Thankless Tasks): Задачи, которые потребуют много работы, но не принесут значимой пользы.

Рассмотрим на примерах:
Высокое влияние, низкие усилия: Добавить индекс в базу данных, что ускорит выполнение медленного запроса. — Сделать в первую очередь.

Высокое влияние, высокие усилия: Полностью переписать старый, неэффективный модуль. — Запланировать на будущее, возможно разбить на более мелкие задачи.

Низкое влияние, низкие усилия: Исправить мелкую опечатку в малопосещаемом разделе сайта. — Сделать, если есть время.

Низкое влияние, высокие усилия: Пытаться исправить баг в legacy коде, который никто не понимает, и который почти не используется.— Избегать.

Как применять в реальности?

1️⃣Оцени каждую горящую задачу по шкале влияния и усилий.
2️⃣Размести задачи в соответствующей ячейке матрицы.
3️⃣Сначала выполняй задачи из категории "Quick Wins".
4️⃣Затем оцени задачи из категории "Major Projects" и решай, какие из них наиболее важны и реалистичны.
5️⃣Задачи из категории "Fill Ins" можно выполнять, когда есть свободное время.
6️⃣Задачи из категории "Thankless Tasks" следует избегать или делегировать.

Вопрос аудитории:
Чем техника impact-effort отличается от urgent-Important Matrix?

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков

Учимся решать проблемы и расставлять приоритеты. (3\3)

Последний подход о котором я хотел бы рассказать – оценка на основе воздействия на бизнес (Business Impact Assessment):

Этот метод оценивает задачи с точки зрения их влияния на ключевые бизнес-показатели. Разберём основные критерии оценки:

1️⃣ Потеря дохода: Какие задачи приводят к прямой потере денег (например, отказ платежной системы)?
2️⃣Репутационный ущерб: Какие задачи могут негативно повлиять на репутацию компании (например, утечка данных)?
3️⃣Юридические риски: Какие задачи могут привести к юридическим последствиям (например, нарушение правил конфиденциальности)?
4️⃣Влияние на клиентов: Какие задачи больше всего влияют на клиентский опыт (например, невозможность оформить заказ)?

Примеры:
Потеря дохода: Не работает оформление заказов на сайте. – Критическая задача, чинить немедленно!
Репутационный ущерб: Утечка данных пользователей. – Критическая задача, остановить утечку, уведомить пользователей, исправить уязвимость.
Влияние на клиентов: Медленная загрузка страниц сайта. – Важная задача, требуется оптимизация.

Как применять в реальности?

1️⃣Определи ключевые бизнес-показатели, на которые могут повлиять горящие задачи.
2️⃣Оцени каждую задачу с точки зрения ее воздействия на эти показатели.
3️⃣Приоритизируй задачи, которые оказывают наибольшее негативное воздействие на бизнес.

Итоги цикла статей:
Вне зависимости от выбранного метода приоритизации, при определении последовательности починки проблем стоит учитывать следующее:

Зависимости: Определи, какие задачи зависят от других. Нужно ли сначала исправить одну проблему, чтобы можно было решить другую?
Простота решения: Начни с самых простых задач, которые можно быстро решить, чтобы получить быстрые победы и освободить ресурсы.
Риск: Учитывай риск, связанный с каждым решением. Может ли исправление одной проблемы привести к возникновению новых проблем? Если да, то возможно, стоит отложить ее или тщательно протестировать решение.
Доступность ресурсов: Какие ресурсы (люди, инструменты) доступны для решения каждой задачи? Начни с задач, для которых у тебя есть необходимые ресурсы.
Возможность временного решения (Workaround): Если полное решение требует много времени, можно ли реализовать временное решение, чтобы смягчить проблему? Например, добавить информацию в FAQ или предложить пользователям обходной путь.

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков

Последний пост про меня как ментора был, господи, аж 24 января. Кажется я явно очень плохо прогреваю аудиторию 😆

Хочу с вами поделиться текущими успехами.
Почему именно сегодня?

– Ну дык пятница! Обещал посты же

Нет, не так. Плановые посты пока что остаются самообманом и недостижимой целью.

Сегодня моя ученица получила оффер – 350 тысяч рублей gross💸
А знаете какой рейз случился? С 130 на 300 на руки🔥🔥
ДМС, удаленка, годовая премия до двух окладов. Всё как у людей.

Срок нашего с ней обучения составил всего 85 дней с учётом поиска работы. Я горжусь ей и каждым из своих учеников, которые уже получили офферы и теми, кто ещё находится на пути освоения frontend’a. ❤️

Порадуйтесь вместе со мной. Считаю это просто безумно крутым результатом.

Хотел бы рассказать вам ещё немного о текущем положении дел:

1️⃣Наше сообщество называется “Frontend Альянс”, в будущих постах я буду часто обращаться именно по этому названию.

2️⃣На текущий момент у нас уже 72 ученика разных уровней. Кто-то с нуля, кто-то с опытом. Есть ребята, которые учатся на позицию TeamLead, кто-то повышает грейд с middle до senior-, есть кто только узнает что такое HTML. Сообщество крайне разностороннее, чему мы с Андреем очень рады.

3️⃣Что за Андрей? А это мой друг, напарник по менторству и крутой TeachLead команды Premier.one. И да, у нас парное менторство, что помогает балансировать нагрузку и развивать сообщество без ущерба другим задачам.

4️⃣Мы успели дважды переписать программу обучения. Теперь у нас есть большая сквозная практика, где студенты делают интернет-магазин. Реализован свой backend с полноценным CRUD API для товаров, отзывов, работы с корзиной, авторизацией и других фичей.

5️⃣Собрана огромная база знаний от HTML до секций по system design, архитектуре, алгоритмам, оптимизации и утечкам памяти. На подходе блоки по CI\CD, docker, k8s и секции для программы TeamLead’ов.

6️⃣7 VDS, которые обеспечивают SLA 99,9 всей нашей инфраструктуры. А это и Jira и Gitlab и динамические стенды для каждого студента в неограниченном количестве и бэкенд с более 100RPS (не знаю зачем, но уже сделали). За инфраструктурой следит senior DevOps из компании Флант, который в том числе обеспечивает отказоустойчивость Альфа-банка.

7️⃣У нас появился крутой, проактивный помощник в сообществе, который помогает нам с Андреем в административных вопросах. Матвей, респект!🚀

8️⃣Начат процесс реализации сайта для Frontend Альянса

9️⃣Начат процесс реализации внутреннего пет-проекта. Это будет комбинация нескольких сервисов для контроля обучения и мотивации студентов, который станет opensource продуктом в будущем. Но об этом я расскажу в других постах.

Постараюсь почаще писать о победах своих любимых учеников и обязательно буду освещать то, как развивается наш Frontend Альянс!

Всех с пятницей! 🍺

Про меня
Про Андрея
Отзывы

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков

Очень часто меня "душат" в разных чатах вопросами:

— А расскажи, зачем вы на собесах в Premier.one спрашиваете НЕ фронтовые вещи?
— А чем middle от senior'a отличается?
— Да ващет я senior mega giga ultra 4k frontend developer во всех банках страны, а ты говоришь что мне нужно значить nginx. Ты дурак?

И вот, буквально вчера, случился интересный "senior moment" в одном из чатов.

Запрос парня в чате выглядит следующим образом:

есть тут кто настраивал nginx на react next проекте?
запрос проксирую на бэк, но почему-то отдает 404 ошибку
вроде ничего сложного, стандартный конфиг, прописал location, с апи на него шлю запрос
советы гпт никак не помогают(

Разберём чуть-чуть запрос на составляющие:
Есть web приложение, которое шлёт какой-то http запрос, который на уровне nginx'a должен быть направлен в конкретный бэкенд, но вместо 200 ответа приходит 404.

Проблемный кусочек nginx'a выглядит так*:

location /proxy-api/ {
      proxy_pass https://site-backend.ru/api/v1/;
      proxy_set_header Host $host;
 }

*То есть ожидается что запрос site-frontend.ru/proxy-api/{api} уйдёт на site-backend.ru/api/v1/{api}

Отдельный сделаю акцент на том что "гпм никак не помогают". Специально для тех кто кричит что нас всех заменит ИИ. Научитесь сначала получать ответы на свои вопросы (а для этого их нужно на 90% правильно формулировать и, вероятно, в момент формулировки вы уже пишите ответ на задаваемый вопрос)

Увидев что в чате начали накидывать плохие советы, решил помочь. Я проповедую для своих студентов подход "отключай голову и включай дебаг".

Тут логика такая же:
Сначала нам нужно проверить что мы попадаем в указанный location.
Если мы туда попадаем — включаем голову и смотрим на детали.

Заменив правило proxy_pass на просто return 200 — проверяем попадаем ли мы туда? Попадаем. Хорошо.

location /proxy-api/ {
    return 200 "Matched medical-card-api location\n";
}

Включаем голову. 404 на бэкенде говорит нам о том что у нас неправильный URL запроса и у них нет никакой обработки этого пути. Но ведь мы через postman проверили напрямую, без proxy_pass и ответ 200. Значит мы где-то меняем путь на уровне nginx'а.

Решение лежало на поверхности:

proxy_set_header Host $host;

В правиле была установка заголовка Host на $host, а это переменная nginx'a, которая подставляет домен источника запроса, в нашем примере site-frontend.ru.

Ну и абсолютно логично, что когда на бэкенде роутинг обрабатывает путь site-frontend.ru/api/v1/{api}, то там ничего нет, потому что host бэкенда это site-backend.ru

Явное указание нужного Host заголовка решило проблему.

proxy_set_header Host site-backend.ru;

Послесловием выступит сакральная мысль, которую я пытаюсь донести до всех ITшников:
Нельзя "зацикливаться" только на своей сфере, будь то frontend, backend или QA. Изучайте, интересуйтесь тем с чем взаимодействуете каждый день. От дизайна до DevOps'a. Это сделаем вас, по-настоящему, T-shaped специалистами. Таких на рынке процентов пять. А значит: меньше конкуренция, больше денег, круче условие, быстрее рост.

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков

Неожиданный предпятничный влёт🍺

Я в Газпром-Медиа уже более трех лет и воочию наблюдаю становление и развитие нашего DevRel отдела. И сегодня, можно сказать, мой день!

Ya.Алиса определяет DevRel так:

DevRel (от англ. Developer Relations) — это специалист, который занимается техническим пиаром в IT-компании и выстраивает отношения с разработчиками программного обеспечения

Почему это важно?
Потому что это та часть PR'а IT компаний, которая потом начинает очень сильно помогать ей в разных процессах. Очень понятный всем айтишникам пример:

Есть yandex, который давно и качественно вваливает огромные бабки в свой HR бренд. Какой мы имеем результат? Даже далекие люди от IT в голове держат мысль что Yandex это круто. 5\7\10 этапов собесов? Легко! Зарплаты ниже рынка? на! Новый IT продукт с абсолютно устаревшей дизайн системой? Получайте!

И народ продолжает идти на собесы в яндекс, молится на эту строчку в резюме, повышает себе "эго" тем что поработали там. Хотя, объективно, есть немало компаний в РФ, сопоставимых или опережающих Yandex по масштабам, зарплатам, качеству работы, значимости проектов и другим крутым активностям. Но звание самой ITшной компании остаётся у них.

И сегодня наши DevRel'ы дошли и до нас с Андреем. На habr'e опубликована текстовая версия нашего доклада с HolyJS про Эволюцию архитектуры PREMIER.

❤️Отдельное спасибо Жене (наш прекрасный DevRel) за то что она собрала весь наш часовой спич в нормально читаемую статью!

Оставлю ссылочку для тех, кто ещё, вдруг, не ознакомился с выступлением, но хочет осознанно понять что же там происходило такое и почему понятие "архитектура клиентского приложения" давным давно вылезла за рамки просто раскидать проект по папочкам.

Ссылка на почитать (время чтения ~ 12минут):
https://habr.com/ru/companies/habr_rutube/articles/914942/

А у кого есть аккаунты на хабре — накидайте лайков 🥹

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков

Июньский прогресс:

Июнь оказался очень жарким на события. Спешусь поделиться с вами.

1️⃣Внутри PREMIER.ONE мы завершили очередной цикл Performance Review. В этом полугодии ревью получилось очень трудным. Мягко говоря, не всё задуманное нами на полгода прошло так, как ожидалось, из-за чего выделись основных «локомотивов» технической команды было… ну ой как непросто.

Кстати, было бы моим читателям узнать что такое PR и какие бывают подходы?

2️⃣Количество студентов в Frontend Alliance стало равным 90! Честно, оглядываясь назад, сейчас это кажется чем-то безумным. Без пинка моей прекрасной жены я бы, наверное, так и не решился. А сейчас мы уже целая банда! 🔥

3️⃣Пробит рекорд оффера нашего ученика. 320 тысяч на руки. Один собес - один оффер. Вот что даёт качественное обучение с ментором. Леха, если ты это читаешь — еще раз поздравляю!

4️⃣Полностью легализована менторская деятельность. Появилось ИП, оферта, сайт.

Кстати, зацените - https://frontend-alliance.ru/

5️⃣К нам присоединился крутой продуктовый дизайнер, чей продукт регулярно получает кучу наград. Она уже активно занимается созданием нашего внутренного проекта, о котором я писал ранее. Совсем скоро я смогу показать миру что это за зверь такой.

6️⃣Мы засэтапили пилотный проект с психологом. Он будет помогать нашим студентам справлять с синдромом самозванца и бороть все блокеры, возникающие в процессе обучения.

7️⃣Запущен YouTube канал нашего сообщества. Подписывайтесь, с завтрашнего дня там начнет выходить очень крутой контент!

Ссылка - https://www.youtube.com/@frontend-alliance

Бонусный анонс:
Сообщество Tproger (Типичный программист) запускает крутейшее IT онлайн-реалити про найм, где в режиме лайва будет показан весь процесс работы между менти и ментором с главной целью - получить крутой оффер! Всего должно было быть отобрано 3 ментора из всех доступных в IT специальностей.

Угадайте, кто прошел этот отбор и стал «одним из трех»? 😈

Путь к СЕО (18+). Подписаться

Другие соц.сети:
📷 Instagram
🎞 YouTube
🚀Менторство для Frontend-разработчиков