В чем разница между 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