Код в мешке
249 subscribers
9.06K photos
1.6K videos
2.11K files
42.5K links
Код в мешке - про кодинг, и не только...
Это личная записная книжка

https://t.me/joinchat/AAAAAEIy6oGlr8oxqTMS5w
Download Telegram
⚡️ Web Components можно было делать проще — и вот как

Идея Web Components звучит идеально, но в реальности: FOUC, проблемы с SSR и лишний JavaScript. Появился подход — Progressive Web Components:

Сначала рендерится HTML + CSS
Потом подключается JS как улучшение, а не как база

🔜 Что это даёт:

— интерфейс появляется сразу
— меньше layout shift
— проще SSR
— меньше зависимости от JS


📎 В статье показывают, как это реализовать на практике через лёгкую библиотеку (~2.6kB) Если делаете UI или дизайн-системы — стоит посмотреть.

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#under_hood #webcomponents
Please open Telegram to view this post
VIEW IN TELEGRAM
🛡️ TypeScript: безопасный доступ к вложенным свойствам

Никаких больше “Cannot read property of undefined”!


// Опасно
const city = user.address.city;
// Ошибка, если address === undefined

// Многословно
const city = user && user.address && user.address.city;

// Безопасно
const city = user?.address?.city ?? 'Не указан’;


Optional chaining (?.)

Возвращает undefined, если слева null или undefined, и не пытается читать свойство дальше.

Nullish coalescing (??)
Возвращает правую часть только если слева null или undefined.

Чем отличается от ||:


const volume = settings.volume ?? 0.5;
// Если volume = 0, вернёт 0 — корректно

const volume = settings.volume || 0.5;
// Если volume = 0, вернёт 0.5 — нежелательное поведение


Где использовать:

— ответы API
— вложенные объекты конфигурации
— поля форм, которые могут отсутствовать
— опциональные коллбэки

🈁 Примеры:


// Массивы
const first = users?.[0]?.name ?? 'Гость';

// Функции
onClick?.();

// Сложные цепочки
const price = product?.variants?.[0]?.price?.amount ?? 0;


📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#hotfix #ts
Please open Telegram to view this post
VIEW IN TELEGRAM
english-for-it-specialists.pdf
187.7 KB
🗂 Английский, который реально нужен в IT

Если вы читаете документацию без переводчика, но на созвоне зависаете на слове deploy — это норм. Проблема не в уровне языка, а в отсутствии рабочей лексики.

Мы нашли файл с базой терминов, которые постоянно встречаются в работе ⚡️

— глаголы: deploy, debug, compile, integrate, upgrade
— действия: install, reboot, restore, verify
— железо: CPU, GPU, SSD, motherboard
— софт: IDE, VCS, runtime, testing, OOP
— сеть: DNS, router, bandwidth, latency


С вас 🎈, если сохранили!

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека программиста
👩‍💻 Напоминаем про наш полный курс «Самоучитель по Go для начинающих»

Мы написали и собрали для вас в одну подборку все 18 частей, подкрепленных практикой.

1. Особенности и сфера применения Go, установка, настройка
2. Ресурсы для изучения Go с нуля
3. Организация кода. Пакеты, импорты, модули. Ввод-вывод текста.
4. Переменные. Типы данных и их преобразования. Основные операторы
5. Условные конструкции if-else и switch-case. Цикл for. Вложенные и бесконечные циклы
6. Функции и аргументы. Области видимости. Рекурсия. Defer
7. Массивы и слайсы. Append и сopy. Пакет slices
8. Строки, руны, байты. Пакет strings. Хеш-таблица (map)
9. Структуры и методы. Интерфейсы. Указатели. Основы ООП
10. Введение в ООП. Наследование, абстракция, полиморфизм, инкапсуляция
11. Обработка ошибок. Паника. Восстановление. Логирование
12. Обобщенное программирование. Дженерики
13. Работа с датой и временем. Пакет time
14. Интерфейсы ввода-вывода. Буферизация. Работа с файлами. Пакеты io, bufio, os
15. Конкурентность. Горутины. Каналы
16. Тестирование кода и его виды. Table-driven подход. Параллельные тесты
17. Основы сетевого программирования. Стек TCP/IP. Сокеты. Пакет net
18. Протокол HTTP. Создание HTTP-сервера и клиента. Пакет net/http

🐸 Библиотека программиста
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека программиста
Мало кто знает, но у нас есть целая подборка списков awesome на GitHub. Остается выбрать свой стек и добавить в закладки 👉 https://t.me/proglibrary/6981

В конце тебя ждет новый репозиторий Awesome local LLM. Внутри всё под ключ — платформы, тулзы, практики и ресурсы, которые помогут локально использовать большие языковые модели 🔥

🐸 Библиотека программиста
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Хабр
«Мой CLAUDE.md — 582 строки. Вот зачем»

Автономная работа ИИ-агентов с кодом часто оборачивается катастрофой. Стёртая production-база, слитые в публичный репозиторий секреты или блокировка сервера из-за десятка бесконтрольных SSH-сессий — типичный итог дефолтных инструкций.

Обычные текстовые правила не спасают от галлюцинаций, требуется детерминированная система. Шестислойная архитектура конфигурации связывает графы памяти, механические Python-хуки для страховки рутины и жёсткие красные линии. Изучим архитектуру безопасного пайплайна, построенного на базе 37 академических концепций.
Claude Code теперь требует паспорт #habr
https://habr.com/ru/news/1024400/
Tags: Claude, Anthropic, верификация, проверка личности, блокировка аккаунта, санкции, неподдерживаемое местоположение, AI-сервисы, доступ из России, безопасность аккаунта
Чем стресс отличается от выгорания: я долго путал их между собой и из-за этого восстанавливался мимо причины #habr
https://habr.com/ru/articles/1024004/
Tags: выгорание, рабочая неделя, нагрузка, тайм-менеджмент, стресс-менеджмент, стресс, стрессоустойчивость, исследования
Author: AlexeyMarketing
Релиз nxs-universal-chart 3.0, инструмента для развёртывания приложений в Kubernetes #opennet
https://www.opennet.ru/opennews/art.shtml?num=65213

Опубликован релиз nxs-universal-chart 3.0, инструментария для развёртывания приложений в Kubernetes. Платформа модульная и работает на базе самостоятельных nuc-* sub-charts, которые публикуются через реестр OCI и подключаются в основной chart-пакет как зависимости под конкретную задачу, что позволяет собирать приложение и нужную ему обвязку в рамках одного Helm-релиза. Поверх основного chart-пакета строятся модули для настройки трафика, мониторинга, AI-инференеса и других инфраструктурных элементов в Kubernetes. Код написан на Go и Python, и распространяется под лицензией Apache 2.0. В работе используются Istio, KServe, KNative и Vault Secret Operator.
Почему вам не отвечают на отклики: разбор рынка найма в IT на данных за 2025–2026 #habr
https://habr.com/ru/articles/1024484/
Tags: трудоустройство, трудоустройство в it, поиск работы в it, поиск работы в рф, it-компании, it, аналитика, статистика в it, статистика, прграммирование
Author: Leximist