Алексей Соин · zencod.ru
19 subscribers
165 photos
16 videos
4 files
1K links
Статьи по разработке

- frontend
- backend
- server

zencod.ru
Download Telegram
Лучшие AI-модели для генерации изображений (мой личный рейтинг по всем-всем моделям рынка) / Хабр
https://habr.com/ru/articles/920440/
Все, что нужно для создания приложений с LLM: обзор возможностей LangChain / Хабр
https://habr.com/ru/articles/921096/
Forwarded from FrontEndDev
Облегчаем использование регулярных выражений в JS

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

https://2ality.com/2025/06/javascript-regexp-tips.html
Forwarded from FrontEndDev
Params Editor

Удобное расширение для Chrome для редактирования query параметров url

https://params-editor.isolpro.in/
8 вещей на удалёнке, которые вернули мне концентрацию и спокойствие / Хабр
https://habr.com/ru/companies/minerva_media/articles/924882/
Forwarded from FrontEndDev
Вертикальный ритм

Почему вертикальный ритм важен и как его соблюсти при дизайне и разработке приложений.

https://habr.com/ru/companies/edison/articles/340670/
Forwarded from mefody.dev
Satisfies в TypeScript

Адам Ракис на примерах объясняет пользу ключевого слова satisfies в TypeScript.

Если коротко, это что-то вроде assert для типов. Представьте, что у вас есть тип с опциональным полем.


type Item = {
name: string;
description?: string;
};

function insertItems(items: Item[]) {}

insertItems(
backendItems.map(item => {
return {
name: item.item_name,
description_new: item.item_description,
};
})
);


В этом коде есть неприятный баг. TypeScript смотрит на типы и пытается их пересечь. Из-за опциональности поля description ошибки в коде нет с точки зрения типов. Но если дальше массив в рантайме передаётся с клиента на бэкенд, получим, вероятно, ошибку.

Как словить эту ошибку вовремя? Помимо явного указания типов вообще везде, где только можно вписать тип, можно сделать так:


insertItems(
backendItems.map(item => {
return {
name: item.item_name,
description_new: item.item_description,
} satisfies Item;
})
);


Здесь TS проверит реальное соответствие типу и ругнётся на лишнее поле. При этом автовыведение типов всё ещё работает.

Подробнее — по ссылке.

https://frontendmasters.com/blog/satisfies-in-typescript/
Forwarded from CodeCamp
This media is not supported in your browser
VIEW IN TELEGRAM
Тренируем алгоритмы — нашёл прикольный визуальный тренажёр с пошаговым выполнением кода.

Тут 70+ алгоритмов на JavaScript, Java и C++, всё красиво и с наглядно.

Забираем
Forwarded from CodeCamp
Полезно: нашёл для вас хардкорный гайд по Kubernetes. Автор пилил его целых 2 года, пересобрал сотни кластеров и провёл тысячи перезапусков, чтобы излить свою мудрость в тексте.

Что ждёт:

— Полный пошаговый гайд по сборке Kuberentes;
— Удобные alias’ы, функции и обёртки;
— Десятки скриптов, которые реально работают в бою;
— Важные нюансы, о которых обычно молчат туториалы.

Все упаковано в удобную MDX-документацию с фокусом на практику и читаемость.

Ещё и на русском
Ну, погоди! Как я создал свою версию культовой игры: от схемы до корпуса / Хабр
https://habr.com/ru/companies/ruvds/articles/923274/
Вайб-кодинг, это когда два инженера могут создать технический долг как минимум для 50 инженеров.

📱 @dev_notes_ru

#joke
Please open Telegram to view this post
VIEW IN TELEGRAM
Утилитные TS типы для работы с Promise

Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.

https://spin.atomicobject.com/better-promise-all/
Forwarded from Мир Linux
This media is not supported in your browser
VIEW IN TELEGRAM
Быстрый совет по Linux

При просмотре файла с помощью less нажмите v, чтобы открыть файл в редакторе по умолчанию прямо на той строке, которую вы сейчас просматриваете.

Удобно для быстрого редактирования без выхода из less. По умолчанию редактором обычно является Vi, даже не Vim.

Хорошая идея задать свой редактор в .bashrc или .zshrc вот так:
export EDITOR=nano  
export VISUAL=$EDITOR


@linuxos_tg
Forwarded from mefody.dev
Дружелюбное введение в SVG

Джош Камю с хорошим туториалом для новичков по основам SVG. На интерактивных демках показывает, как рисовать линии, прямоугольники, круги, эллипсы и полигоны. Заодно объясняет отличие атрибутов width и height от viewBox. И не только.

Опытные пользователи SVG вряд ли найдут для себя что-то новое, но, справедливости ради, среди нас не так уж много тех, кто часто пишет SVG руками.

https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
Forwarded from FrontEndDev
ES-toolkit

Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.

https://es-toolkit.dev/
Forwarded from FrontEndDev
Операторы логического присваивания

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

https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/