Frontend Interview - собеседования по Javascript / Html / Css

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

Среднее арифметическое Напишите функцию, которая рассчитает среднее арифметическое чисел массива. При этом, постарайтесь реализовать эту функцию как можно компактнее. Пример:

 var a = [0, 1, 2];
 avg(a) // output should be 1

ES6 и не только Даже если у вас уже есть опыт работы с JavaScript, скорее всего, язык вы в полной мере не знаете. Особое внимание в этой книге уделяется новым функциям, появившимся в Ecmascript 6 (ES6) -

Расскажите про тип Unknown в TypeScript. Иногда в TypeScript хочется описать тип, не подходящий ни к чему. Это бывает полезно для API, который хочет просигнализировать: «здесь может быть любое значение, поэтому вы должны произвести некоторую проверку перед тем, как его использовать». И пользователи вынуждены анализировать возвращаемые значения в целях безопасности. В TypeScript 3.0 вводится новый тип с названием unknown, который делает именно это. Подобно типу any, типу unknown присваивается любое значение, однако, в отличие от any, тип unknown не может быть присвоен почти никакому другому без утверждения типа. Вы не можете получать доступ к объектам типа unknown, а также вызывать их или конструировать. Если в приведенном выше примере подставить unknown вместо any, все случаи использования объекта foo приведут к ошибке:

Для чего предназначены интерфейсы в TypeScript? Интерфейс определяет свойства и методы, которые объект должен реализовать. Интерфейсы определяются с помощью ключевого слова interface. Для начала определим простенький интерфейс:

 interface IUser {
     id: number;
     name: string;
 }

Интерфейс в фигурных скобках определяет два свойства: id, которое имеет тип number, и name, которая представляет строку. Теперь используем его в программе:

 let employee: IUser = {
     id: 1, 
     name: "Tom"
 }
 console.log("id: " + employee.id);
 console.log("name: " + employee.name);

По сути employee - обычный объект за тем исключением, что он имеет тип IUser. Если правильнее говорить, то employee реализует интерфейс IUser. Причем эта реализация накладывает на employee некоторые ограничения. Так, employee должен реализовать все свойства и методы интерфейса IUser, поэтому при определении employee данный объект обязательно должен включать в себя свойства id и name.

🔥 Новости из Лектрума 🔥 16 февраля пройдёт открытый урок из интенсива «Профессиональный курс React + Redux с современными frontend-методиками». Участие бесплатное, а для тех, кто хочет получить больше плюшек и профит 😎 есть тариф «Расширенный». Открытый урок — отличная возможность познакомиться с библиотекой React, научиться работать с JSX, освоить технику создания новых компонентов с помощью React, познакомиться с организацией курса, преподавателем, позадавать свои вопросы и если всё понравится, то продолжить обучение. Зачем откладывать получение нового навыка?! Время — деньги! ⏰ Для кого: 🔸 Начинающие разработчики, которые уже выучили JavaScript. 🔸 Разработчики, которые переходят на MERN-стек. 🔸 Фронтенд разработчики, которые работали или учили React на классах, а теперь нужно освоить новую версию. Не теряйте время и проходите регистрацию через сайт ивента ⬇️ Ждём всех в онлайне!

​Что такое Type Assertions в TypeScript? Type assertion представляет модель преобразования значения переменной к определенному типу. Обычно в некоторых ситуациях одна переменная может представлять какой-то широкий тип, например, any, который по факту допускает значения различных типов. Однако при этом нам надо использовать переменную как значение строго определенного типа. И в этом случае мы можем привести к этому типу. Есть две формы приведения. Первая форма заключается в использовании угловых скобок:

 let someAnyValue: any = "hello world!";
 let strLength: number = (<string>someAnyValue).length;
 console.log(strLength); // 12

 let someUnionValue: string | number = "hello work";
 strLength = (<string>someUnionValue).length;
 console.log(strLength); // 10

Вторая форма заключается в применении оператора as:

 let someAnyValue: any = "hello world!";
 let strLength: number = (someAnyValue as string).length;
 console.log(strLength); // 12

let someUnionValue: string | number = "hello work"; strLength = (someUnionValue as string).length; console.log(strLength); // 10

Фронтендер от бога — топ-канал о фронтенд-разработке. Если вы учите JS — подписывайтесь! Что вас ждет: — обучающие материалы (в том числе и уникальные) с удобной категоризацией; — еженедельные дайджесты информации из мира фронтенд-разработки; — профессиональный юмор; Подписывайтесь на фронтендера от бога ⬇️

Убрать дубликаты из массива Создайте функцию, которая уберет дублирующие элементы в массиве и вернет этот массив. Примеры: distinct([1]) => [1] distinct([1,2]) => [1, 2] distinct([1,1,2]) => [1, 2]

​Рассказать про следующие виды типизации, их особенности, плюсы и минусы: слабая / сильная Сильная типизация выделяется тем, что язык не позволяет смешивать в выражениях различные типы и не выполняет автоматические неявные преобразования, например нельзя вычесть из строки множество. Языки со слабой типизацией выполняют множество неявных преобразований автоматически, даже если может произойти потеря точности или преобразование неоднозначно. статическая / динамическая Статическая определяется тем, что конечные типы переменных и функций устанавливаются на этапе компиляции. Т.е. уже компилятор на 100% уверен, какой тип где находится. В динамической типизации все типы выясняются уже во время выполнения программы. явная / неявная Явно-типизированные языки отличаются тем, что тип новых переменных / функций / их аргументов нужно задавать явно. Соответственно языки с неявной типизацией перекладывают эту задачу на компилятор / интерпретатор. структурная / номинативная В отличие от номинативной, которая следит за названиями типов, структурная типизация принимает решение о совместимости типов на основе их содержимого.