Что такое Agile?

Компаниям важно быстро проверять гипотезы — отбрасывать неверные и развивать валидные. Процесс разработки программ постоянно изменяется, чтобы лучше соответствовать этим требованиям. Сейчас очень популярны гибкие (agile) методологии. Они концентрируются на человеческом отношении, результате и быстрой доставке фич конечным пользователям.

Главные ценности:
- люди и взаимодействие важнее процессов и инструментов;
- работающий продукт важнее исчерпывающей документации;
- сотрудничество с клиентом важнее согласования условий контракта;
- готовность к изменениям важнее следования изначальному плану.

👉 @frontendInterview

👉 @frontendInterview

Код-ревью — как, зачем, почему

В индустрии разработки программ очень распространена практика код-ревью. Программист отправляет написанный код своим коллегам — они просматривают его и высказывают свои замечания.

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

Обычно разработчик отправляет на ревью набор изменений, которые решают определённую задачу — добавляют новую функциональность или исправляют ошибку. Чаще всего, такие изменения программист делает в своей ветке, а перед слиянием с основной запрашивает обзор своих изменений у коллег.

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

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Регулярные выражения

Книга Джеффри Фридла "Регулярные выражения" откроет перед вами секрет высокой производительности. Тщательно продуманные регулярные выражения помогут избежать долгих часов утомительной работы и решить проблемы за 15 секунд.

👉 @frontendInterview

Friend or Foe?

Создайте функцию, которая отфильтрует массив строк, вернув только строчки, состоящие из четырех символов.

Пример:
friend(["Ryan", "Kieran", "Mark"]) // ["Ryan", "Mark"]

👉 @frontendInterview

Что такое микросервисы?

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

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

👉 @frontendInterview

Что такое шаблонные строки в JS?

Шаблонные строки — это ещё один способ создания строк, наравне с одинарными или двойными кавычками. Шаблонные строки объявляются с помощью обратных кавычек.

Шаблонная строка может быть многострочной, все переносы строк в ней будут сохранены. В шаблонной строке с помощью синтаксиса ${ } можно использовать любые выражения JavaScript. Любой нестроковый результат (например, объект) будет приведён к строке.

Шаблонные строки сейчас — основной способ работы со строками, в которые нужно подставлять вычисляемые значения.

Пример

`однострочная строка`

`строка на
несколько строчек,
можно сколько угодно`;

`Дважды два равно ${2 * 2}`; // Дважды два равно 4

const name = "Федя";

`Привет ${name}!`; // Привет Федя!

👉 @frontendInterview

👉 @frontendInterview

Перечисление селекторов

При помощи перечисления нескольких селекторов через запятую можно избежать дублирования кода.

Если у нескольких элементов есть определённые повторяющиеся стили, то вполне допустимо вынести эти стили в отдельный блок и в качестве селектора указать несколько классов (или тегов, или идентификаторов), перечислив их через запятую.

Пример
.main-noscript,
.noscript {
position: relative;
color: #ffffff;
font-weight: 500;
}

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Programming with Types (2019)

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

👉 @frontendInterview