🇪🇸 Лучшая страна в Европе для переезда для IT специалистов 🇪🇸

Хотите жить в спокойной стране и дружелюбной среде?
Если ваша цель получения ВНЖ в Европе, рекомендуем скорее воспользоваться шансом!

Наши друзья из Outbox, сделают за вас всю неприятную работу от оформления шенгенской визы, сбора всех документов до подачи документов на ВНЖ и подбором жилья.
С ними ваш переезд будет без стресса, т.к ребята прошли весь процесс релокации сами и получили бесценный опыт!

❗️До 7 сентября осталось 4 места на бесплатную консультацию по получению ВНЖ в Испании! Успейте записаться по ссылке
@outbox_tm

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

Почему лучше использовать em и rem вместо px с точки зрения доступности интерфейса?

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

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

👉 @frontendInterview

👉 @frontendInterview

Когда нужно использовать flexbox, а когда grid? Бывают ли исключения?

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

Во всех остальных случаях можно смело использовать флексбоксы.

👉 @frontendInterview

Pearls of Algorithm Engineering (2023)

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

👉 @frontendInterview

IP address finder

Вам дана строка, представляющая собой адрес сайта. Вам нужно конвертировать символы строки в ASCII код и затем просуммировать значения. Полученное число нужно преобразовать по следующим правилам:
- первая часть адреса = result mod 256
- вторая часть адреса = result * 2 mod 256
- третья часть адреса = result * 3 mod 256
- четвертая часть адреса = result * 4 mod 256

Примеры:
"www.codewars.com" ---> [88, 176, 8, 96]
"www.starwiki.com" ---> [110, 220, 74, 184]

👉 @frontendInterview

Как можно расставить автоматическую нумерацию элементов, не относящихся к спискам при помощи CSS?

Свойство content со значением counter() активно применяется в случаях, когда нужно расставить автоматическую нумерацию элементов, не относящихся к спискам:
<section>
<h2>Внутренний механизм</h2>
<p>Механизм счётчика состоит из:</p>
<ul>
<li>кнопки;</li>
<li>пронумерованных кругов;</li>
<li>колеса прокрутки;</li>
</ul>
</section>

<section>
<h2>Принцип действия</h2>
<p>Принцип действия..</p>
</section>

<section>
<h2>См. также</h2>
<ul>
<li>Механический счётчик</li>
<li>Электронный счетчик импульсов</li>
</ul>
</section>

body {
counter-reset: cnt;
}

section {
counter-increment: cnt;
position: relative;
}

section h2::before {
content: counter(cnt);
position: absolute;
left: -45px;
top: -2px;
}

👉 @frontendInterview

Интенсив по верстке - собери сайт Apple

Привет! Меня зовут Виктор Рябков, я - Senior Fullstack разработчик с 6летним стажем.

В своем тг-канале (@ViktorRyabkovIT) я планирую провести интенсив по основам верстки для новичков, на котором каждый сможет собрать свой первый сайт.

План интенсива:
▪️Пройдем основы HTML, CSS и верстки
▪️Соберем ваш первый сайт - пет-проект
▪️Построим вам четкий план дальнейшего изучения фронтэнда - до уровня джуниор

Сделают ли эти 3 дня вас сразу разработчиком? Нет. Но зато вы получите практические знания и первые прикладные результаты. Так и стоит учиться

P.S. На интенсиве будет конкурс работ. За лучшую работу будет денежный приз и бесплатный доступ к полноценному курсу по фронтэнд-разработке!

👉Это бесплатно. Как минимум, стоит попробовать, согласен?

Присоединиться - ссылка

Реклама. ИП Рябков Виктор Александрович ИНН 780448416731 erid = LjN8KSaWz

👉 @frontendInterview

В такой задаче у вас хотят проверить два навыка: владение методом массивов reduce и использование спред-синтаксиса в качестве аргумента функции.

Первое что мы сделаем — добавим спред-синтаксис в аргументы функции. Таким образом, не зависимо от количества переданных аргументов, внутри функции нам будет доступна переменная rest, которая будет массивом, включающим в себя все переданные при вызове параметры.
Следующий шаг - добавим к нашему массиву (переменная rest) метод reduce. За счёт этого лаконичного метода мы легко выполним условия задачи.
function sumOrConcat(...rest) {
return rest.reduce((sum, num) => (sum += num));
}

В данном случае метод reduce будет складывать и аккумулировать результат для значений типа number, а так же выполнит конкатенацию, если вдруг встретится со значением типа string.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

<figure>, <figcaption>

Элемент <figure> используется для вёрстки иллюстраций, изображений или другого автономного содержимого, которое может иметь поясняющую подпись в виде тега <figcaption>.

Пример
<figure>
<img src="elephant-sunset.jpg"
alt="Взрослый африканский слон стоит на фоне заката и задумчиво смотрит в
камеру.">
<figcaption>Слон на фоне заката</figcaption>
</figure>

Обычно тегом <figure> верстают изображение, иллюстрацию, кусок кода и тому подобное, на которые будут ссылаться из основного содержимого документа. При этом <figure> вместе со всем содержимым (картинкой, подписью) может быть перенесён в другую часть документа без нарушения целостности потока документа.

👉 @frontendInterview

Самый часто повторяющийся символ

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

Примеры:
longestRepetition("aaaabb") => ["a",4]
longestRepetition("bbbaaabaaaa") => ["a",4]
longestRepetition("cbdeuuu900") => ["u",3]

👉 @frontendInterview