React Frontend | YeaHub

#course #курсы #тренажер 📚 Code Basics — старт в IT с нуля Code Basics — бесплатная образовательная платформа для тех, кто хочет начать путь в IT. Проект создан командой и сообществом Хекслета, чтобы помочь новичкам понять принципы программирования, а не просто запомнить детали. В основе обучения — практический тренажёр, который помогает освоить базу и почувствовать логику кода. Перейти к материалу 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #relational #database 🤔 Чем отличается реляционная БД от нереляционной? 💬 Кратко: Реляционные БД хранят данные в таблицах со строгой схемой и связями. Нереляционные БД хранят данные в более гибком формате без жёстких связей. Реляционные БД сильны в целостности и транзакциях. Нереляционные — в масштабировании и гибкости схемы. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #zustand #reactquery #interview 🤔 Middle+ React Frontend-разработчик в A3F Group Техническое собеседование. Опыт в резюме — 4+ года. Пожелания по зарплате от 200к, комфорт 250к. 💬 Вопросы: - В чем разница между интерфейсом (interface) и типом (type) в TypeScript? - Каковы преимущества использования CSS Grid и Flexbox ? - Какие есть жизненные циклы в React? - Как правильно использовать useEffect для различных ситуаций? - Как создать и использовать кастомные хуки? 👉 Все вопросы из этого собеседования (44) 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #dependency_injection #inversion_of_control #DI_container 🤔 Что такое dependency injection? 💬 Кратко: Dependency injection (DI) — это шаблон проектирования, при котором зависимости объекта (например, сервисы или другие объекты) передаются ему извне, а не создаются внутри самого объекта. Это делает код более гибким и легко тестируемым, так как зависимости можно заменять на заглушки (mocks). DI часто реализуется через конструктор, свойства или методы. Он является ключевой частью многих современных фреймворков, таких как Angular, Spring и NestJS. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#article #event_loop #promise 📚 Полное понимание асинхронности в браузере Гайд по асинхронности в JavaScript. Статья на Хабр от Яндекса Перейти к материалу 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #polling #poke 🤔 Как работает механизм polling в сенсорах? 💬 Кратко: Polling — это периодическая проверка условия через заданный интервал времени. Сенсор «просыпается», проверяет условие и, если оно не выполнено, снова засыпает. Интервал задаётся параметром poke_interval. Такой подход прост, но может потреблять ресурсы, если сенсоров много. Поэтому polling нужно использовать аккуратно. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #ооп #git #оптимизация 🤔 Middle/Middle+ Frontend разработчик в компанию ПСБ Техническое собеседование. Зарплатная вилка: от 250к. Октябрь 2024. Опыт в резюме: 4 года. Спрашивали как работали с тестами на проектах, какое было покрытие и как развиваешься в свободное время. 💬 Вопросы: - Объяснить разницу между var, let и const в JavaScript? - Перечислите все типы данных в JavaScript? - Что такое стрелочные функции и чем они отличаются от обычных функций? - Что такое замыкания в JavaScript и почему они важны? - Объясните концепцию прототипного наследования в JavaScript? 👉 Все вопросы из этого собеседования (17) 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #Jest #Cypress #Playwright 🤔 Используются ли Jest, Cypress, Playwright и в каких случаях? 💬 Кратко: Jest — это фреймворк для модульного (unit) и интеграционного тестирования, в основном для логики JavaScript (React, Node.js). Cypress и Playwright — инструменты для сквозного (E2E) тестирования веб-приложений в браузере. Cypress удобен для быстрого написания стабильных тестов под Chrome, но работает только в рамках браузера. Playwright поддерживает несколько браузеров (Chrome, Firefox, Safari) и позволяет тестировать более сложные сценарии, включая мобильные эмуляции и работу с несколькими страницами. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#tool #графы 📚 Терялся в собственном коде? Встречай Gitvizz, инструмент, который мгновенно превращает кодовую базу в интерактивные графы, чтобы наглядно увидеть, как всё связано Перейти к материалу 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #realtime #update #polling 🤔 Как отобразить изменения в базе данных без перезагрузки страницы? 💬 Кратко: Чтобы отображать изменения в базе данных без перезагрузки страницы, клиент должен регулярно или реактивно получать обновления от сервера. Это можно делать через polling, WebSocket или другие push-механизмы. При получении новых данных обновляется состояние React, что вызывает ререндер. Выбор подхода зависит от требований к задержке, нагрузке и сложности системы. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #http #css #js 🤔 Middle Frontend разработчик в компанию X5 Group Техническое собеседование. Зима 2025. Опыт в резюме: 3.5 года. Вилка: 200к+. Проект: разработка продуктов для ритейла. В конце был лайвкодинг typescript. 💬 Вопросы: - Каковы преимущества использования CSS Grid и Flexbox ? - Как центрировать элемент по горизонтали и вертикали в CSS? - Отличие useMemo от useCallback. - В чем различия forEach и map? - Чем HTTP отличается от HTTPS? 👉 Все вопросы из этого собеседования (14) 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #generics #object_type #type_safety 🤔 Чем generics лучше использования object? 💬 Кратко: Generics позволяют создавать компоненты, работающие с разными типами, сохраняя информацию о типе. Использование object стирает эту информацию, делая код менее типобезопасным. С generics компилятор может проверять типы на этапе компиляции, предотвращая ошибки. Это также улучшает автодополнение в IDE и документацию кода. Generics делают код более выразительным и переиспользуемым без потери безопасности типов. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#podcast #всё 📚 TeachMeSkills IT-школа Это серия выпусков от "TeachMeSkills Школа программирования" Речь пойдет об актуальные направления и технологии в IT; перспективы роста начинающих специалистов; холиварные топики из жизни разработчиков. Перейти к материалу 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #integration_testing #API_testing #mock 🤔 Как тестировать взаимодействие клиента и сервера? 💬 Кратко: Для тестирования взаимодействия клиента и сервера используются интеграционные тесты, которые проверяют обмен данными через HTTP или WebSocket. Можно применять моки для имитации сервера на стороне клиента или использовать тестовые серверы. Инструменты вроде Postman, Supertest или Playwright помогают автоматизировать такие проверки. Важно тестировать как успешные сценарии, так и обработку ошибок. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #quick_sort #divide_and_conquer #pivot 🤔 Как работает быстрая сортировка? 💬 Кратко: Быстрая сортировка — это эффективный алгоритм сортировки, использующий принцип "разделяй и властвуй". Он выбирает опорный элемент, разделяет массив на две части: элементы меньше опорного и больше него. Затем рекурсивно применяет тот же процесс к каждой части. Средняя временная сложность составляет O(n log n). 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#course #задачи #тесты 📚 JavaScript. A3 Задачи Задачи на программирования на языке JavaScript, формат ввода-вывода делает задачи похожими на задачи на других языка программирования. В курсе используется синтаксис современного стандарта ES6. Перейти к материалу 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

Техническое собеседование. Июль 2024. Вилка 170к Ссылка на вопросы и задачи собеседования: https://app.yeahub.ru/wiki/collections/533

#Собес #portainer #container #management 🤔 Что такое Portainer и в каких случаях его используют 💬 Кратко: Portainer — это веб-интерфейс для управления Docker и Kubernetes. Он упрощает работу с контейнерами без использования CLI. Через Portainer можно запускать, останавливать и обновлять сервисы. Инструмент часто используют для небольших команд и on-premise окружений. В крупных продакшенах он обычно дополняет, а не заменяет DevOps-инструменты. 📌 Полный разбор + примеры использования — на платформе: 👉 Перейти к разбору 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

#Собес #algorithms #datastructures #prototypes 🤔 Middle+ React Frontend-разработчик в Иннотех (DION) Техническое собеседование. Весна 2026. Вилка от 250к. Опыт в резюме — 4+ года. 💬 Вопросы: - Как происходит сравнение типов? - Как проверить, является ли объект экземпляром определенного класса (функции-конструктора)? - Как проверить, существует ли определенное свойство в объекте или его прототипе? - Как работает цепочка прототипов? - Что произойдет при попытке обращения к свойству undefined? 👉 Все вопросы из этого собеседования (21) 📣 Все для прокачки навыков: ✅ Анонсы → канал ✅ Комьюнити → чат ✅ База задач и вопросов → платформа

Ссылка на задачу