Как можно сгруппировать опции внутри элемента <select>?

Тег <optgroup> позволяет группировать опции внутри элемента <select>. Внутри тега <optgroup> стандартно используется один или несколько тегов <option>.

Как пишется
Нельзя вкладывать один <optgroup> в другой.
Возможные атрибуты:
disabled — находящиеся внутри группы опции станут недоступны для выбора.

<select>
<optgroup label="Необычные цветы" disabled>
<option>Ангулоя одноцветковая</option>
<option>Обезьяний дракула</option>
<option>Пассифлора инкарнатная</option>
</optgroup>
</select>

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

JavaScript. Полное руководство

В течение почти 25 лет этот бестселлер служил исчерпывающим руководством для программистов на JavaScript, и новое издание книги полностью обновлено с целью охвата версии 2020 языка JavaScript. Повсюду в книге вы будете находить яркие и привлекательные примеры кода. Вам также предлагаются новые главы, в которых раскрываются классы, модули, итераторы, генераторы, объекты Promise и async/await.

👉 @frontendInterview

Is the date today

Создайте функцию, которая принимает в качестве аргумента date object и возвращает true, если эта дата соответствует сегодняшнему дню.

👉 @frontendInterview

Что такое Docker?

Docker — это технология, которая позволяет создавать и использовать приложения в «родном» окружении. В основе Docker лежит идея: если приложение работает у вас, то оно должно работать где угодно. Способ этого добиться очень простой — нужно упаковать настройки окружения вместе с приложением.

Docker чаще всего применяется для развёртывания серверных приложений, но может использоваться и в мире фронтенда для:

- сборки бандлов;
- статического анализа кода;
- тестирования приложений;
- подготовки ресурсов (картинок, шрифтов, иконок и пр.);
- воспроизводимых экспериментов с новыми технологиями и демок;
- настройки инфраструктуры разработчика (редактора кода, платформы, пакетных менеджеров, линтеров и прочего).

👉 @frontendInterview

Что такое статический анализ кода?

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

Самый популярный линтер для JavaScript — это ESLint. Он находит участки кода, которые могут потенциально привести к ошибкам, и сообщает об этом.

👉 @frontendInterview

👉 @frontendInterview

var

Тег <var> используется для отображения переменных в математических выражения и программном коде.

Как пишется
<p>
<var>X</var> программистов напишут небольшой проект за полгода.
В то же время <var>2 × X</var> программистов напишут
этот же проект за три года.
Найдите <var>X</var> при условии, что команда работает по Agile.
</p>

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Секреты JavaScript ниндзя

Язык JavaScript быстро становится универсальным для разработки различных типов приложений, будь то для веб, облака, настольных систем или мобильных устройств. Стать профессиональным разработчиком приложений на JavaScript - означает, приобрести ряд эффективных навыков, которые могут пригодиться во всех этих предметных областях.

👉 @frontendInterview

Regex for Gregorian date validation

Создайте регулярное выражение, которое будет валидировать дату и возвращать true, если дата передана в определенном стиле:

Корректные даты:
"23.12.2008"
"01.08.1994"

Некорректные даты:
"12.23.2008"
"01-Aug-1994"
" 01.08.1994"

👉 @frontendInterview

Как упростить тестирование?

Давайте будем откровенными, тесты писать лень. Даже если мы работаем по TDD, и тесты стали частью культуры, внешнее давление может нас вынудить тесты пропустить.

Часто лень — это следствие неудобства. Если писать тесты неудобно, то и охоту их писать быстро отобьёт.

Мы можем использовать разные стратегии для того, чтобы сделать тестирование удобнее:
- использовать чистые функции и писать слабо-сцепленный код;
- делать тесты независимыми друг от друга и окружения;
- чётко описывать предусловия и ожидания от теста, следовать ПВП,
- тестировать только свой код;
- использовать более удобные инструменты тестирования;
- вести общее хранилище фиктивных данных и моков.

👉 @frontendInterview

👉 @frontendInterview