YeaHub Tech
412 subscribers
342 photos
15 videos
2 files
448 links
Новые технологии, советы и обучающие материалы

YeaHub — это платформа для IT-специалистов, объединяющая обучение, карьерный рост, развитие и сообщество единомышленников.

Платформа: https://yeahub.ru

Для связи: @ruslan_kuyanets
Download Telegram
🧑‍💻 5 вопросов с собесов Frontend разработчиков

1. Какие API создают microtask, а какие macrotask?
Microtask — это задачи с более высоким приоритетом, которые выполняются сразу после текущего стека вызовов. Macrotask — задачи с обычным приоритетом, которые обрабатываются по очереди между рендерами. Promise и queueMicrotask создают microtask, а setTimeout и события DOM — macrotask. Разница влияет на порядок выполнения и рендер.

2. Что такое race condition при запросах?
Race condition — это ситуация, когда несколько запросов выполняются параллельно, и результат более медленного запроса перезаписывает результат более быстрого. В итоге состояние приложения может оказаться некорректным. Это часто происходит при быстрых изменениях параметров запроса. Проблема связана не со скоростью сети, а с порядком завершения запросов.

3. Как реализовать аналог Promise.all вручную?
Аналог Promise.all можно реализовать, создав новый Promise и вручную отслеживая выполнение всех переданных Promise. Нужно сохранить результаты в массив в правильном порядке и считать количество завершённых операций. Если хотя бы один Promise отклоняется, итоговый Promise должен сразу перейти в состояние rejected. Это демонстрирует понимание базовой модели Promise.

4. Может ли микрозадача заблокировать рендер браузера?
Да, микрозадачи могут заблокировать рендер браузера. Браузер выполняет все microtask перед тем, как перейти к рендеру. Если microtask постоянно добавляют новые microtask, рендер откладывается. Это состояние называется starvation.

5. Как возникает race condition в React?
Race condition в React возникает, когда несколько асинхронных запросов выполняются параллельно и обновляют одно и то же состояние. React не знает, какой запрос является “последним” или актуальным. В результате более старый запрос может завершиться позже и перезаписать более свежие данные. Это приводит к отображению устаревшей информации в UI.

#event #loop #microtask #race #condition #promise #all #render
#game #flex #css
📚 Flexbox Froggy

Игра, в которой тебе нужно помочь лягушонку Фроги и его друзьям, написав CSS код. отличный способ изучить сложную тему в CSS flexbox.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
❤1
#book #начинающие #продвинутые
📚 Путь Ruby. Хэл Фултон и Андре Арко

Пособие считается одним из самых популярных среди программистов на Ruby. В нем представлена информация для тех, кто хочет эффективно писать качественные проекты на этом языке. В книге авторы разбирают более 400 фрагментов кода, что дает читателю более глубокое понимание устройства языка. Материал подан очень доступно, все объяснения подробны и понятны. Также присутствуют пояснения по имеющимся ограничениям.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
#Собес #transaction #isolation #serializable
🤔 В чём суть уровня изоляции SERIALIZABLE?

💬 Кратко:

SERIALIZABLE — самый строгий уровень изоляции транзакций. Он гарантирует, что результат параллельного выполнения транзакций эквивалентен их последовательному выполнению. Это устраняет все виды аномалий чтения. Цена за это — снижение производительности и возможные ошибки сериализации. Используется редко и осознанно.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
❤1
🧑‍💻 Вопросы с собесов для Node.js Разработчика

1. Как защитить данные в LocalStorage от стороннего JS?
Полностью защитить LocalStorage от чтения/изменения сторонним JS нельзя, так как он доступен в том же контексте. Можно уменьшить риски: хранить только нечувствительные данные, использовать шифрование или HttpOnly-куки для критичной информации.

2. Что такое Web Vitals?
Web Vitals — это набор ключевых метрик, которые Google использует для оценки скорости и удобства сайта. Основные из них:

- LCP (Largest Contentful Paint) — время загрузки самого большого элемента.
- FID (First Input Delay) — задержка перед реакцией на первое действие пользователя.
- CLS (Cumulative Layout Shift) — неожиданные смещения элементов на странице.

3. Что такое статический метод класса?
Статический метод — это функция класса, которая вызывается без создания экземпляра. Она принадлежит самому классу, а не объекту. Например, Math.random() — статический метод, так как не требует new Math().

4. Расскажи все про оптимизацию загрузки сайтов
Оптимизация загрузки сайтов — это способы сделать страницы быстрее. Основные методы: сжатие изображений, минификация CSS/JS, кэширование, ленивая загрузка (lazy load) и использование CDN. Чем быстрее сайт, тем лучше пользовательский опыт и выше позиции в поисковиках.

5. Как мы взаимодействуем с Node.js на фронтенде?
Node.js на фронтенде в основном применяется для:

- Сборки проектов (Webpack, Vite, Rollup).
- Запуска локального сервера для разработки.
- Управления зависимостями через npm/yarn/pnpm.
- Выполнения скриптов (тесты, линтинг, деплой).

Фронтенд-разработчики не запускают Node.js в браузере, но используют его в инструментах сборки.

#куки #хранилище #security #optimization #class #optimizations #webpack
#repository #структурирование #стиль #тестирование
📚 Node.js Best Practices

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

Этот репозиторий не только содержит сведения о полезнейших приёмах разработки для Node.js, он, кроме того, даёт сведения об интеграции Node.js с другими платформами — с такими, например, как Docker и Kubernetes. Сейчас в нём находится более 80 «лучших практик», руководств по стилю, советов по архитектуре приложений.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
#repository #books
📚 Коллекция официальных электронных книг от Unity

Сайт представляет собой аккуратно составленный список бесплатных электронных книг, изданных командой Unity — от руководств по 2D-графике и освещению до кейс-стади и материалов по DevOps, дизайну игр и оптимизации — с целью помочь разработчикам легче находить и использовать эти качественные обучающие ресурсы в одном месте

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
#Собес #промисификация #промисы
🤔 Что такое промисификация?

💬 Кратко:

Промисификация — это процесс преобразования функций, которые используют колбэки, в функции, возвращающие промисы. Это делает работу с асинхронным кодом более удобной и упрощает его чтение и управление. Промисификация позволяет использовать промисы и их цепочки вместо глубокого вложения колбэков.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
🧑‍💻 Подборка из 5 вопросов для Golang разработчиков

1. Что такое FULL VACUUM и зачем он применяется?
VACUUM FULL полностью перераспределяет таблицу и освобождает неиспользуемое пространство на диске, блокируя таблицу на запись. Его применяют для значительного уменьшения размера таблиц после массового удаления или обновления большого объёма строк.

2. Что такое микросервисный слой?
Микросервисный слой — это уровень в системе, где сосредоточены автономные сервисы, выполняющие отдельные бизнес-функции (например, аутентификация, платежи, каталог). Каждый слой взаимодействует с соседними через чётко определённые API, что упрощает развитие и масштабирование, а также позволяет изолировать изменения внутри одного слоя.

3. Какие существуют типы вызовов в gRPC?
gRPC поддерживает четыре вида вызовов: одиночный RPC (Unary) — один запрос/ответ, серверный стриминг — один запрос, поток ответов, клиентский стриминг — поток запросов, один ответ, и двунаправленный стриминг (Bidirectional) — поток запросов и поток ответов.

4. Как обеспечить согласованность данных между микросервисами?
Для согласованности используют транзакции на уровне бизнес-процессов (saga), где каждый шаг либо компенсируется при ошибке, двухфазное подтверждение (2PC) или eventual consistency через публикацию событий (Event Sourcing, CDC). Saga-паттерн более гибок и масштабируем, но требует реализации компенсационных операций.

5. Что такое SOLID-принципы?
SOLID — это аббревиатура пяти принципов: Single Responsibility (единственная ответственность), Open/Closed (открытость/закрытость), Liskov Substitution (подстановка Лисков), Interface Segregation (разделение интерфейсов) и Dependency Inversion (инверсия зависимостей). Они направлены на повышение расширяемости, тестируемости и сопровождаемости кода.

#vacuum_full #cleanup #table_rewrite #service #layer #autonomy #unary #streaming #server_streaming #saga #event #sourcing #single #responsibility #open
👍1
#book #book
📚 Глубокое обучение. Погружение в мир нейронных сетей

Книга — основа основ для сотен специалистов в области глубокого обучения. В ней описывается история глубокого обучения и его основные идеи. Авторы показывают, как это все работает в современном мире и какие у направления есть перспективы.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
#trainer #codewars
📚 CodeWars

LeetCode можно не обсуждать — про него всё понятно. А вот младшего брата CodeWars — можно. Это сайт с задачами, ĸоторые делают другие пользователи.

Почему он младший брат? Потому что задачи в нём больше на логиĸу и отработĸу базовых логичесĸих ĸонструĸций. Алгоритмичесĸие задачи тоже можно встретить, но более лёгĸий порог входа — отличительная сторона сайта. За прохождение задач (они называют их Kata) вы получаете Honor-очĸи, тем самым повышаете репутацию своего профиля.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
❤1
#Собес #signals #reentrancy #signal_handler
🤔 Что произойдёт, если во время обработки одного сигнала придёт ещё один такой же?

💬 Кратко:
Если во время обработки сигнала приходит ещё один такой же, он обычно блокируется до завершения текущего обработчика. Система автоматически добавляет сигнал в маску blocked, чтобы предотвратить рекурсивный вызов. После выхода из обработчика сигнал доставляется снова. Это поведение гарантирует, что обработчик не будет прерван самим собой.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
🧑‍💻 Вопросы с собеседований для DevOps

1. Какие сложности возникают при запуске моделей внутри контейнеров
Основные сложности связаны с зависимостями, размером образов и ресурсами. ML-модели часто требуют специфичных версий библиотек и драйверов. Контейнеры с GPU сложнее в настройке и отладке. Также возникают проблемы с памятью и временем старта. Все это усложняет эксплуатацию в продакшене.

2. Что такое OpenShift и как он используется?
OpenShift — это платформа контейнеризации на базе Kubernetes, созданная Red Hat. Она предоставляет готовый набор инструментов для разработки, развёртывания и управления контейнеризированными приложениями. OpenShift добавляет к Kubernetes функции безопасности, CI/CD, мониторинга и управления жизненным циклом приложений. Он часто используется в корпоративных средах для стандартизации процессов DevOps.

3. Как происходит переключение контекста между потоками?
Переключение контекста — это процесс сохранения состояния текущего потока и загрузки состояния другого потока, чтобы ядро ОС могло передать управление процессором. Сохраняются значения регистров процессора, указатель стека и другая служебная информация. Это позволяет реализовать многозадачность, создавая иллюзию параллельного выполнения многих потоков на одном ядре. Переключение выполняется планировщиком ядра и требует времени, которое является накладными расходами.

4. Как работает обработка событий через сигналы?
Сигналы — это ограниченная форма межпроцессного взаимодействия (IPC) в Unix-подобных системах, уведомляющая процесс о наступлении асинхронного события. Например, нажатие Ctrl+C в терминале отправляет процессу сигнал SIGINT, запрашивая его завершение. Процесс может перехватить большинство сигналов, установив специальную функцию-обработчик (signal handler), которая выполняется асинхронно, прерывая основной поток выполнения. Это позволяет программе корректно реагировать на внешние события, такие как запросы на остановку или изменения состояния системы.

5. Какие метрики собирал в проектах с LLM/RAG? Как доставлял их в дашборды?
В проектах с LLM/RAG собирал метрики качества ответов (точность, полнота, F1, faithfulness), задержки (latency p50/p95/p99), стоимость токенов, количество ошибок и дрейф эмбеддингов. Для доставки в дашборды использовал Prometheus для сбора метрик и Grafana для визуализации. Также применял логирование в ELK-стек для анализа отдельных запросов.

#ml #model #OpenShift #Kubernetes #container_platform #context_switch #thread #scheduler #signals #Unix #process #LLM #RAG #metrics
#repository #godotengine
📚 Godot Engine

Официальный исходный код открытого кросс‑платформенного игрового движка Godot. Это полноценная среда для разработки 2D‑ и 3D‑игр, включающая редактор, скриптовый язык GDScript (похожий на Python), систему сцен и узлов, инструменты анимации, физику и рендеринг. Репозиторий содержит всю кодовую базу движка, документацию, примеры, а также систему отслеживания задач и обсуждений. Подходит как для изучения архитектуры движка, так и для внесения собственных изменений, создания плагинов или сборки кастомных версий.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
👍1
#podcast #всё
📚 TeachMeSkills IT-школа

Это серия выпусков от "TeachMeSkills Школа программирования"
Речь пойдет об актуальные направления и технологии в IT; перспективы роста начинающих специалистов; холиварные топики из жизни разработчиков.


Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
#Собес #monitoring #observability #metrics
🤔 Какие инструменты используются для мониторинга? (Prometheus, Grafana, Sentry)

💬 Кратко:

Основные инструменты мониторинга:

- Prometheus - сбор метрик
- Grafana - визуализация
- Sentry - отслеживание ошибок
- ELK Stack - логирование

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
👍1
🧑‍💻 Подборка из 5 вопросов для Golang разработчиков

1. Как каналы устроены в Go?
Каналы в Go используются для передачи данных между горутинами. Они могут быть буферизированными и неблокирующими либо небуферизированными и блокирующими. Работа каналов основана на принципах синхронизации и безопасности при параллельном выполнении.

2. Как устроены контексты в Go?
Контексты в Go — это механизм для управления жизненным циклом горутин. Они позволяют устанавливать дедлайны, отменять задачи и передавать данные между горутинами. Контексты создаются через функции пакета context и часто используются в сетевых запросах или долгоживущих процессах.

3. Опишите шаги тестирования в Golang?
В Go тестирование пакетов осуществляется через файлы, которые заканчиваются на _test.go, содержащие функции с префиксом Test. Для выполнения тестов используется команда go test. Это помогает автоматизировать процесс проверки корректности работы программ.

4. Зачем нужны транзакции?
Транзакции — это последовательность операций с базой данных, которые выполняются как единое целое. Они обеспечивают четыре свойства (ACID): атомарность, согласованность, изолированность и долговечность. Транзакции гарантируют, что данные будут оставаться в согласованном состоянии даже при сбоях.

5. Что такое замыкания функций в контексте Go?
Замыкание функции — это функция, которая захватывает и использует переменные из окружающего контекста. Эти функции могут сохранять состояние между вызовами.

#goroutines #concurrency #buffered #context #timeout #testing #test #unit_test #transactions #acid #rollback #closure #function #scope
🔥1
#repository #godotengine
📚 Godot Engine

Официальный исходный код открытого кросс‑платформенного игрового движка Godot. Это полноценная среда для разработки 2D‑ и 3D‑игр, включающая редактор, скриптовый язык GDScript (похожий на Python), систему сцен и узлов, инструменты анимации, физику и рендеринг. Репозиторий содержит всю кодовую базу движка, документацию, примеры, а также систему отслеживания задач и обсуждений. Подходит как для изучения архитектуры движка, так и для внесения собственных изменений, создания плагинов или сборки кастомных версий.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
#repository #books
📚 Коллекция официальных электронных книг от Unity

Сайт представляет собой аккуратно составленный список бесплатных электронных книг, изданных командой Unity — от руководств по 2D-графике и освещению до кейс-стади и материалов по DevOps, дизайну игр и оптимизации — с целью помочь разработчикам легче находить и использовать эти качественные обучающие ресурсы в одном месте

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
#Собес #promise #then #catch
🤔 В каком порядке выполняются then, catch и finally у Promise

💬 Кратко:

then вызывается при успешном выполнении Promise, catch — при ошибке, а finally — всегда, независимо от результата. finally выполняется после then или catch, но не меняет значение, если сам не выбрасывает ошибку. Все эти колбэки выполняются как микротаски. Порядок строго следует цепочке.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
🧑‍💻 Вопросы с собеседований для DevOps

1. Как работать с тестовыми стендами? (Dev, QA, Prod)
Тестовые стенды (environments) обеспечивают изоляцию этапов разработки. Dev - для активной разработки, QA - для тестирования, Prod - рабочий. Каждый стенд имеет свою конфигурацию, базы данных, и внешние сервисы. Развертывание происходит последовательно через pipeline. Ключевые принципы: идентичность конфигураций, версионность, и минимальные различия между стендами.

2. Какие методы уменьшения объема Docker-образа ты знаешь?
Основные методы: использование многоступенчатой сборки (multi-stage build), выбор минимального базового образа (например, alpine), объединение команд RUN в одну для уменьшения слоёв, использование файла .dockerignore и удаление кэша пакетного менеджера в том же слое, где он использовался.

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

4. Как происходит переключение между потоками на уровне операционной системы
Переключение между потоками выполняется планировщиком операционной системы. Когда поток блокируется или истекает его квант времени, ОС сохраняет его состояние и передает управление другому потоку. Этот процесс называется контекстным переключением. Он позволяет нескольким потокам «делить» один или несколько CPU.

5. Как работает механизм polling в сенсорах?
Polling — это периодическая проверка условия через заданный интервал времени. Сенсор «просыпается», проверяет условие и, если оно не выполнено, снова засыпает. Интервал задаётся параметром poke_interval. Такой подход прост, но может потреблять ресурсы, если сенсоров много. Поэтому polling нужно использовать аккуратно.

#environment #deployment #production #docker #image_optimization #allocation #memory #optimization #context #switch #polling #poke