Перебор генераторов

Генераторы являются перебираемыми объектами.
Возвращаемые ими значения можно перебирать через for..of:
function* generateSequence() {
yield 1;
yield 2;
return 3;
}

let generator = generateSequence();

for(let value of generator) {
alert(value); // 1, затем 2
}

…Но обратите внимание: пример выше выводит значение 1, затем 2. Значение 3 выведено не будет!
Это из-за того, что перебор через for..of игнорирует последнее значение, при котором done: true. Поэтому, если мы хотим, чтобы были все значения при переборе через for..of, то надо возвращать их через yield

👉 @frontendInterview

👉 @frontendInterview

Для чего нужен HTML атрибут alt?

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

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

Не делайте так

 <header>
   <h3>adidas Originals Superstar</h3>
   <img src="picture.jpg" alt="adidas Originals Superstar">
 </header>

Можно сделать так
<header>
<h3>adidas Originals Superstar</h3>
<img src="picture.jpg" alt="кроссовки с логотипом adidas с 3 полосками, классическим усиленным носком и тонкой подошвой">
</header>

👉 @frontendInterview

Хотите создавать интерфейсы для приложений и сайтов ― освойте навыки UX/UI-дизайна. У любого бизнеса ― от стартапа до крупной корпорации есть свой сайт или мобильное приложение. На бесплатном курсе вы узнаете об основных принципах проектирования удобных и красивых интерфейсов.

Вместе с экспертами-практиками из AGIMA разберёте:
⁃ Типичные ошибки и удачные кейсы.
⁃ С чего начать карьеру в UX/UI-дизайне и как понять, подходит ли вам эта профессия.
⁃ Как по шагам создать свой первый лендинг на Tilda.

Сделайте первый шаг к востребованной профессии на стыке IT и дизайна.

Регистрация https://netolo.gy/jse

Реклама. ООО «Нетология»

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Как преобразовать вложенный массив в простой?

Метод flat() возвращает новый массив,

 var newArray = arr.flat(depth);

в котором все элементы вложенных под массивов были рекурсивно "подняты" на указанный уровень depth.

Пример:

 const arr1 = [1, 2, [3, 4]];
 arr1.flat(); //? [1, 2, 3, 4]

 const arr2 = [1, 2, [3, 4, [5, 6]]];
 arr2.flat(); //? [1, 2, 3, 4, [5, 6]]

 const arr3 = [1, 2, [3, 4, [5, 6]]];
 arr3.flat(2); //? [1, 2, 3, 4, 5, 6]

Также существует и побочное действие, он удаляет не определенные элементы массива

Пример:
const arr4 = [1, 2, , 4, 5];
arr4.flat(); //? [1, 2, 4, 5]

👉 @frontendInterview

Software Architecture: The Hard Parts: Modern Trade-Of

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

👉 @frontendInterview

Sort rectangles and circles by area II

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

Пример:
const array = [ [4.23, 6.43], 1.23, 3.444, [1.342, 3.212] ]; // [ rectangle, circle, circle, rectangle ]
sortByArea(array) => [ [ 1.342, 3.212 ], 1.23, [ 4.23, 6.43 ], 3.444 ]

👉 @frontendInterview

Можно ли изменить цвет текстового курсора в input?

Свойство caret-color задаёт цвет текстового курсора в полях ввода, например, <input> или <textarea>.

Пример
Курсор в поле ввода будет красного цвета:
<label>
Красная каретка
<input class="red" type="text" placeholder="Красная каретка">
</label>

👉 @frontendInterview

👉 @frontendInterview

​Ищем будущих ЗД-визуализаторов!
зп от 2 000$!

— Можно без опыта работы!
— Не надо уметь хорошо рисовать!
— Не нужно знать специальные программы!

ВАС ВСЕМУ НАУЧАТ!

Регистрируйся на мастер-класс по 3D-РАЗРАБОТКЕ ПЕРСОНАЖЕЙ ИГР.

🔥ВСЕГО 2 ЧАСА ТВОЕГО ВРЕМЕНИ И ТЫ:
- Разберешь основы 3D-разработки
- Получишь план, как увеличить свой доход в 3-4 раза, начав работать удаленно
- Окунешься в творчество и узнаешь, как начать создавать топовых персонажей для 3D-индустрии
- Узнаешь секреты продающего портфолио и фишки эффективного поиска заказчиков на фрилансе
- Получишь пошаговый план “Как стать высокооплачиваемым 3D–специалистом в 2022""""
- Поймешь, как найти свое место в прибыльной IT-индустрии геймдева и кино

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

📌ВЕДУЩИЙ МАСТЕР-КЛАССА ТИМУР НАУМОВ
Сотрудничал с Crazy Panda, Mail Group, Pixonic, Paradox interactive и Trilobite Soft

РЕГИСТРИРУЙСЯ И ЗАБИРАЙ МОЩНЕЙШИЕ БОНУСЫ.
https://bit.ly/3T5lj2z

Какие бывают инструменты для тестирования и работы с API?

Наличие правильных процессов, инструментов и технических решений для автоматических тестирований API становится важным, как никогда ранее.

Insomnia - мощный клиент REST API с управлением файлами cookie, переменными среды, генерацией кода и аутентификацией для Mac, Window и Linux.

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

SoapUI - консольный инструмент, предназначенный для тестирования API и позволяющий пользователям легко тестировать API REST и SOAP, а также Web-сервисы.

Katalon Studio - бесплатный инструмент автоматического тестирования, предоставляющий общую среду для создания и выполнения UI функционала, служб API/Web и тестирования мобильных платформ.

Apigee является кросс-«облачным» средством тестирования API, позволяющим пользователям измерять и тестировать производительность API.

👉 @frontendInterview