Frontend | Тесты

@easy_frontend_tests

Сайт: easyoffer.ru

Реклама: @easyoffer_adv

Готовься к собесам - t.me/+kXKgJEjRUww3N2Ni
Нарешивай задачи - t.me/+_tcX2w2EmvdmMTgy
Ищи работу - t.me/+CgCAzIyGHHg0Nzky

Frontend | Тесты (Russian)

Вы любите Frontend разработку? Хотите проверить свои знания и навыки в этой области? Тогда канал "Frontend | Тесты" (@easy_frontend_tests) идеально подойдет для вас! Здесь вы найдете множество интересных задач и тестов, которые помогут вам улучшить свои навыки в Frontend разработке.

На нашем сайте easyoffer.ru вы также найдете дополнительные материалы и ресурсы для изучения Frontend. У нас есть рекламный канал @easyoffer_adv, где вы можете узнать о последних новинках и предложениях в мире Frontend разработки.

Готовьтесь к собеседованиям с помощью нашего канала t.me/+kXKgJEjRUww3N2Ni, решайте интересные задачи по Frontend на t.me/+_tcX2w2EmvdmMTgy и находите работу своей мечты на t.me/+CgCAzIyGHHg0Nzky. Присоединяйтесь к нам и станьте профессионалом в сфере Frontend разработки!

Frontend | Тесты

13 Jan, 16:10

🤔

Как проверить, что поле является массивом

Используйте метод Array.isArray(value). Он возвращает true, если переданный параметр является массивом, и false в противном случае.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

772

Frontend | Тесты

12 Jan, 16:10

🤔

Расскажите о жизненном цикле компонента Vue

Жизненный цикл включает этапы: инициализация (создание и настройка компонента), монтирование (рендеринг в DOM), обновление (перерисовка при изменении данных) и уничтожение (удаление из DOM). Методы жизненного цикла (mounted, updated, destroyed) позволяют выполнять действия на каждом этапе.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,110

Frontend | Тесты

11 Jan, 16:10

🤔

Как работает реактивность в Vue.js

Реактивность достигается через отслеживание изменений данных с использованием Proxy или Object.defineProperty. Vue автоматически обновляет DOM, если наблюдаемые данные изменяются, благодаря механизму отслеживания зависимостей. Это упрощает синхронизацию состояния приложения с интерфейсом.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,107

Frontend | Тесты

10 Jan, 16:10

🤔

Зачем нужен Redux

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,218

Frontend | Тесты

09 Jan, 16:10

🤔

Что такое интерполяция?

Это способ отображения динамических данных в шаблонах.
1. В Vue интерполяция выполняется с использованием двойных фигурных скобок ({{ }}).
2. Позволяет вставлять значения из данных или вычисляемых свойств в пользовательский интерфейс.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,395

Frontend | Тесты

09 Jan, 12:55

📊

📊

Реклама в сети телеграм каналов easyoffer
✈️ Для заказа пишите @easyoffer_adv

871

Frontend | Тесты

08 Jan, 16:10

🤔

Что делает $emit?

Метод $emit используется в дочернем компоненте для отправки событий родительскому компоненту.
1. Позволяет дочернему компоненту уведомлять родителя о действиях или изменениях.
2. Родительский компонент слушает эти события с помощью v-on или @.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,547

Frontend | Тесты

02 Jan, 16:10

🤔

Что такое селектор?

Селектор определяет, к каким элементам HTML применяется стиль.
1. Примеры простых селекторов: h1 (по тегу), .class (по классу),

#id

(по идентификатору).
2. Примеры сложных селекторов: [type="text"] (по атрибуту), div > p (по вложенности).
Селекторы позволяют точно настраивать оформление элементов на странице.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

707

Frontend | Тесты

01 Jan, 16:16

– Помощь с pet-проектом
– Составление roadmap
– Общая консультация
– Проведение код-ревью и mock-собеседования
– Помощь с трудоустройством

Все это и многое другое может Ментор. Он обеспечит вам необходимый boost, ускорит и упростит вход в IT.

🔥 Здесь размещен список менторов, и многие из них предлагают бесплатную первую консультацию

886

Frontend | Тесты

01 Jan, 16:10

🤔

Как работает браузер?

Браузер выполняет четыре основные задачи:
1. Запрос к серверу: отправляет HTTP/HTTPS-запрос для получения веб-страницы.
2. Парсинг данных: создаёт DOM из HTML и CSSOM из CSS.
3. Рендеринг: объединяет DOM и CSSOM в Render Tree, выполняет раскладку и отрисовку.
4. JavaScript: интерпретируется для динамических изменений и взаимодействий.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

877

Frontend | Тесты

31 Dec, 16:10

🤔

Что такое SOLID?

SOLID — это принципы ООП для создания гибкого кода: единая ответственность, открытость для расширения, замена подклассов, узкие интерфейсы, зависимости от абстракций.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,098

Frontend | Тесты

30 Dec, 16:10

🤔

Как можно ускорить загрузку сайта?

1. Оптимизировать изображения (сжать и использовать современные форматы, например, WebP).
2. Использовать кэширование данных (например, через CDN).
3. Минифицировать CSS, JS и HTML.
4. Асинхронно загружать сторонние скрипты и шрифты.
5. Использовать lazy loading для изображений и компонентов.

Ставь 👍 и забирай 📚 Базу знаний

1,282

Frontend | Тесты

30 Dec, 07:00

🖥

Хотите легко и быстро изучить программирование?

В этом канале вас ждут мощные скрипты и интуитивно понятные коды! Обучение, которое вдохновляет!

💻 Узнайте секреты успеха от настоящих профессионалов и внедрите свои идеи в реальность!
🆗 Подпишитесь сейчас и получите уникальные материалы, которые помогут вам достичь новых знаний в программировании! 🚀

✨

🟣 Всё это - в Логово комара ⚪
🔗 https://t.me/kmrlog

872

Frontend | Тесты

29 Dec, 16:10

🤔

Почему React лучше, чем jQuery?

1. Модульность: React позволяет разделять интерфейс на компоненты, что улучшает читаемость и переиспользуемость кода.
2. Virtual DOM: React обновляет только изменённые части DOM, повышая производительность.
3. Однонаправленный поток данных: Упрощает управление состоянием по сравнению с jQuery, где часто возникает путаница в изменениях.
4. Совместимость: React лучше подходит для сложных приложений, благодаря поддержке современных технологий и инструментов, таких как Redux и Context API.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу Знаний

1,312

Frontend | Тесты

28 Dec, 16:10

🤔

Как работает new?

Ключевое слово new создаёт новый объект, основанный на конструкторе.
1. Создаётся пустой объект, связанный с прототипом конструктора.
2. Вызывается функция-конструктор, передающая объекту свои свойства и методы.
3. Если конструктор не возвращает объект явно, возвращается новый объект.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,360

Frontend | Тесты

27 Dec, 16:10

🤔

Как работает React?

Это библиотека для построения пользовательских интерфейсов, основанная на компонентной архитектуре. Она использует Virtual DOM для оптимизации обновлений: изменения сначала вносятся в виртуальный DOM, а затем синхронизируются с реальным DOM минимальными операциями. React поддерживает однонаправленный поток данных, что упрощает управление состоянием приложения.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,208

Frontend | Тесты

26 Dec, 16:10

🤔

Что такое Git-flow?

Git-flow — это модель ветвления в Git для управления разработкой, предложенная Винсентом Дриссеном. Она включает основные ветки (`main`, `develop`) и временные ветки (`feature`, `release`, `hotfix`) для разработки, тестирования и исправления ошибок. Git-flow делает процесс разработки структурированным, но может быть избыточным для небольших или быстрых проектов.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,328

Frontend | Тесты

25 Dec, 16:10

🤔 Что такое HTTP?

HTTP (Hypertext Transfer Protocol) — это протокол для передачи данных между клиентом (браузером) и сервером. Он работает на основе запросов (GET, POST, PUT, DELETE) и ответов, предоставляя возможность обмениваться текстом, медиа и другими данными.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,440

Frontend | Тесты

07 Dec, 16:10

🤔 В чём разница между макро- и микро-задачами?

Макро-задачи (например, setTimeout, setInterval) выполняются в основном цикле событий после выполнения текущего стека. Микро-задачи (например, Promise, queueMicrotask) имеют более высокий приоритет и выполняются сразу после текущего выполнения кода, до обработки макро-задач. Микро-задачи используются для обработки данных в реальном времени, а макро-задачи — для отложенных действий.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

161

Frontend | Тесты

06 Dec, 16:10

🤔 Какие селекторы знаешь?

CSS-селекторы включают:
Простые: селекторы тегов (div), классов (.class), ID (

#id

), атрибутов ([type="text"]).
Комбинаторы: потомок (A B), прямой потомок (A > B), сосед (A + B), все последующие (A ~ B).
Псевдоклассы: :hover, :nth-child(n), :first-of-type.
Псевдоэлементы: ::before, ::after, ::placeholder.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

806

Frontend | Тесты

06 Dec, 07:00

📶

С 1 декабря для граждан РФ открыт доступ к платным материалам по программированию

Вот отсортированные базы с тонной материала(книги, курсы, ресурсы и гайды). Выбирай своё направление:

👩‍💻

Frontend

👩‍💻

PHP

⚙️

Backend

👩‍💻

Моб. Dev

📱

GitHub

👩‍💻

GameDev

🤓

Всё айти

👩‍💻

DevOps

👩‍💻

Python

🖥

Data Science

👩‍💻

Java 🐞 Тестирование

👩‍💻

🤔

Хакинг & ИБ

👩‍💻

С/С++

📱

Маркетинг

🖥

SQL

🖥

Дизайн

👩‍💻

Golang

👣

Rust

Скачивать ничего не нужно — все выложили в Telegram с доступом по ссылке

927

Frontend | Тесты

05 Dec, 16:10

🤔 Что такое React?

React — это библиотека JavaScript для создания пользовательских интерфейсов, основанная на компонентах и виртуальном DOM, что делает её эффективной и удобной для масштабирования.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,108

Frontend | Тесты

27 Nov, 16:10

🤔 Что ты знаешь про специфичность селекторов?

Специфичность определяет приоритет CSS-правил: инлайн-стили имеют наивысший приоритет, затем идут ID, классы, атрибуты, псевдоклассы, а наименьший приоритет у тегов.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

608

Frontend | Тесты

26 Nov, 16:10

🤔 Расскажи про области видимости?

Области видимости определяют, где переменные доступны: глобальная (доступна везде), локальная (внутри функции), блочная (внутри блока) и модульная (в пределах модуля).

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

997

Frontend | Тесты

26 Nov, 12:53

😎 База IT собеседований – твоё секретное оружие для успешного прохождения этапов отбора! Собеседования от реальных компаний: Сбер, Яндекс, ВТБ, Тинькофф, Озон, Wildberries и многие другие! 🏢 Мы собрали 230 собесов, чтобы ты мог подготовиться к интервью с уверенностью и успехом.

🎯 Присоединяйся к базе и прокачай свои шансы на успешное трудоустройство!

980

Frontend | Тесты

25 Nov, 16:10

🤔 Приведи пример микрозадач

Примеры микрозадач в JavaScript включают колбэки, связанные с Promise (методы .then(), .catch(), .finally()), а также MutationObserver. Эти задачи добавляются в очередь микрозадач и выполняются сразу после текущего стека вызовов, но до выполнения макрозадач, таких как таймеры или события из очереди событий.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,267

Frontend | Тесты

22 Nov, 16:10

🤔 Что такое dom дерево?

DOM (Document Object Model) — это структура HTML-документа в виде дерева, где каждый элемент, атрибут и текстовый узел представлены как объекты.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

869

Frontend | Тесты

21 Nov, 16:10

🤔 Как использовать useEffect?

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,134

Frontend | Тесты

20 Nov, 16:10

🤔 Что такое state manager и с какими приходилось работать?

State manager — это инструмент или библиотека для управления состоянием приложения, особенно в сложных проектах с большим количеством взаимозависимых данных. Популярные state manager’ы включают Redux, MobX и Zustand для React-приложений, обеспечивающие централизованное хранение и управление состоянием. Они помогают структурировать данные, отслеживать их изменения и синхронизировать их между компонентами.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,209

Frontend | Тесты

02 Nov, 16:10

🤔 Что такое REST API?

REST (Representational State Transfer) API — это архитектурный стиль разработки веб-сервисов, который использует стандартные HTTP-методы, такие как GET, POST, PUT и DELETE для обмена данными между клиентом и сервером. REST API облегчает взаимодействие с ресурсами, представляя их в форме URL с четко определенными операциями.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

979

Frontend | Тесты

01 Nov, 16:10

🤔 Что такое DOM дерево

- DOM (Document Object Model) — это программный интерфейс для HTML-документов, представляющий структуру страницы в виде дерева узлов.
- DOM позволяет программам читать и изменять документ структурно, стилистически и содержательно, реагируя на пользовательские взаимодействия.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,235

Frontend | Тесты

31 Oct, 16:10

🤔 Использование хука useEffect в React

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

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,344

Frontend | Тесты

27 Oct, 16:10

🤔 Что такое прототипы в JavaScript

- Прототипы позволяют объектам в JavaScript наследовать свойства и методы друг от друга.
- Прототипное наследование является механизмом, позволяющим объектам использовать свойства и методы, определенные в других объектах.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

799

Frontend | Тесты

27 Oct, 07:00

👀

Вы все еще не слышали про канал Путь в IT?

Автор (Илья) на своем примере показывает, через что приходится проходить начинающему специалисту.

😉

Почему такого контента вы еще не видели?

Илья создает уникальные видео, совмещая тренировки, бытовые моменты и рабочий процесс. Сейчас начинающий специалист поступил в вуз и переехал в другой город, поэтому контент будет еще интересней. Если хочешь узнать админа лучше, зайди в закреп его канала.

👋

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

Путь в IT

916

Frontend | Тесты

26 Oct, 16:10

🤔 Методы массивов в JavaScript

- push() добавляет элемент в конец массива.
- pop() удаляет последний элемент из массива.
- shift() удаляет первый элемент массива.
- unshift() добавляет один или несколько элементов в начало массива.
- map() создает новый массив с результатами вызова указанной функции для каждого элемента.
- filter() создает новый массив со всеми элементами, прошедшими проверку, заданную в передаваемой функции.
- reduce() применяет функцию к аккумулятору и каждому значению массива (слева-направо), сводя его к одному значению.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,071

Frontend | Тесты

26 Oct, 07:00

📺

Уникальная база записей IT собеседований

180+ записей реальных собеседований на программиста, тестировщика, аналитика и прочие IT профы.

Записи собесов от ведущих компаний: Сбер, Яндекс, ВТБ, Тинькофф, Озон, Wildberries и т.д.

🎯 Переходи по ссылке и присоединяйся к базе, чтобы прокачать свои шансы на успешное трудоустройство!

У тебя есть запись собеседования? Мы готовы ее купить и заплатим до 3000 руб. за каждую

1,132

Frontend | Тесты

25 Oct, 16:10

🤔

Различия между let и const

- let позволяет переназначать значения переменных, в то время как const не позволяет это после инициализации.
- Обе директивы предоставляют блочную область видимости.
- let идеально подходит для использования в случаях, когда значение переменной может изменяться.
- const используется для объявления переменных с неизменным значением.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,230

Frontend | Тесты

24 Oct, 16:10

Что такое двустороннее связывание?

Двустороннее связывание (two-way binding) — это процесс автоматической синхронизации данных между моделью и представлением. В контексте JavaScript и фреймворков, таких как Angular, это означает, что изменения в модели обновляют пользовательский интерфейс, и наоборот — изменения в интерфейсе изменяют данные в модели. Двустороннее связывание упрощает работу с формами и вводом данных, так как не требует явного написания кода для передачи данных в обе стороны. Это улучшает интерактивность и упрощает обработку данных.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,466

Frontend | Тесты

23 Oct, 16:10

🤔 Какие бывают значения у свойства position?

Свойство `position` в CSS имеет следующие значения: `static` (по умолчанию, элемент расположен в нормальном потоке документа), `relative` (элемент перемещается относительно своего нормального положения), `absolute` (элемент позиционируется относительно ближайшего предка с позиционированием), `fixed` (элемент фиксируется относительно окна браузера) и `sticky` (элемент перемещается до определённой границы и остаётся закреплённым). Эти значения позволяют управлять расположением элементов на странице в зависимости от требований верстки.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚Базу Знаний

1,587