Дружеское напоминание всем пользователям VS Code

Вы можете создать свой шорткат для любых часто используемых команд и строк кода. Вот, например, как создать сниппет для console.log(), заменив его на cc.

Сохраняйте и пользуйтесь!

#совет #vscode

Деплоим своё фронтенд-приложение

Стоппер многих новичков, окунувшихся во фронтенд — «а что делать дальше»? Действительно, и так нужно изучить кучу всего, но даже после готового проекта, ещё надо разобраться, как его задеплоить, чтобы пользоваться могли не только вы.

В этом ролике вы научитесь размещать приложение на React на облачном сервере, настраивать Nginx, подключать домен, настраивать https, gzip, а ещё посмотрите на конфигурацию докера.

#видео #фронтенд #бэкенд

Контейнеры после Docker: куда движется мир с Podman и что нас ждет в 2026

Мы привыкли упаковывать приложения в контейнеры, а слово «Docker» уже стало нарицательным. Но монополия разрушена — из тени вышел Podman. Он предлагает много того, чего не хватает Docker — улучшенная безопасность и иная архетиктура.

Мы решили разобраться подробнее в отличиях и в том, что предлагают оба инструмента, где они находятся в 2025 году и что нас ждёт дальше.

#docker #podman

JavaScript-разработчик набирает npm install:

JavaScript на блокчейне: как язык браузера стал сердцем Web3

Казалось бы, JavaScript и блокчейн — вещи из разных миров: один создавался для кнопок на веб-страницах, другой — для распределённых систем и шифрования. Но именно JavaScript оказался ключом, который открыл Web3 для миллионов разработчиков.

Здесь мы разбираемся, как язык фронтенда постепенно взял под контроль децентрализованный интернет — от кошельков до нод и смарт-контрактов.

#web3 #javascript

Архитектура современных фронтенд-приложений

Сегодня часто можно встретить споры о том, что лучше выбрать — монолит или микросервисы. Это два популярных варианта архитектуры современных приложений.

Но существуют не только они. Если хотите лучше разбираться в видах архитектур, то посмотрите это видео. Здесь вы узнаете о 5 различных подходах, их особенностях и достоинствах.

#видео

«Я занимаюсь программированием из-за своей срасти к алгоритмам и точности»

Моя страсть к алгоритмам и точности:

ИИ-браузер OpenAI Atlas взламывают промт-инъекциями — создатели признали уязвимость

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

Atlas «повёлся» даже на невидимую инструкцию в Google Docs — вместо резюме вывел сообщение «не доверяй ИИ». В OpenAI признали, что промт-инъекции — одна из самых сложных и пока нерешённых проблем безопасности агентных ИИ-систем.

@your_tech

Забавная статистика: только 1% разработчиков использует debug в VS Code

Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика.

После анализа 11 805 сессий 68 программистов за три месяца было обнаружено, что в 75% случаев разработчики не ставят брейкпоинты и только 15% используют отладчик чаше, чем раз в месяц.

А всё потому, что дебаггер настроить дольше, чем написать команду и запустить скрипт. Ну и просто привычка. Во всяком случае так считают исследователи.

А вы пользуетесь дебаггером в VS Code?
👍 — да
👎 — нет

#новость #vscode

Типичный подписчик канала

Пополняем айтишный словарь: Альфа-Банк показал, какой сленг нас ждёт в будущем

Это сюжет одной из серий нового мультика — его выпустили к голосованию за лучшего работодателя страны на hh․ru. Банк идёт на рекордную третью победу подряд.

Примерить на себя роль VR-представителя банка можно в карточной игре-стратегии по мотивам сериала. Там же построите отделение для инопланетян.

Успеваете поиграть и проголосовать за Альфа-Банк до 31 октября.

Почему вам не стоит использовать экспорт приватных типов в Go

Когда разработчик переходит с одного языка программирования на другой, логично, что он по привычке потянет за собой и различные фишки и паттерны оттуда. Так, разрабы на Java или PHP приносят с собой привычку экспортировать приватные типы. Только вот в Go это не просто ненужно, но и вредно.

А почему так, подробно рассказали в статье у нас на сайте.

#golang #паттерны

Кто объяснит почему не сработает, у того снизится количество багов в коде на 20%. Отвечаю

Как найти уязвимости в коде?

Positive Technologies анонсировало бомбу для своих плагинов PT AI для IDE. Теперь разбирать результаты сканирования кода стало в разы проще.

Основная фича — плагины PT AI превращаются из сканера в интеллектуального ассистента.

Теперь он:
• подсказывает, какие проблемы стоит проверить в первую очередь;
• группирует их для пакетной обработки;
• предоставляет массовое управление статусами для ускорения работы.

Самым мощным обновлением стала интеграция с LLM (YandexGPT). ИИ теперь может автоматически генерировать патчи для исправления кода прямо в IDE с предпросмотром изменений, давать пояснения к правкам и сохранять историю рекомендаций.

Это #партнёрский пост

Учимся работать с DOM в JS

Урок для начинающих, который поможет вам разобраться, как работать с элементами DOM-дерева в JavaScript. За полчаса вы пройдёте 26 упражнений, где вы научитесь:

— создавать и удалять элементы на нашей странице;
— динамически создавать HTML-разметку;
— добавлять классы к элементам;
— использовать обработчики событий на созданных элементах
и многому другому.

Смотреть можно здесь или на YouTube.

#видео #javascript #начинающим

Разница между @media и @container

Оба эти инструмента помогают сделать сайт удобным на разных экранах, но реагируют на разное.

@media — смотрит на экран

Тут меняются стили в зависимости от размера окна браузера. Например, на большом экране карточки стоят в ряд, а на мобильном одна под другой.

@media (max-width: 600px) {
  .card {
    font-size: 14px;
  }
}

Тут если окно меньше 600px, текст уменьшается.

@container — смотрит на блок, внутри которого элемент

Иногда размер окна большой, но карточку зажали в узкую колонку. Тогда @media не поможет — ведь окно-то широкое. Но тут спасает @container.

Сначала говорим контейнеру, что он может влиять на детей:

.card-container {
  container-type: inline-size;
}

А теперь следим за его размером:

@container (max-width: 400px) {
  .card {
    font-size: 14px;
  }
}

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

#простымисловами

Даже грибки не спят, чтоб успеть к дедлайну. Будь как грибки