Метод includes() в JavaScript

Этот метод определён у массивов и строк.

- Для массивов: проверяет, есть ли искомый элемент в массиве.
- Для строк: проверяет, есть ли искомая подстрока в строке.

Возвращает true, если искомый элемент нашёлся и false — если нет.

Метод принимает один аргумент — значение, которое нужно проверить.
Массив:

 const dead = ["Joffrey", "Ned Stark", "Night king"]
 const isJonDead = dead.includes("Jon Snow")
 console.log(isJonDead) // напечатает false
 const isJoffreyDead = dead.includes("Joffrey")
 console.log(isJoffreyDead) // напечатает true

Строка:
const text = "Посмотри, ведь это рядом наша панда. Мы бежим с тобой как-будто от гепарда."
console.log(text.includes("панда")) // true
console.log(text.includes("Обезьяна")) // false
// поиск идет с учетом регистра
console.log(text.includes("Панда")) // false

👉 @frontendInterview

🔴 Для тех кто ответил: присматриваюсь

Есть вариант быстро стартануть карьеру и начать зарабатывать от 60к меньше чем через год

Вот самый полный курс по фронту на сегодня:

Профессия Frontend-разработчик с нуля до PRO

А вот причины почему надо идти:

📌 Сезонная скидка на курс - 50%
📌 Гарантируют трудоустройство
📌 Первые полгода вы учитесь бесплатно

👉 @frontendInterview

⚡️Первый агрегатор IT вакансий быстрого найма.

Пройдите ускоренный отбор и получите офер на стажировку в Яндексе!
Ищут frontend, backend и mobile разработчиков.

📍To do:

• Подписаться на канал
• Заполнить анкету
• Решить задачи
• Познакомиться с командой
• И принять офер :)

Подписывайся и не пропусти свой One Day Offer

👉 @frontendInterview

👉 @frontendInterview

Number() в JavaScript

Number — это обёртка над примитивным числовым типом, которая содержит дополнительные значения и методы работы с числами:

- проверки на специальные значения isNaN, isFinite
- конвертирование в строку toString и toLocaleString

Числа автоматически оборачиваются в обёртку Number при вызове методов над ними.
Обернуть числа в Number можно вручную, вызвав конструктор new Number():

 const primitive = 50
 const num = new Number(100)

В этом случае переменные primitive и num будут разных типов:
console.log(typeof primitive)
// number
console.log(typeof num)
// object

console.log(num == 100)
// true, при приведении к числовому типу значения будут одинаковыми
console.log(num === 100)
// false, потому что разные типы данных

👉 @frontendInterview

Проектирование веб-API

API позволяет разработчикам выполнять интеграцию с приложением без детализированного знания кода. Независимо от того, используете ли вы установленные стандарты, такие как REST и OpenAPI, или более новые подходы, например GraphQL или gRPC, освоение разработки API – своего рода суперспособность. Благодаря ней пользоваться вашими веб-сервисами станет легче, и ваши клиенты – как внутренние, так и внешние – останутся довольны.

👉 @frontendInterview

Name That Number!

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

Примеры:
nameThatNumber(4) // returns "four"
nameThatNumber(19) // returns "nineteen"
nameThatNumber(99) // returns "ninety nine"

👉 @frontendInterview

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

Генераторы являются перебираемыми объектами.
Возвращаемые ими значения можно перебирать через 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