В чем разница между host и native объектами?

Объекты можно разделить на эти две основные категории в зависимости от среды и языка.

1. объекты host: зависящие от среды - например браузер предоставляет определенные объекты, такие как window, node предоставляет NodeList и пр.;

2. собственные / встроенные объекты (native): стандартные объекты, предоставляемые JS, иногда называемые глобальными объектами; JS в основном создается с помощью этих категоризированных нативных объектов (String, Number и пр.).

👉 @frontendInterview

👉 @frontendInterview

React быстро

Как решить проблемы front-end-разработчиков и сделать их жизнь более счастливой? Нужно всего лишь познакомиться с возможностями React! Только так вы сможете быстро выйти на новый уровень и получить не только моральное, но и материальное удовлетворение от веб-разработки.
Успешные пользовательские интерфейсы должны быть визуально интересными, быстрыми и гибкими. React ускоряет тяжелые веб-приложения, улучшая поток данных между компонентами UI. Сайты начинают эффективно и плавно обновлять визуальные элементы, сводя к минимуму время на перезагрузку страниц.
Перед вами труд, над которым на протяжении полутора лет работало более дюжины человек. Тщательно отобранные примеры и подробные комментарии позволяют разработчикам перейти на React быстро, чтобы затем эффективно создавать веб-приложения, используя всю мощь JavaScript.

👉 @frontendInterview

Посчитать возраст

Создайте функцию, которая принимает два года. Год рождения - и текущий год. Посчитайте возраст человека, зависящий от этих двух дат.

calculateAge(2012, 2016) => "You are 4 years old."
calculateAge(1989, 2016) => "You are 27 years old."

👉 @frontendInterview

Расскажите про типы сопоставления Partial и Required в TypeScript

Тип сопоставления Partial<T> помечает все члены сущности, как необязательные (? : ).
Чаще всего необходимость в сопоставимом типе Partial<T> возникает тогда, когда метод в качестве аргумента принимает только часть конкретного типа данных.
interface IAnimal {
readonly name: string;
}

let animal: Partial<IAnimal> = // { readonly name?: string }

Тип сопоставления Required<T> удаляет все необязательные модификаторы ? : приводя члены объекта к обязательным. Простыми словами, Required<T>, помечает модификатор ? : на удаление.
Required является полной противоположностью типу сопоставления Partial<T>.
let v0: Partial<IT>; // { a?: number; b?: string; }, необязательные члены
let v1: Required<IT>; // { a: number; b: string; }, обязательные члены

👉 @frontendInterview

👉 @frontendInterview

Что такое progressive jpeg?

Progressive JPEG – это JPEG-изображение в прогрессивном формате. Прогрессивный формат изображения позволяет браузеру загружать не количественно, а качественно. Другими словами – загружать изображение постепенно, постоянно отображая это изображение с различным качеством от 0 до 100 процентов.

👉 @frontendInterview

Учись или проиграешь!

Правила игры:
1. Освоить профессию на Хекслете и сделать 4 рабочих проекта на GitHub.
2. Пройти «Карьерный трек» и поучаствовать в Open Source.
3. Влиться в сообщество из 23 тысяч айтишников.
4. Получить гарантированное собеседование и свой первый оффер!

Набор проходит в рамках профессии "Веб-разработчик на Javanoscript".
👉🏻Оставьте заявку на сайте, чтобы открыть доступ к платформе: https://bit.ly/3AWiQ0r

👉 @frontendInterview

Расскажите про Readonly<T> в TypeScript

Readonly<T> позволяет получить набор неизменяемых свойств на базе свойств типа T, например:
type AnimationSettings = {
name: string;
duration: number;
repeat: number;
}

type DefaultAnimationSettings = Readonly<AnimationSettings>
const defaultSettings: DefaultAnimationSettings = {
name: 'fadeIn',
duration: 500,
repeat: 1,
}
defaultSettings.duration = 1000; // будет показана ошибка - нельзя изменить свойство только для чтения

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

JavaScript Everywhere (2020)

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

👉 @frontendInterview

Sum of a Beach

На пляже много песка, воды, рыбы и солнца. Создайте функцию, которая принимает строку и подсчитывает количество встречающихся слов Sand, Water, Fish и Sun.

Примеры:
sumOfABeach("WAtErSlIde") ==> 1
sumOfABeach("GolDeNSanDyWateRyBeaChSuNN") ==> 3
sumOfABeach("gOfIshsunesunFiSh") ==> 4
sumOfABeach("cItYTowNcARShoW") ==> 0

👉 @frontendInterview

​Что такое анонимная функция?

Анонимные функции могут использоваться для хранения некоторой функциональности в переменной и передавать эту функциональность вокруг нее и создаваться во время выполнения.

Определение нормальной функции:

 function callMe() {
   alert('Hello, I am normal function !!');
 }
 callMe();

В приведенном выше скрипте вы видите, что он создает функцию с именем «callMe».

Определение анонимной функции:

 var callMe = function() {
   alert('Hello, I am Anonymous !!');
 }
 callMe();

В приведенном выше скрипте вы можете видеть, что он объявляет неназванную функцию и присваивает ее новой переменной с именем «callMe».

Здесь мы видим, что эти два способа определения функции по существу одинаковы; оба приводят к создаваемой функции и новую переменную с именем «callMe», назначенную для текущей области. Однако вторая функция анонимна. Функциональный оператор можно использовать где угодно, чтобы использовать выражение. Например, вы можете использовать оператор функции, когда назначается переменная, когда параметр передается функции или в операторе return.

👉 @frontendInterview