Расскажите про типы сопоставления 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

👉 @frontendInterview

Опишите, как работает прототипно-ориентированная модель наследования в JS.

В плане наследования JavaScript работает лишь с одной сущностью: объектами. Каждый объект имеет внутреннюю ссылку на другой объект, называемый его прототипом. У объекта-прототипа также есть свой собственный прототип и так далее до тех пор, пока цепочка не завершится объектом, у которого свойство prototype равно null. По определению, null не имеет прототипа и является завершающим звеном в цепочке прототипов.
— Наследование с цепочкой прототипов

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

👉 @frontendInterview

С нас крутые спикеры, интересные лекции и трудоустройство, с тебя – желание учиться и минимум год опыта коммерческой разработки на JavaScript.
⠀
Как все проходит?
3 раза в неделю на протяжении двух месяцев тебя будут обучать Senior’ы и Teamlead’ы ведущих банков страны.
⠀
Чему будут учить?
На курсе будем изучать React, Angular, RxJS и Vue. Помимо этого еще будут практические занятия и домашние задания.
⠀
Что будет после учебы?
Трудоустройство на Middle позицию в Цифровые привычки. Ты будешь работать над проектами крупных банков страны в Москве, в СПб или на удаленке.

Пройти вступительный тест на курс: https://cutt.ly/5QjN7sg

👉 @frontendInterview