Frontend Portal

Please open Telegram to view this post

VIEW IN TELEGRAM

😁78❤3🔥2👍1

5.1K views15:15

Ребят, тут Авито регистрацию на свой первый CTF открыл с призами до 300 000 рублей на команду

📍

AvitoTech устраивает CTF онлайн с денежным призовым фондом, мерчем и интересными тасками!
Регистрация команд уже открыта по ссылке, а ниже собрали инфу, что предстоит делать во время HoneyBadger CTF AvitoTech.

Возьмите на себя роль медоеда, проверьте защиту пчелиного улья и найдите все скрытые уязвимости в сотах.
Чего ждать от турнира: тасков на веб-уязвимости, инфраструктурных мисконфигов, анализа скомпилированного кода, расследования инцидентов, слабостей шифров, всего, что требует хакерской смекалки. И розыгрыша мерча, помимо основного призового фонда.

Важно: CTF не только для спецов по кибербезопасности — есть отдельная лига для всех, кто любит разбираться, как устроены IT-системы

🐝

Please open Telegram to view this post

VIEW IN TELEGRAM

🥱4🔥2❤1

5.83K views16:07

0:30

Откопал годное расширение, которое позволяет запускать модели Ollama, такие как DeepSeek, Llama и Qwen, прямо внутри GitHub Copilot Chat 👍

→ использование локальных AI-моделей в VS Code
→ поддержка tools, MCP и vision
→ AI-автодополнение кода прямо в редакторе
→ переключение между моделями без выхода из редактора

По сути, это превращает Copilot Chat в локальную AI-песочницу

➡️

Please open Telegram to view this post

VIEW IN TELEGRAM

❤12👍5

6.61K views19:11

0:24

В этой опенсорсной коллекции собраны одни из самых крутых эффектов переключения темы, которые я когда-либо видел

Представьте, как они будут смотреться в ваших приложениях или на сайтах. Пользователи точно скажут: "Вау!" 😳

github.com/rudrodip/theme-toggle-effect

➡️

Please open Telegram to view this post

VIEW IN TELEGRAM

❤20🥱11👍5

4.5K views07:07

16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.

AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.

🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.

⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться!

Please open Telegram to view this post

VIEW IN TELEGRAM

🥱7❤5👍2🔥1😁1

3.91K views10:40

Поддержка TypeScript 7 в Next.js

Коротко:
Теперь в next@preview можно включить опцию experimental.useTypeScriptCli, чтобы использовать TypeScript 7.

Подробнее:
Вышел TypeScript 7 с ts-go - прирост скорости действительно впечатляет!

В текущем релизе намеренно отсутствует JavaScript API. Его планируют выпустить в TypeScript 7.1.

К сожалению, из-за этого TypeScript 7 в нынешнем виде ломает интеграцию с фреймворками, которые взаимодействуют с TypeScript через JS API.

Next.js использует JS API, чтобы запускать TypeScript во время выполнения next build, а также дополнительно форматирует вывод, чтобы логи выглядели единообразно с остальными этапами сборки.

Чтобы добавить поддержку TypeScript 7 без JS API, пришлось изменить способ запуска TypeScript: теперь вместо API напрямую используется установленная команда tsc.

Это поведение доступно через экспериментальную опцию:
experimental.useTypeScriptCli

Изменение вошло в превью-релиз Next.js 16.3.

Установить его можно командой:
npm install next@preview

➡️

Please open Telegram to view this post

VIEW IN TELEGRAM

❤9👍6😁2

3.84K views11:39

0:52

Meta выложила в опенсорс свою внутреннюю дизайн-систему — Astryx

Её используют внутри Meta уже более 8 лет, и на ней работают 13 000+ внутренних приложений.

→ 150+ доступных UI-компонентов
→ 7 встроенных брендовых скинов
→ кастомизируемые темы
→ рассчитана как на разработчиков, так и на ИИ кодинг-агентов

https://astryx.atmeta.com/

➡️

Please open Telegram to view this post

VIEW IN TELEGRAM

👍17🔥6❤4🤯3

4.02K views17:07

0:09

Полезный AI-скилл для React-разработчиков

/improve-react от Aiden Bai использует React Doctor для анализа React-кодовой базы. Инструмент помогает находить проблемные паттерны, классифицировать найденные замечания и исправлять их с помощью ИИ.

Установка:
npx skills add http://github.com/aidenybai/react-doctor --skill improve-react

Может быть полезен тем, кто использует ИИ при разработке React-приложений и хочет автоматизировать проверку качества кода

➡️

Please open Telegram to view this post

VIEW IN TELEGRAM

❤14🥱7👍3

3.73K views07:14

Делаешь сайты на фрилансе? А теперь представь: весь путь от ТЗ до сдачи проекта — на одной платформе

Poehali.dev превращает текстовое описание в готовый продукт: сайт, лендинг или приложение — с бэкендом и публикацией на домен. Вёрстку, картинки, деплой берёт на себя ИИ-агент. Ты же контролируешь и правишь, где нужно.

Итог: типовой лендинг — за вечер. Остальное время на новые заказы или сложные проекты с высоким чеком.

Внутри:
• фичи для фрилансеров — свои шаблоны, передача проекта и чат с заказчиком
• шаблоны и расширения — чтобы создавать быстро, а не с нуля
• хостинг — встроенные бэкенд и база данных создают не просто картинку, а рабочий сайт с мгновенной публикацией на твой домен
• ИИ-агент — сам планирует, пишет и запускает, а не просто даёт ответ

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

👉 Попробовать бесплатно
По промокоду [ LAND1T ] первый лендинг в подарок. Успей до 31.07.

🥱15❤5😁4🔥2

3.54K views09:42

0:11

Хотите убрать эффект "резиновой" прокрутки в веб-приложении? Достаточно добавить всего одну строку CSS:

html,
body {
  overscroll-behavior-y: none;
}

Свойство overscroll-behavior-y: none отключает вертикальный bounce-эффект при достижении верхней или нижней границы страницы, делая поведение веб-приложения более нативным и предсказуемым, особенно на мобильных устройствах.

➡️

Please open Telegram to view this post

VIEW IN TELEGRAM

👍44❤15🔥2

3.42K viewsedited 11:06

NAITION AI: Спрос на разработку с ИИ-агентами вырос в сотни раз за год. Свежий Stanford AI Index 2026 показал, что навык AI Agents стал №1 среди самых востребованных инженерных скиллов.

• Упоминания «Agentic systems» в вакансиях за год выросли на 10854% (!) — это не опечатка.
• «AI agents» — +2113%.
• Вывод простой: компаниям массово нужны не «написатели кода», а архитекторы мультиагентных систем.Главный скилл в 2026 году — строить долгоживущие автономные процессы, управлять контекстом и верифицировать работу десятков агентов.

Рынок можно догнать!
Naition запускает новый, обновленный в июле поток буткемпа по AI-driven разработке уже 21 июля.

Максимум пользы получат middle+ разработчики и команды, нацеленные на апгрейд производительности инженерного процесса.
IT-специалисты других профессий тоже могут себя попробовать.

За 12 недель вы встроите ИИ во все процессы:

• Соберёте своё ядро — MCP под задачи, RAG, мультиагентную систему с сабагентами и оркестрацией.
• Внедрите агентов в кодовые базы на 100К+ строк — автоматизируете индексацию кода, рефакторинг и изменение архитектуры.
• Научитесь масштабировать AI-практики на всю команду.
Ведут практики с 15-20 годами опыта: ex-Yandex Cloud, staff-инженер Google, CEO Symbioway (центр по найму разработчиков) — люди из эпицентра трансформации рынка.

Формат: 17 уроков, 5 модулей, живые вечерние эфиры + практика между ними. Минимум теории, максимум разборов кейсов и групповой практики прямо на вебинаре.

👉 Забронировать место — naition.ai
А по промокоду FRONTEND PORTAL для подписчиков — скидка 20% до 17 июля.

Что ещё стоит знать:
• Приведёте друга или коллегу — вы вместе получите доп. скидку 10% сверху (в сумме 30%).
• Можно оплатить частями, а начать даже с одного модуля.
• Если вы бизнес, можно прокачать всю команду разом.

🤣10🥱6

3.09K views15:06

0:23

Совет по Chrome Dev Tools

Элементы, которые исчезают при потере фокуса, сложно отлаживать, потому что когда мы пытаемся их инспектировать через dev tools, страница теряет фокус, и такие элементы исчезают

Мы можем избежать этого и инспектировать такие элементы, используя опцию "Emulate a focused page" в панели Styles вкладки Elements

➡️

@FrontendPortal | #tip by Shripal Soni

Please open Telegram to view this post

VIEW IN TELEGRAM

👍54🔥11❤4🏆3🤯1

3.61K views16:06

0:10

Вышел ReactBench - открытый бенчмарк для оценки ИИ-агентов на реальных задачах с React

Даже если модель успешно проходит тесты, это не означает, что её код готов к продакшену. В ходе тестирования все модели допускали типичные React-проблемы: лишние useEffect, снижение производительности и утечки памяти. У некоторых моделей количество таких ошибок достигало примерно 67 на 100 запусков.

Основные результаты:

GPT 5.6 Sol xhigh показала лучший результат в целом;
GPT 5.6 Terra medium - оптимальное соотношение цены и качества;
Claude Fable 5 работает на уровне Sol, но в среднем стоит в шесть раз дороже

Проект открыт для контрибьюций:
https://github.com/millionco/reactbench

Подробнее: https://reactbench.com

Блог: https://www.reactbench.com/blog

➡️