Как управлять переполнением блока в CSS?

Свойство overflow позволяет буквально определить, что делать с содержимым блочного (то есть для элемента, у которого display определяется как block, inline-block, flex или grid) элемента, если оно не влезает в размеры — отобразить или обрезать (с полосами прокрутки или без).

Пример
Если содержимое блока будет больше, чем границы блока, оно будет «обрезано»:
.article {
/* Задаём ограничения по размеру блока */
width: 300px;
height: 300px;
overflow: hidden;
}

👉 @frontendInterview

✅Новый формат получения IT специальности - Буткемп. Что это такое?

Буткемп — методика, которую использовали в лагерях для подготовки солдат. Чтобы стать полноценным бойцом, в обычных условиях новобранцу нужно 3-4 года. В условиях Bootcamp такого результата достигали за 4 месяца. Эффективность методики обоснована тем, что на период кемпа человек полностью погружается в процесс обучения и быстрей воспринимает информацию. Сейчас этот метод обучения активно используют в Гарварде, IT-компаниях, бизнес-проектах и образовательных программах.

Для обучения IT специальностям (прежде всего программирование) формат начали использовать в 2011 году в США. Он быстро доказал свою эффективность и стал популярным. К примеру, за 2020 год IT буткемпы выпустили 24975 американцев. Для стран бывшего СССР, это новый формат.

В 2018 году в России открылся первый - Эльбрус Буткемп. С тех пор его выпускниками стали 752 человека. 93% из них нашло работу в течение 3 месяцев после выпуска. 

Буткемп работает как оффлайн (Москва и Санкт-Петербург), так и онлайн.

Подробнее о формате Буткемп можно узнать на мероприятии в ближайший вторник

👉 @frontendInterview

Как можно сгруппировать опции внутри элемента <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