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

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

Но существуют не только они. Если хотите лучше разбираться в видах архитектур, то посмотрите это видео. Здесь вы узнаете о 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

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

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

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

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

#golang #паттерны

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

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

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

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

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

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

Разница между @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;
  }
}

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

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

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

ИИ-агент на PHP

Не знаю как вы, а я, когда думаю о том, на чем сделан тот или иной ИИ-проект, сразу думаю про JS и Python. Но никак про PHP. Хотя для него есть хороший фреймворк, который даёт те же возможности, что и другие языки. Называется он Neuron — первый enterprise‑ready агентный фреймворк на PHP.

В этой статье подробнее о возможностях фреймворка, фичах и даже пример его использования на реальном ИИ-агенте.

#php #ml

— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?

Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4

#css @tproger_web

5 вещей, которые нужно знать фронтенд-разработчику про Docker

Граница между фронтендом и бэкендом становится всё тоньше. Современные фреймворки предлагают вам решения, которые требуют знаний с обоих направлений. В том числе и знаний Docker.

Хотя Podman и наступает на пятки Docker, второй всё ещё остаётся стандартом индустрии. Поэтому в этой статье мы пройдёмся по основам: от создания образа и управления контейнерами до настройки полноценного стека с бэкендом при помощи Docker Compose.

#docker

Предатель получается

Вышла версия Jeasx 2.1.0 — серверного фреймворка на основе JSX и Fastify

Этот фреймворк объединил простоту JSX и удобство SSR без необходимости использовать кучу разных инструментов. Он использует современные HTML и CSS, дополняя их асинхронным JSX на стороне сервера.

В последнем обновлении он получил:

— Node 24 (LTS) по умолчанию,
— улучшенный процесс заполнения среды приложения,
— и поддержку файлов .env.js.

Пробовали этот фреймворк?

#новости #ssr #jeasx

Сильно продающий баннер

Кладбище сайтов: цифровой некрополь эпохи веб 2.0

Вы вспоминаете старый форум, забавную флеш-игру или сайт любимой группы. Кликаете по сохранённой в закладках ссылке или находите адрес в поиске. В ответ — ошибка 404. Страница не найдена. Такая ситуация знакома каждому. Десятки тысяч сайтов исчезли — их больше нет в доступе.

Что происходит с веб-наследием? Почему сайты превращаются в цифровых зомби или вовсе исчезают без следа? Можно ли вернуть их из небытия? И кто за всем этим стоит? Это расследование проведёт вас по лабиринтам старых мёртвых доменов и покажет реальную картину интернет-кладбища.