What is between?

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

Пример:
a = 1
b = 4
--> [1, 2, 3, 4]

👉 @frontendInterview

Как проверить, поддерживается ли определенное CSS свойство в используемом браузере?

Директива @supports позволяет проверить, поддерживает ли браузер свойство, правило, селектор CSS. Если условие срабатывает, то будет выполнен CSS-код, написанный внутри фигурных скобок.

Пример
Если нужно проверить свойство или значение, нужная конструкция записывается сразу в круглых скобках:
@supports (transform: perspective(150px)) {
div {
transform: perspective(150px);
}
}

👉 @frontendInterview

👉 @frontendInterview

Что такое API?

Разные программы могут быть написаны на разных языках.

Это очевидно, и на первый взгляд кажется, что не вызывает никаких проблем. На деле же, если программы написаны на разных языках, их может быть трудно «подружить» и сделать так, чтобы они могли друг с другом «общаться».

Именно для того, чтобы подружить разные модули, системы, языки, программы — и существуют API.

Давайте сразу рассмотрим пример: мы работаем в «Twitter» и делаем фичу для браузерного приложения на JavaScript.

Когда нам нужны какие-то данные, мы запрашиваем их у сервера. Однако сервер написан, скорее всего, не на JavaScript, а на каком-то другом языке: Python, C#, Java. Чтобы сервер понял, что мы от него хотим, нам нужно как-то объяснить наш запрос.

Именно для этого нужно API — оно позволяет разным системам общаться, понимая друг друга.

👉 @frontendInterview

Frontend на YaTalks: 30 лет — полёт нормальный!

Что происходит в вебе прямо сейчас обсудят на главной конференции Яндекса для IT-сообщества уже 3-4 декабря.

— Как и чему учиться для написания интерфейсов?
— Как создать универсальную UI-библиотеку?
— Как создать и поддерживать понятную навигацию по документации?
— В какой момент пора создавать новый репозиторий?
— Где найти пользователей для тестирования и как его организовать?
На конференции выступят эксперты из Яндекса, Microsoft, Meta, VK Group, Hexlet, HTML Academy, Evil Martians, Osome, Веб-стандартов и других компаний.

👉 Программа и регистрация по ссылке.

👉 @frontendInterview

​Как создать радиальный градиент в CSS?

Функция radial-gradient используется для задания фона в виде радиального (кругового, эллиптического) градиента.

Самый простой градиент задаётся двумя цветами.
.element {
background-image: radial-gradient(#6e4aff, #49A16C);
}

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

Цветов мы можем перечислить сколько угодно. Браузер сам распределит градиент таким образом, чтобы последний цвет всегда заходил в угол элемента.

Форма градиента задаётся ключевым словом circle или ellipse (по умолчанию).

Мы можем задавать положение центральной точки, используя те же ключевые слова, что и для background-position, но с приставкой at: at left, at top, at right, at bottom, at center (по умолчанию). Значения можно сочетать, чтобы поместить центр градиента в нужный угол элемента: at top left — центр градиента в верхнем левом углу.

👉 @frontendInterview

🔥 Какие навыки нужно освоить JavaScript разработчику, чтобы быть востребованным на рынке труда?

Об этом 13 декабря расскажет Александр Коржиков, Dev IT Engineer в международной финансовой корпорации ING Group.

Александр поделится своим опытом, расскажет, что ждут работодатели от специалистов и какие навыки нужны, чтобы стать заметнее среди коллег, а также представит программу онлайн-курса «JavaScript Developer. Professional».

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

👉 Записаться на полезный вебинар https://otus.pw/nNQ0/

👉 @frontendInterview

👉 @frontendInterview

Front-End Development Projects with Vue.js (2020)

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

👉 @frontendInterview

Can we divide it?

Ваша задача - создать функцию isDivideBy, которая принимает 3 числа и определяет, делится ли первое число на два других.

Примеры:
(-12, 2, -6) -> true
(-12, 2, -5) -> false
(45, 1, 6) -> false
(45, 5, 15) -> true
(4, 1, 4) -> true
(15, -5, 3) -> true

👉 @frontendInterview

Что такое JSON?

JSON — самый популярный формат обмена данными между приложениями. Этот формат очень похож на объекты JavaScript. Объекты легко трансформируются в JSON для отправки на сервер.

Как пишется
{
"brand": "Apple",
"model": "iPhone 11 Pro",
"isAvailable": true,
"display": 5.8,
"memories": [64, 256, 512],
"features": {
"tripleCamera": true,
"faceId": true,
"touchId": false,
"eSIM": true
}
}

JSON состоит из пар ключ-значение. Пары разделяются между собой запятыми — ",", а ключ отделяется от значения через двоеточие — ":". Ключом может быть только строка, обёрнутая в двойные кавычки. А вот значением — что угодно.

👉 @frontendInterview

👉 @frontendInterview

Что такое Agile?

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

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

👉 @frontendInterview