Хотите создавать интерфейсы для приложений и сайтов ― освойте навыки 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

👉 @frontendInterview

👉 @frontendInterview

Что такое псевдоклассы в CSS?

Они определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в дереве документа.
Псевдокласс не может существовать сам по себе. Он должен быть прикреплён к селектору.

Синтаксис выглядит следующим образом:
селектор:псевдокласс { }
Пробела между селектором и псевдоклассом нет, чтобы показать, что они связаны друг с другом.

Несколько псевдоклассов:
:hover - применяет стили, когда на целевой элемент наводится указатель мыши.

:visited - нацеливается на ссылки, которые уже были посещены.

:focus - данный псевдокласс срабатывает, когда элемент HTML получает фокус. Это особенно полезно для полей форм.

:first-child и :last-child - связаны с иерархией в HTML. Они нацеливаются на элементы HTML в зависимости от порядка, в котором они появляются в коде.

:nth-child - является глобальной версией :first-child и :last-child. С помощью :nth-child вы можете вычислить конкретный дочерний целевой элемент.