Иван Петриченко (Campfire school, Udemy и прочие полезности)

Записал видео, где рассказываю, почему программа устроена именно так и что в каждом модуле + предварительная программа Мне нужна ваша помощь: посмотрите видео, прочитайте программу и пройдите анонимный опрос - он поможет мне оценить, стоимость курса и что-то добавить /убрать из программы 👉react-next.campfire-school.com

Готовлю ещё один курс, на этот раз по React и Next.js Этот курс для ребят, которые хотят собирать на React и Next.js полноценные приложения и понимать, что в них происходит. Но сначала пару слов об идее курса Заметил забавную штуку: попросите любую нейронку посоветовать, на чём писать фронтенд или фуллстек, и почти наверняка услышите React или Next.js. А если сразу сказать агенту «напиши мне приложение», он и спрашивать не станет, просто возьмёт их Логичный вопрос: если агент сам всё напишет, зачем это учить? Для простых проектов и правда незачем. Но на большом проекте агент не всегда подскажет, какую стратегию рендеринга выбрать, и не предупредит про подводные камни, пока сами не спросите. А на собеседовании бывает лайвкодинг, и агента рядом нет Начинаем с классического React, где всё рендерится в браузере, потом переходим на Next.js и учимся отдавать страницы с сервера. За курс соберёте три приложения разной сложности Курс подойдёт тем, кто собирает продукты с агентами и хочет понимать, что они пишут, кто только закончил изучать JS, а также тем, кто переходит с другого стека или с конструкторов Хотите такой? Ставьте 🔥, если да

Вам заходят сервисы, которыми я сам пользуюсь и даю ссылки. Иван рад 😁 Тогда еще одна мини-подборка из совсем разных областей, может что пригодится тоже: ➡️ Для маководов, увы, есть прикольная опенсорсная тула: vorssaint-utils Коротко: это набор утилит прямо в одном месте, максимально кастомизируемых под себя. Микшеры, температуры, раскладка окон и еще сотни других Использую уже больше двух месяцев и реально удобно. Особенно для таких динозавров как я, которые привыкли запускать все по отдельности, еще иногда и командами в терминале. И да, бОльшая часть - это встроенные фичи самой макоси, просто собранные в очень удобном виде А часть уникальных Что-то вроде Raycast, но бесплатное 😅 ➡️ Levels - иногда мне нужно понимать какие вилки по ЗП у разных компаний и разных сферах. Вот неплохой ресурс для отслеживания В том числе, тут есть и поиск вакансий по локациям/компаниям + аплаи туда же. Короче, тоже удобно и можно добавить себе ссылку во время поисков ➡️ И когда я чувствую, что начинаю ржаветь с этими всеми агентами, я периодически возвращаюсь к этой визуализации главного механизма в JS Как бы круто не мог его объяснить ИИ, наглядное и интерактивное представление всегда будет понятнее. Тем более, такие задачки все так же присутствуют на лайвкодингах) Вот репо, можно в нем покопаться ➡️Ну и классика как для подготовкам к собесам, так и для понимания процессов 🙂 Алгоритмы визуально раз и структуры данных два

Наверное, вы заметили, что все больше и больше вакансий имеют требование "знание облачных инструментов" Для работы в больших проектах это реально имеет значение, serverless архитектура там, все дела И чаще всего указывают: AWS - облачная инфраструктура от амазона OCI - Oracle Cloud Infrastructure GCP - Google Cloud Platform или просто Azure И каждый из нас может попасть в порочный круг: нет опыта с ними, если не работал в большом проекте ➡️ в большие проекты не берут, из-за того, что не работал с ними На части из них можно и бесплатно покопаться и потестировать часть сервисов. Но одна неверная лямбда-функция, и с вашей привязанной карты могут списать нормально так денег И возвращаясь к вам с полезными сервисами: есть опенсорсный проект Floci , который позволяет как раз со всем этим зоопарком поработать локально, без рисков и головной боли 🙂 Забирайте, тестируйте и лайкайте пост 😁

Принес вам подборку крайне полезных сервисов, которые и применяются в компаниях, и для соло-разработки будут крайне полезны (с AI-агентами в том числе) Периодически вижу то там, то сям как их советуют, но собрал для вас в одну подборку: 🔥 Cloudflare Pages PaaS или по простому хостинг-платформа для ваших приложений. Тестировал её еще до хайпа вокруг нее и был удивлен сколько фич дается в бесплатном тарифе: 🟢Автоматический деплой прямо с вашего репозиторий (Как на Vercel) 🟢CDN 🟢SSL сертификат без головной боли) 🟢Довольно много лимитов по воркерам, контейнерам, хранилищу и тп вещам прямо на бесплатном тарифе (про это еще 5й пункт будет) 🟢И куча других плюшек, на которые можно посмотреть в прайсинге ну и при переходе на платные фичи платите только за то, что активно используется юзерами. Короче лайк однозначно, стоит попробовать там похостить 😢 Better Auth для авторизации/аутентификации и всего связанного Обычно есть проблема: - либо мы вручную создаем все для авторизаций, тестируем это, поддерживаем и собираем по кусочкам (медленно, сложно, дешево) - либо проект просто арендует сервис авторизации и не парится, платя за это кукиши (быстро, надежно, дорого) (Есть и исключения, конечно же) И вот этот фреймворк пытается решить оба сценария в позитивную сторону. Опенсорсный, бесплатный. Еще и плагинанами расширяется Можно заценить простоту установки/использования сразу в доке 👍 Convex для быстрого написания бекенда + бд в реактивном стиле Многие подают этот сервис как супер-легкое решения для написания бекенда, но я бы поспорил. Да, он решает много проблем, круто адаптирован уже под ИИ агентов. Но для работы с ним нужен опыт, хотя бы минимальный Даже с агентом нужно понимать что такое бек, базы и что вы с ними хотите делать) Для ручного написания - так вообще, вот можете посмотреть пример с некстом Но если отойти от этого - сервис реально прикольный, опенсорсный и так же дает много возможностей на бесплатном тарифе 🧳 Posthog - аналитика в проекте Рано или поздно, любой бизнес хочет знать поведение его пользователей: где они ушли с сервиса, где застряли, почему отписались и тд и тп. Ну и не всем подходят сервисы от IT-гигантов) Поэтому вот одно из хороших решений, где они гордо пишут про:

97% of companies use PostHog for free

Так что и вы скорее всего не выйдете за бесплатный месячный лимит😠 👉 Cloudflare R2 - замена Amazon S3 По факту, это часть первого пункта, но выделим отдельно. Хранилище данных нужно многим проектам и есть множество сервисов под это. Но вот R2 не только предоставляет CDN, масштабируемость и тд, но и отличается по прайсингу от того же амазона: R2 не берет с вас деньги за скачивание этих данных вашими юзерами И именно этой киллер-фичей они переманивают клиентов. Вы можете обратить внимание, сколько инфы посвящено "переезду" с S3 на R2 на страничке продукта и как они совместимы Так что для ваших проектов тоже может быть топ выбор (не забываем про щедрый бесплатный тариф, но именно в R2 он слабенький, но компенсируется фактом выше) ========= Если тема зайдет - поделюсь еще парочкой инструментов, которые использовал и могут всем пригодиться. Ну а если вы еще читаете текстовые посты - жмякайте 🔥 А то у меня иногда есть чувство, что сейчас только формат коротких видео людям заходит 😅

Ребят, заходите. Можно пятничный вечер сделать немного полезнее 🙂 Скучно точно не будет https://youtube.com/live/bh7tI8ml19A

Даже джунам очевидно, что про архитектуру нужно договариваться с самого начала. И в команде, и в соло разработке, и с ИИ-агентом. Но и это еще не все Представьте ситуацию: ➡Вы делаете pull (merge) request и вместо ожидаемого изменения трех файлов у вас отображается почти весь проект (150+ файлов). Почему? А просто ваш коллега использует двойные кавычки, а вы одинарные И такой большой ПР - это лишь вершина айсберга)) Потому что: 1) ПР нечитаем и найти реальное изменение почти нереально 2) подсказки о том, кто последний трогал строки кода (git blame) будут уничтожены и перезаписаны 3) возникнут merge конфликты Короче, это полное 💩 И чтобы такого не случалось, нужно сразу в проекте настраивать правила форматирования. Почти всегда это .prettierrc Причем это должен быть именно файлик в корне проекта, чтобы он перебивал глобальные правила каждого конкретного разраба. Внутри настройки уже могут быть какие угодно, на ваше усмотрение. Но самая база всегда должна быть заполнена (табы/пробелы, кавычки и тп) ➡ Можно ли обойти приттиер? Конечно 😁 Поэтому дополнительно настраивают https://typicode.github.io/husky/ и перед каждым коммитом приттиер автоматически пробежится по измененным файлам и отформатирует по правилам проекта, и только потом будет создан коммит ➡ Часто идут и еще дальше, настраивая такую проверку на этапе CI/CD. Например, на GitHub/GitLab при создании PR запускается тот же приттиер. И если проверка на соответствие стилю не прошла - PR будет заблокирован Поэтому повторим важное правило: Если что-то может пойти не так и нарушить правила, то лучше заранее ограничить команду технически 😈 Меньше головной боли будет потом

Подробнее об архитектуре поговорим на интенсиве, который стартует завтра. Регистрируйтесь arc.campfire-school.com

Интенсив по архитектуре фронтенда с 18 по 20 сентября Проведу новый интенсив, и приглашаю вас на него Мы больше не пишем код - мы им управляем. Модель выдаёт компоненты быстрее, чем мы успеваем их прочитать, и платят теперь за другое: кто решает, куда этот код положить и как части системы связаны между собой Почему сейчас: - На собесах в сильные компании всё чаще спрашивают про архитектуру. Про то, как ты думаешь, а синтаксис уже никого не интересует - Код от ИИ хорошо выглядит по одному файлу. Проблемы начинаются через месяц, когда таких файлов сотня и никто не помнит, почему они лежат именно так - FSD тащат в лендинг из трёх страниц, а в большом проекте всё валят в один ящик. Какую архитектуру когда применять - этому мало где учат Если вы идёте в сторону крепких мидлов - это то, что вам нужно По формату:

📅 18–20 сентября, онлайн, 19:00 GMT+3 • 18 (пт) — эволюция фронтендера, что такое архитектура и почему её якобы не было во фронтенде. Разбираем Folder by Type • 19 (сб) — где ломаются простые архитектуры. FSD на практике: правила, зачем они нужны и есть ли мин • 20 (вс) — бигтех, микрофронтенды и пейта. «Чистая архитектура» и еёмодификации на коде

Основной формат платный Все 3 дня, записи занятий и ответы на ваши вопросы по теме в личке Для первых 20 участников действует промокод, даст скидку AUTUMN_ARC https://arc.campfire-school.com Если сейчас туго с деньгами - первый день можно посмотреть в лайве бесплатно Залетайте 🙌 ________ Если бы я был музыкантом и маркетологом, то сказал бы, что интенсив проходит в рамках промотура к новой группе Буткемпа для мидлов, хех

⚡️ Наглядный пример этого правила: если бы мне не написали, что форматирование поста сломалось, я бы и не знал, что в разных клиентах тг эта фича со статьями выглядит по разному 😱 Теперь понял, почему её почти не используют А вас тоже нет абзацев и форматирования в посте? (Нет, это не хочет фикситься, я уже все попробовал)

В интернете пошла гора роликов про Astra модель и какая она крутая Но какой смысл очередной модели, если большинство программистов пользуются или лишь чатом, или базовым AGENTS.md в проекте + агент. Даже наш опрос выше показал только 1:2, что куда выше, чем по опросам среди коллег Но выходы новых инструментов показывают тренд, что они развиваются, и что на тех же собесах не зря все больше вопросов про скиллы, плагины, субагентов, обвязки и тп. Это автоматизации, которые дают всем нам нехилый буст и загоняют ИИ-агентов в нужные нам рамки Летом проводил группы двух образовательных программ, на которых примерно всё это и разбирали. Эти программы - Буткемп для мидлов и курс JS/TS + Deep AI, о которых я уже как-то рассказывал вам Сейчас начинаю общий набор в новые группы, которые стартуют в сентябре. Если вы хотите в них учатсвовать - идите в конец поста. Если не в курсе, что за программы такие - сейчас расскажу Самый частый вопрос - это разница между "JS/TS + deep AI" и "Middle AI Bootcamp". Если и там и там разбираемся с js/ai, то куда мне идти? Ответ на этот вопрос лежит в ваших навыках: ➡️JS/TS + Deep AI Если вы только начинаете и знаете верстку, то путь точно лежит в JS + AI. Уже нет смысла месяцами заучивать синтаксис и конструкции языка. Главное - понять их смысл, немного потренироваться именно в них, и изучать из чего состоит веб-продукт и как его создавать в современных условиях ➡️Middle Bootcamp Если вы уже "в теме" и у вас есть опыт создания веб-приложений, то стоит куда глубже копнуть в продвинутые темы как минимум на уровне миддла. Здесь тоже не обойдется без автоматизаций, но уже в формате командной работы и с бОльшим пониманием методологий Новых участников на эти программы набираю в отдельных каналах: • JS/TS + Deep ai • Middle Frontend Bootcamp + AI

Прямая вакансия от меня в большую компанию ➡️ Нужен мидл и синьор фуллстеки на стеке React + Java с упором на фронтенд То есть, на 80% будут фронтовые задачи на реакте, 20% - это работа с API роутами (ИИ вам в помощь 😁) Польша по оформлению, нужно быть там. Но сама работа в любом формате Если кто есть на примете - пишите @ivanpetrychenko

Часто ли вы говорили себе, что недостаточно делаете в определенные дни? В технологической среде есть довольно своеобразный феномен, с которым сталкивался каждый из нас Касается он продуктивности и того, как мы к ней относимся по отношению к себе. И выглядит обычно это следующим сценарием: В один день вы можете сидеть 10-12 часов над работой, все офигенно получается и вы заряжены на результат. А на следующий день сидите, не можете заставить себя открыть ноутбук, ответить на рутинный вопрос в чате или перетащить таску на доске. И такое бывает как у джунов, так и у бородатых синьоров И многие люди начинают в такие моменты себя жестко пинать: херли у тебя сил нет ничего делать, и морально становится еще хуже Причина банальная: в предыдущий день вы растратили все ресурсы. Каждый успешно реализованый участок кода, каждый зеленый тест, каждый успешный билд давали вам долю дофамина. И под конец дня вы ложитесь спать с офигенным чувством выполненной работы А на следующий день откат 😵 Я эту тему поднимаю для того, чтобы вы помнили про такие ситуации и не винили себя за бездействие. Конечно важен ворк-лайф баланс, все дела, но такие марафоны тоже бывают в жизни. Просто сразу закладывайте их цену на будущее

В какой-то момент у меня создалось ощущение, что AI повсюду и я его вижу везде. Даже на сникерсе Мне даже люди писали о том, что этой темы настолько много, что они очищают своё инфополе И я вас прекрасно понимаю. Но когда работаешь - постоянно с этим стакиваешься и тут разве что ферму заводить 🐥 Отсюда логичный вопрос для дочитавших: а что вас интересует сейчас кроме темы ИИ? Например, я люблю тему софт скиллов как с точки зрения теории, так и практики. Я буквально вижу как они приносят плоды в работе

Кстати, пусть эти 84% вас не обманывают Из них многие дальше общения с ИИ-чатом не выходили. Я это и по своим наблюдениям могу сказать, и от коллег постоянно слышу 🙂 Давайте и наше исследование проведем: 🔥 - использовал(а) только чат 👨‍💻 - использовал(а) и агентов в работе

StackOverflow (он ещё жив?) провёл огромный опрос среди разработчиков насчёт использования нейронок Если коротко, то мы находимся на этапе исторического максимума использования нейронок (84% используют) и исторического минимума доверия (3% полностью доверяют тому, что сгенерировано). Цифры, конечно, интересные)) год назад в этом же исследовании данные были лучше по уровню доверия Но самое интересное не в цифрах, а в формулировке, почему доверие снизилось - нейронка даёт "почти правильные" ответы Почти правильный код компилируется, проходит тесты, выглядит нормально на ревью для недостаточно опытного разраба — а потом через полгодика, когда все уже забыли о нём, приносит проблемы в проект Это уже видно в цифрах: ➡️ GitClear и GitKraken разобрали 623 млн изменений кода за 2023–2026. Дублирование блоков - +81% к 2023 году, исторический максимум. Доля отрефакторенного кода упала с 21% в 2022-м до 3,8% в 2026-м. Кода пишется больше, а привычек, которые держат проект живым меньше ➡️ DORA фиксирует то же самое на уровне команд: внедрение AI поднимает индивидуальную продуктивность и одновременно — нестабильность поставки. У них для этого есть отличный термин: verification tax. Время, сэкономленное на написании, заново тратится на проверку ➡️ Veracode прогнал 150+ моделей: ~44% задач на генерацию кода дают рискованную уязвимость. За два года «революционных» релизов эта цифра не сдвинулась — 55% → 56% Судя по всему наша индустрия уже наигралась в скорость генерации кода, вау-эффект прошёл, а дефицит сместился. Теперь не хватает не тех, кто умеет сгенерировать, а тех, кто умеет оценить сгенерированное и заранее предусмотреть, где этот код выстрелит в ногу проекта

В каких странах, по каким рейтам и с каким стеком мы сейчас закрываем вакансии? Разбавим нейропосты обычной статистикой от меня и тех, с кем работаю (сорсеры, HRы). Вам же интересно, кого сейчас предпочитают заказчики из США/Европы на удаленку? 🙂 📃 Начнем со стека Web все так же живее всех живых. Но 2 самых кардинальных сдвига во всех вакансиях: 🟢 уже все хотят, чтобы был опыт работы с нейросетями 🟢 смещение в сторону фуллстеков теперь максимальное Например, последние наши вакансии были на React + Java, Vue + Nest и Next + Python Справедливости ради, собесы довольно простые были. Из разряда задачек про палиндром Так что кто сильно завис на фронтенде, чаще смотрите в сторону полноценной разработки 😟 Где хайрим Большая часть вакансий на полную удаленку. Это плюс Но много крупных компаний сейчас не хотят смотреть в сторону восточной Европы. Ориентация сместилась на Мексику, Нигерию и Колумбию/Бразилию. Индию у нас не заказывали 😁 Немного неожиданный разброс, знаю, но в этих странах довольно много хороших инженеров + подходящие часовые пояса. Есть лишь одна большая проблема... 🧐 Деньги Вдруг оказывается (для заказчиков), что ребята из этих стран не хотят работать за те же деньги, что и восточноевропейцы. Хороший лид попросит от 8к$ в месяц при бюджете в 4500$ А джуны/мидлы отказываются от 2000-2500$ Так и выходит, что наши ребята опять чаще попадают в пул кандидатов, когда вакансию не могут закрыть. Особенно, если они живут в Европе/ЛатАме Какие рейты в среднем закрывали в последнее время: Джуны: 800-1500$ Мидлы: 1600-3400$ Синьоры: 4500-5400$ Лиды: в районе 5700$ Так что денежка еще водится у клиентов, не смотря ни на что Вот думаю, может сделать отдельный раздел с вакансиями на сайте? Вроде такого уже и так куча, но может будет актуально

Кот крадет деньги в семье, чтоб занять место на одном из курсов на акции. Впопыхах, потому что знает, что сегодня последний день, а по промокоду осталось 2 места с доп скидкой sale.campfire-school.com

«Стоит ли сейчас учить код - или уже нет смысла, сосредоточиться на вайбкодинге?»

Вот такой вопрос вчера прилетел в личку, человек выбирал, курс на акции Короткий ответ: те, кто решил, что «нейросети всех заменят, в коде можно не разбираться» - скорее всего, как раз и вылетят с рынка первыми Если твой конечный продукт - строчки кода, то тебя очень легко заменить: на рынке куча соискателей, которые слабо понимают, что делают, и не особо стремятся понять. В этом случае это обычный оператор, который жмёт в нужный момент кнопочку энтер, чтобы принять то, что наделала нейронка Есть ребята, которые понимают код, разбираются в инструментах и умеют выстраивать процесс разработки. Они продают не строчки кода, а решения и ответственность - за продукт, за сроки, за весь головняк по дороге. Вот их заменить намного сложнее и дороже, для них нейронка - не конкурент, а ускоритель процессов Оператор жмёт кнопки. Автор принимает решения и отвечает за результат. ИИ вымывает первых и усиливает вторых ___ Если у вас есть свой вопрос - задайте в анонимного бота или комменты. Можно и философский, и что-то по конкретному курсу Ну а акция продолжается, осталась пара дней, успевайте