FRONTENDIYA - Все про front

😎Разработчики!!!! Вы и сами видите, что с рынком сейчас происходит - там полный пиздец. На одну вакансию летит толпа, отказы приходят через 10 секунд, а до живого собеса ещё попробуй доберись. И когда он наконец случается, это уже не "один из вариантов".…

😎Разработчики!!!! Вы и сами видите, что с рынком сейчас происходит - там полный пиздец. На одну вакансию летит толпа, отказы приходят через 10 секунд, а до живого собеса ещё попробуй доберись. И когда он наконец случается, это уже не "один из вариантов".…

😎Разработчики!!!! Вы и сами видите, что с рынком сейчас происходит - там полный пиздец. На одну вакансию летит толпа, отказы приходят через 10 секунд, а до живого собеса ещё попробуй доберись. И когда он наконец случается, это уже не "один из вариантов". Это тот самый шанс, который нельзя слить из-за стресса, тупняка или вопроса, ответ на который ты вообще-то знаешь, но мозг внезапно решил выйти покурить. Поэтому мы запилили Ansly - AI-помощника, который идёт на техсобес вместе с тобой. Он слушает вопрос интервьюера, видит задачу и код на экране, держит контекст разговора и в реальном времени подсказывает: — что ответить; — какой подход предложить; — как объяснить решение; — что написать в коде; — что отвечать, когда интервьюер начинает копать глубже; Не нужно судорожно копировать вопрос в ChatGPT, переключаться между вкладками и делать вид, что ты «просто документацию открыл». Ansly незаметно работает рядом и подстраховывает, пока отвечаешь ты. Сейчас мы открыли набор в бету. Первым 5 ребятам дадим доступ полностью бесплатно. Взамен нужен только честный фидбек: где всё круто, где бесит и что нужно допилить. И ещё ищем человека, который готов снять Ansly в деле. Можно записать реальный собес, если это разрешено, или провести mock-интервью - так даже проще. Если ролик с Ansly наберёт 10 000 просмотров — заплатим автору $100. Хочешь в бесплатную бету или готов снять видос - пиши нам в личку. Пока мест пять, дальше уже за деньги. @ansly_support

Запускаем чат для тех, кто пилит свои пет-проекты и SaaS на стороне. Многие из нас уже не просто работают по найму, а параллельно делают что-то своё. И тут быстро упираешься в вопросы, которые на курсах не разбирают: как не утонуть в инфре, чем и сколько платить за деплой, как довести проект до первых юзеров, а не бросить на стадии «допилю на выходных». Идея простая - делиться реальным опытом запусков без успешного успеха. Что зашло, что легло мёртвым грузом, какие инструменты реально экономят время. Мы сами постоянно тестируем разные приложения: что-то стреляет, что-то нет - будем выкладывать всё это в чат. Чат только создали, так что заходи с самого старта 🧹 https://t.me/vibecode_community_ru

Делитесь полезными тулами/скилами под claude) я начну: https://github.com/aidenybai/react-grab Позволяет указать на любой элемент интерфейса на вашем сайте React, нажать Cmd+C (Mac) или Ctrl+C (Windows/Linux) и скопировать точное имя файла, компонент React и HTML-код в буфер обмена

Запускаем Friends & Family тест 🎉 Папира готова к первым реальным пользователям. Прежде чем открыть широкий доступ — хотим собрать честный фидбек от людей которым доверяем. Что уже работает: - ДКП автомобиля - заполнение, валидация, генерация PDF - Аналитика через Яндекс Метрику - Отслеживание ошибок через Sentry + Glitch Что хотим от вас: Просто потыкайте. Тестовые документы для генерации приложим — ничего реального заполнять не нужно. Нам важно понять: - Что непонятно с первого раза - Где хочется нажать но ничего не происходит - Что раздражает или наоборот понравилось - Любые баги которые поймаете Никакого правильного или неправильного фидбека нет. Чем честнее тем лучше. Ссылка: app.papira.by 👇 Пишите сюда или в личку - всё читаю и отвечаю лично. Чтобы было интереснее тыкать, из всех фидбеков выберем максимально полезный и отправим по 15$)

Запустили лендинг papira.by 🎉 Весь сайт сгенерили с Claude - от структуры до текстов и иллюстраций. Next.js + Tailwind + shadcn. Вайбкодинг в полную силу. Что на лендинге: - Главный экран с оффером и CTA на приложение - Список всех продуктов: ДКП уже доступен, договор аренды, займ, инвойсы и калькулятор налогов - скоро - Блок «как это работает» - три шага от фото до PDF - FAQ, отзывы, принципы продукта Отдельно сделали блог - будем писать про каждый документ. Как правильно оформить, что изменилось в законодательстве, типичные ошибки. Это основа для органического трафика из гугла - люди ищут и должны попадать к нам. SEO-статьи - это долгосрочная ставка. Через 3-6 месяцев должны начать давать стабильный трафик без рекламы. Заходите: papira.by

Пока идёт разработка - рассказываю как строим Papira изнутри. Первый вопрос который встал сразу - архитектура фронта. Решили разделить на два приложения. papira.by - лендинг на Next.js + Tailwind + shadcn. Навайбили с Claude Code быстрее чем ожидали. Причина выбора простая: SEO. Люди ищут "ДКП авто Беларусь" в гугле - мы должны там быть. В отдельном посте расскажу как будем выходить в топ органически. app.papira.by - чистый React. Vite, TanStack Query, Zustand, Orval, который генерирует типизированные хуки прямо из OpenAPI yaml файла. Не пишешь запросы руками - они генерируются автоматически при изменении контракта. Сильно ускоряет разработку. Деплой полностью на Railway. Подняли 4 сервиса - лендинг, приложение, бэкенд и dev-окружения для каждого. Postgres и Redis там же. Push в ветку - автодеплой. DNS через hoster.by. После MVP планируем монорепо - схемы документов и UI-компоненты один раз, живут в общих пакетах. И ещё одна цель - вынести core функционал в Telegram Mini App. Документ прямо в Telegram, без перехода в браузер. Следующий пост - скорее всгео про бэкенд. Что думаете по такой структуре для фронта?

С командой делаем новый продукт, по составлению договора купли продажи. Да и вообще любого договора. В телеге будем писать процесс разработки и немного бизнес тем:) кому интересно - https://t.me/papira_by

Можно ли выучить фротенд за 7 месяцев самому? | фронтенд собеседование #22 https://youtu.be/yRB5RbmEkSM

25 реакций и новое видео на канале!!!

Бесплатные 225$ на Claude и GPT API на agentrouter. Проверил - работает. Зайдите на их сайт по этой ссылке, далее делаете вход через GitHub

Бесплатные 225$ на Claude и GPT API на agentrouter. Проверил - работает. Зайдите на их сайт по этой ссылке, далее делаете вход через GitHub

Есть ли среди наших подписчиков бэкендер, дизайнер или менеджер? Хотим записать разговорный видос, кто готов поучавствовать? Пишите: @frontendiya_manager

https://youtu.be/sufyXGw3gVk?si=2fgSAUwxnZeI6oOd

15 сердечек и грузим!

Сегодня дропнем новый собес! Был перерыв больше 7 месяцев 🌚 50 реакций сможем сделать?😂

в 15-00 по мск ищем человека для мок собеса на ютуб (микро+вебка), кто готов? резюме кидайте @frontendiya_manager

👩‍💻 Jumping Coin Preloader Анимированная загрузка в виде прыгающей монетки. Сделана на чистом CSS. Открыть код...

⚙️ Что такое Intersection Observer в JavaScript и зачем он используется? Intersection Observer — это API, которое позволяет отслеживать, когда элемент входит или выходит из области видимости (viewport). Оно полезно для оптимизации ленивой загрузки изображений, бесконечной прокрутки или анимаций при прокрутке. ➡️ Пример: // Целевой элемент для наблюдения const target = document.querySelector('.observe-me'); // Callback-функция для обработки пересечений const observerCallback = (entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { console.log('Элемент видим:', entry.target); observer.unobserve(entry.target); // Останавливаем наблюдение } }); }; // Настройки наблюдателя const observerOptions = { root: null, // Вся область видимости threshold: 0.5 // 50% видимости элемента }; // Создаем наблюдатель const observer = new IntersectionObserver(observerCallback, observerOptions); // Начинаем наблюдение за элементом observer.observe(target); 🗣️ В этом примере API отслеживает, когда .observe-me становится видимым на 50%. Intersection Observer делает прокрутку более производительной, так как избавляет от необходимости использовать события scroll. 🖥 Подробнее тут