​Как заставить код работать в старых браузерах?

Когда мы используем современные возможности JavaScript, некоторые движки могут не поддерживать их. Как было сказано выше, не везде реализованы все функции.

И тут приходит на помощь Babel.

Babel – это транспилер. Он переписывает современный JavaScript-код в предыдущий стандарт.

На самом деле, есть две части Babel:

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

Во-вторых, полифил.

Новые возможности языка могут включать встроенные функции и синтаксические конструкции. Транспилер переписывает код, преобразовывая новые синтаксические конструкции в старые. Но что касается новых встроенных функций, нам нужно их как-то реализовать. JavaScript является высокодинамичным языком, скрипты могут добавлять/изменять любые функции, чтобы они вели себя в соответствии с современным стандартом.

Термин «полифил» означает, что скрипт «заполняет» пробелы и добавляет современные функции.

Таким образом, чтобы современные функции поддерживались в старых движках, нам надо установить транспилер и добавить полифил.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Hacking APIs: Breaking Web Application Programming Interfaces (Final Release) (2022)

Вы узнаете, как API-интерфейсы REST и GraphQL работают в продакшене и создадите стенд для тестирования API с помощью Burp Suite и Postman. Затем вы освоите инструменты для разведки, анализа эндпоинтов, такие как Kiterunner и OWASP Amass. Далее вы научитесь выполнять распространенные атаки, нацеленные на механизмы аутентификации API, и находить уязвимости, обычно встречающиеся в веб-приложениях

👉 @frontendInterview

Array.prototype.reverse()

Создайте свою версию метода reverse. Он должен "разворачивать" массив.

Пример:
const input = [1, 2, 3, 4];
input.reverse(); // == [4, 3, 2, 1] // returned by .reverse()

👉 @frontendInterview

Цикл «do…while»

При написании скриптов зачастую встаёт задача сделать однотипное действие много раз.
Проверку условия можно разместить под телом цикла, используя специальный синтаксис do..while:

 do {
   // тело цикла
 } while (condition);

Цикл сначала выполнит тело, а затем проверит условие condition, и пока его значение равно true, он будет выполняться снова и снова.
Например:

 let i = 0;
 do {
   alert( i );
   i++;
 } while (i < 3);

Такая форма синтаксиса оправдана, если вы хотите, чтобы тело цикла выполнилось хотя бы один раз, даже если условие окажется ложным. На практике чаще используется форма с предусловием: while(…) {…}.

👉 @frontendInterview

👉 @frontendInterview

Метод 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