Руководство для прохождения интервью по фронтенду

Часть 1. HTML

В отличие от типичного собеседования с разработчиками ПО, на собеседованиях фронтенд-разработчиков меньше внимания уделяется алгоритмам. Большая часть вопросов касается специфичных знаний и компетенций в таких областях, как HTML, CSS, JavaScript.

Продовжити читання “Руководство для прохождения интервью по фронтенду”

Drag’n’Drop. Как реализовать перетаскивание элементов в браузере?

Drag & drop может понадобиться в разных ситуациях — например, в таких:
1. Простое визуальное изменение положения элемента.
2. Сортировка элементов с помощью перетаскивания. Пример — сортировка карточек задач в таск-трекере.
3. Изменение контекста элемента. Пример — перенос задачи в таск трекере из одного списка в другой.
4. Перемещение локальных файлов в окно браузера.

Продовжити читання “Drag’n’Drop. Как реализовать перетаскивание элементов в браузере?”

A comprehensive list of Redux interview questions for React developers in 2021

Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Check our list of essential Redux interview questions and answers that will trend on JavaScript developer interviews in 2021.

Продовжити читання “A comprehensive list of Redux interview questions for React developers in 2021”

Когда использовать Flexbox и когда использовать CSS-сетку

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

Продовжити читання “Когда использовать Flexbox и когда использовать CSS-сетку”

Взаимодействие: alert, prompt, confirm В JavaScript.

Так как мы будем использовать браузер как демо-среду, нам нужно познакомиться с несколькими функциями его интерфейса, а именно: alert, prompt и confirm.
alert
С этой функцией мы уже знакомы. Она показывает сообщение и ждёт, пока пользователь нажмёт кнопку «ОК».
Например:
alert("Hello");

Продовжити читання “Взаимодействие: alert, prompt, confirm В JavaScript.”

Шпаргалка по Redux с примерами кода (stylesheet)

Хранилище создается с помощью редуктора, принимающего текущее состояние и возвращающего новое состояние на основе полученной операции.

Продовжити читання “Шпаргалка по Redux с примерами кода (stylesheet)”

Готовим Junior React Developer к работе на проекте -12 шагов

Привет! Я JavaScript Developer c 4-летним опытом работы. В большинстве проектов, где я был частью команды, для разработки пользовательского интерфейса мы использовали библиотеку React.

Продовжити читання “Готовим Junior React Developer к работе на проекте -12 шагов”