27159
Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки Связь: @devmangx РКН: https://clck.ru/3Fs3wT
Откопал годное расширение, которое позволяет запускать модели Ollama, такие как DeepSeek, Llama и Qwen, прямо внутри GitHub Copilot Chat 👍
→ использование локальных AI-моделей в VS Code
→ поддержка tools, MCP и vision
→ AI-автодополнение кода прямо в редакторе
→ переключение между моделями без выхода из редактора
По сути, это превращает Copilot Chat в локальную AI-песочницу
➡️ @FrontendPortal
Как джуны и сеньоры разбираются со своими тасками
➡️ @FrontendPortal
🇷🇺 Разбираешься в радиочипах, оптике и связи? Забери до 1 000 000 рублей за свои инженерные навыки на турнире «Дронкон» 🇷🇺
«Сталинские Соколы» открывают регистрацию на 4-й Всероссийский турнир «Дронкон», который пройдет с 22 по 26 августа.
Турнир пройдет по направлению:
- Инженерное дело: навыки программирования, сборка электронного оборудования, беспроводная связь, оптические системы + стратегия «Битва Дронов»;
Призовой фонд для победителей:
🥇место – 1 000 000 рублей
🥈место – 700 000 рублей
🥉место – 500 000 рублей
Награда за 4-8 места - 100 000 рублей
Пройди заочный онлайн-этап и получи путевку на очный этап турнира в Республику Татарстан!
Перелет, питание, проживание - за счет организаторов.
🇷🇺 Подать заявку и узнать подробности 🇷🇺
Брутальный способ переключить ваш сайт на тёмную тему
С нативной и настраиваемой анимацией.
Всего 2 строки JavaScript и немного CSS:
→ http://theme-toggle.rdsx.dev
➡️ @FrontendPortal
ES2026 официально утверждён Ecma
Теперь эти возможности официально входят в состав JavaScript / ES:
Array.fromAsync
Error.isError
Math.sumPrecise
Uint8Array — преобразование в/из Base64
последовательное выполнение итераторов
Доступ к исходному тексту через JSON.parse
Upsert — Map.getOrInsert
Сколько сервисов вы используете для работы с нейросетями?
Один — для текста, второй — для изображений, третий — для кода. Плюс отдельные подписки, разные оплаты и десятки вкладок.
Polza.ai объединяет всё это в одном месте.
Это агрегатор нейросетей, где собраны сотни ИИ-моделей и провайдеров — как зарубежных, так и российских. Тексты, код, изображения, видео и аудио доступны через единый кабинет.
Работать можно через API или в удобной Нейростудии — без сложной настройки и лишней технической рутины.
Внутри платформы есть прозрачная аналитика: видно все запросы, используемые модели, расходы и стоимость каждого действия. Можно сравнивать провайдеров, выбирать оптимальные решения под свои задачи и полностью контролировать бюджет.
Оплата в рублях, единый баланс, автопополнение и полная история списаний избавляют от лишней бухгалтерии. А для команд предусмотрены роли, управление доступами, счета и закрывающие документы.
🔶Polza.ai — один кабинет для всей работы с ИИ. Без хаоса из сервисов, подписок и оплат.
Чаще всего для свойства background-repeat используется значение 'repeat'. А знаете ли вы, что существуют и другие возможные значения?
- round: изображение повторяется так, чтобы заполнить весь элемент. Но картинка не обрезается, повторяется целое количество раз. Если это не удаётся, то картинка масштабируется
- space: аналогично round, но вместо растягивания изображений создает пустое пространство между элементами, когда это необходимо
➡️ @FrontendPortal | #CSS
MDN запустила собственный MCP-сервер
Теперь AI-агенты для программирования могут напрямую обращаться к актуальной документации MDN и данным о совместимости браузеров. Благодаря этому они генерируют более точные и актуальные ответы по веб-разработке.
→ официальный MCP-сервер от MDN
→ доступ к самой свежей веб-документации
→ работает с Claude Code, Cursor, VS Code и другими инструментами
Отличное решение для веб-разработчиков и вайб-кодеров, которые активно используют ИИ при написании кода и хотят, чтобы модели опирались на актуальную документацию, современные практики, рекомендации и свежие данные о совместимости браузеров. :)
http://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server
➡️ @FrontendPortal
Мелочь, которая делает UX лучше 📈
➡️ @FrontendPortal
Deno, популярный JavaScript-рантайм, теперь позволяет превращать проекты на JavaScript и TypeScript в десктопные приложения для Windows, macOS и Linux.
Можно выбрать системный WebView или встроенный Chromium-бэкенд. Более того, из коробки поддерживаются фреймворки вроде Next.js и SvelteKit
https://docs.deno.com/runtime/desktop/
➡️ @FrontendPortal
Если вы уезжаете в отпуск в середине июля — есть риск пожалеть 😭
AvitoTech анонсировал АвитоТехно – IT-рейв для тех, кто устал от созвонов, тасок и корпоративного вайба.
В прошлый раз тусовка была онлайн, а теперь наконец-то офлайн: 17 июля, ДК «Кристалл».
По лайнапу всё бодро: THE DAWLESS, LAVBLAST, BÖRIS REDWÄLL, SALAMÉ, РЕСПЕКТ АГЕНТСТВО, BiiCLA, плюс диджей-сеты от разрабов AvitoTech, Ozon и Т-Банка.
Короче, выглядит как редкий случай, когда ивент от IT-компании звучит не как наказание 😎
Регистрируемся по ссылке
Astro – лучшее, что случалось с веб-разработкой за последнее время. А версия 7.0 только что вышла!
✓ Vite 8 с Rolldown
✓ Новый компилятор на Rust
✓ Сборка до 61% быстрее
✓ Улучшения для AI-агентов
pnpm create astro
URL.canParse() — теперь входит в Baseline Widely Available
Поддерживается во всех браузерах с декабря 2023 года – в большинстве случаев можно использовать без опасений.
Если вы вызываете isValidUrl() для большого количества строк, которые не являются URL, переход на URL.canParse() может заметно повысить производительность, так как позволяет избежать использования ошибок для управления потоком выполнения.
➡️ @FrontendPortal
🔥VPS + ISPmanager со скидкой до 100% на Waicore
Запускаете сайты на VPS? Сейчас самое время попробовать ISPmanager практически бесплатно.
➕ Наши акции:
— 100% скидка на первый месяц лицензии ISPmanager при заказе VPS из категории «Веб-хостинг»
— Скидка 60% на лицензии ISPmanager при отдельной покупке
Также доступны:
🛡 SSL-сертификаты
🛡 BitNinja для защиты серверов от атак, спама и вредоносного ПО.
Получаете готовый VPS с установленной панелью управления и можете сразу приступать к работе с сайтами, почтой, базами данных и другими сервисами.
⚡️Акция действует месяц.
Подробнее на сайте WAICORE.
Отличная JS-либа для слайдеров и каруселей, которая избавляет от необходимости собирать всё с нуля.
Хорошая, лёгкая альтернатива Swiper 👍
https://splidejs.com/
➡️ @FrontendPortal | #resourse
Ребят, тут Авито регистрацию на свой первый CTF открыл с призами до 300 000 рублей на команду 📍
AvitoTech устраивает CTF онлайн с денежным призовым фондом, мерчем и интересными тасками!
Регистрация команд уже открыта по ссылке, а ниже собрали инфу, что предстоит делать во время HoneyBadger CTF AvitoTech.
Возьмите на себя роль медоеда, проверьте защиту пчелиного улья и найдите все скрытые уязвимости в сотах.
Чего ждать от турнира: тасков на веб-уязвимости, инфраструктурных мисконфигов, анализа скомпилированного кода, расследования инцидентов, слабостей шифров, всего, что требует хакерской смекалки. И розыгрыша мерча, помимо основного призового фонда.
Важно: CTF не только для спецов по кибербезопасности — есть отдельная лига для всех, кто любит разбираться, как устроены IT-системы 🐝
Когда вы применяете border-radius для двух вложенных элементов, может возникнуть соблазн применить одно и то же значение, но это не самый приятный с визуальной точки зрения вариант!
Вместо этого используйте эту формулу для расчета внешнего радиуса: внутренний радиус + padding
Можно использовать кастомные свойства, чтобы определить радиус вложенности элементов
.parent {
--nested-radius: calc(var(--radius) - var(--padding));
}
.nested {
border-radius: var(--nested-radius);
}
TypeScript 7 официально вышел 😨
Главное: это не просто очередной релиз, а полностью переработанная версия компилятора и language server
TypeScript 7 портировали на нативный код с поддержкой параллельного выполнения, за счёт чего он может работать до 10 раз быстрее на многих проектах.
Что изменилось:
— быстрее компиляция и тайпчекинг;
— меньше потребление памяти;
— меньше крашей в редакторе;
— быстрее CI;
— отзывчивее VS Code, Visual Studio и другие IDE;
— официальная поддержка LSP;
— новый --watch-режим на базе Go-порта watcher’а из Parcel;
— автоматическое освобождение неиспользуемого состояния тайпчекера после простоя.
--checkers
--builders
@typescript/typescript6
tsc6, без конфликтов с обычным tsc.npm install -D typescript@7
npx tsc
🔍Тестовое собеседование на Frontend-разработчика с ex. TeamLead в Сбер
9 июля(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Даниил Дмитриев, старший разработчик в R-Vision, ex. TeamLead в Сбер, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Даниил будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Даниилу
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе.
Новое в CSS – text-fit: grow
Это свойство автоматически масштабирует размер шрифта так, чтобы текст идеально вписывался в ширину своего контейнера
Пока что поддерживается только в Chrome, Brave и Edge
➡️ @FrontendPortal
Разработчик из Сингапура смог запустить JavaScript на PSP, создав собственный фреймворк.
С Vue + Tailwind и анимациями в 60 FPS.
Потребляет всего 8 МБ RAM.
И всё это опенсорс:
https://github.com/pocket-stack/pocketjs
➡️ @FrontendPortal
День сурка frontend-разработчика
Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что.
Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь.
И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.
Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!
Идём на AI Hardcore Day в офис Авито на Лесной 11 июля! 🤩
Будем слушать доклады о Spec-Driven Development, разработке и тестировании MCP, атаках на GenAI-агентов.
А после — нетворкать на террасе.
⚡ Регистрация и подробности — по ссылке.
Кстати, доклады будут не под запись — советуем не пропускать!
Popover API
Удобный способ создавать всплывающие элементы. Новая возможность HTML. Имеет много встроенных фишек типа закрытия по клику на странице или по нажатию клавиши Esc.
Можно управлять как при помощи атрибутов HTML, так и через JS
Поддержка на данный момент составляет 88.2%
➡️ @FrontendPortal
Быстрый совет по CSS: Уменьшаем / скрываем скроллбары с помощью scrollbar-width
Cвойство позволяет изменить ширину полосы прокрутки. Принимает три значения: auto (дефолт), thin, none
На данный момент scrollbar-width поддерживается всеми браузерами - Can I Use
➡️ @FrontendPortal | #CSS #tip by Shripal Soni
Вышел Vite 8.1
- Экспериментальный Full Bundle Mode: примерно в 15 раз быстрее старт dev-сервера и до 10 раз быстрее полный reload на крупных приложениях.
- Chunk Import Map для сохранения стабильности чанков и улучшения кэширования.
- Интеграция WASM через ESM.
- Lightning CSS уверенно движется к статусу решения по умолчанию.
и многое другое!
Подробности в статье
https://vite.dev/blog/announcing-vite8-1
➡️ @FrontendPortal
🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг
25 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Виталию
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе.
Свойство scroll-padding
Позволяет остановить прокрутку на определённом расстоянии от края контейнера
Можно воспользоваться сокращённым свойством scroll-padding или альтернативными ему более конкретными свойствами scroll-padding-*
➡️ @FrontendPortal | #CSS
Очередная новинка в CSS на подходе — display: grid-lanes
Это решение для того самого Pinterest-лайаута: карточки разной высоты, которые плотно заполняют пространство без пустых дыр.
До сих пор подобные сетки обычно собирали через JavaScript и библиотеки вроде Masonry.js. Это добавляло лишние вычисления в рантайме, а при изменении размеров окна такие раскладки нередко начинали тормозить или ломаться.
Ребята из Apple подготовили отдельный сайт с примерами и подробным гайдом по grid-lanes:
https://gridlanes.webkit.org
Пока фича доступна только в Safari, но позже должна появиться и в других браузерах.
➡️ @FrontendPortal
Что, если «Следствие вели…» снимали бы в офисном сеттинге в IT-компании? Мы могли бы об этом только фантазировать, если бы… Авито взял и не снял свой выпуск с Леонидом Каневским 🔥
Мы ещё не успели посмотреть: планируем оставить на вечер. Говорят, легенда тру-крайма там расследует внезапный рост ошибок 404 на endpoint аватарок (реальный кейс команды AvitoTech, кстати!).
Смотрим, чтобы услышать будущие легендарные цитаты... ну и чтобы в вашей команде такого не случилось!
📱 YouTube
📱 Rutube
📱 VK Видео