Давайте знакомиться !
Меня зовут Кирилл.

Я автор этого канала и создатель бота @interviewITBot

Являюсь Senior Full-Stack разработчиком.
Сейчас работаю Тех Лидом в одной из Питерских компаний.

Вот мой тик ток где я создаю свой React за 15 секунд

Как задать контекст функции ?

Это можно сделать тремя способами: call, apply, bind
call - первым принимает объект для задачи контекста, вторым принимает список аргументов функции ( функция будет сразу вызвана )
apply - первым принимает объект для задачи контекста, вторым принимает массив из аргументов функции ( функция будет сразу вызвана )
bind - первым принимает объект для задачи контекста, вторым принимает список аргументов функции ( будет создана новая функция и передана в переменную )

bind жестко привязывает контекст, то есть второй bind не отработает
В стрелочную функцию нельзя задать контекст

Всем привет ! На связи создатель этого канала и бота @interviewITBot.

Есть идея сделать курс для ребят уровня: Стажер, Junior, Middle, потому что сейчас нет четкого объяснения и растолковывая по многим вопросом.

Так как я провел более 50 собеседований, большинство не понимает одни и те же темы

К примеру: протипирование, отрисовка страницы, поток документа, контекст, цикл событий,чистый код, CRP и так далее ( тем реально много, так как в большинстве уроках поверхностная муть )

Касаемо фронтенда: Виртуальный Дом, Fiber, оптимизация, стейт менеджеры, хуки, почему опытные разрабы не любят функциональные компоненты
( и еще куча всего, что не говорят )

Никто не говорит про typescript, хотя по факту это уже стандарт
Даже у человека знающего ts, спросив что такое перегрузка функции или зачем тип unknown,то он будет непонимать о чем идет речь

По бэку банальный вопрос как работает нода всех ввергает в шок.

Все полученные деньги, будут вложены в этот канал и бота собеседника.

После курса ребята Стажеры и Junior-ы, могут называться мидалми. А Мидлы, будут еще крепче

Сейчас создам голосование, чтобы понимать будет ли такое интересно
Минимальное количество людей: 10

Какие типы есть в TypeScript ?

TypeScript - выделяют два определения: 1) Это строго типизированный язык, компилирующийся в JavaScript. 2) TypeScript это надстройка над JavaScript, которая привносит типы и так далее.

Какие в TypeScript есть типы данных: boolean ( логическое значение true или false ), number ( числовое значение ), string ( строки ), Array ( массивы ), кортежи ( неизменяемый массив ), Enum ( перечисления ), Any ( произвольный тип ), Symbol, null и undefined (соответствуют значениям null и undefined в javascript ), Never ( также представляет отсутствие значения и используется в качестве возвращаемого типа функций, которые генерируют или возвращают ошибку ), Void ( не возвращающий ничего из функции ), Unknown ( тип который неизвестен, тип который должен быть переопределен )

Методы массива (map, reduce, forEach, filter, find, some) ?

map - создаёт новый массив с результатом вызова указанной функции для каждого элемента массива.
reduce - применяет функцию reducer к каждому элементу массива (слева-направо), возвращая одно результирующее значение.
forEach - выполняет указанную функцию один раз для каждого элемента в массиве
filter - создаёт новый массив со всеми элементами, прошедшими проверку, задаваемую в передаваемой функции.
find - возвращает значение первого найденного в массиве элемента, которое удовлетворяет условию переданному в callback функции.
some - проверяет, удовлетворяет ли какой-либо элемент массива условию, заданному в передаваемой функции

На связи создатель канала

Увидел заинтересованность в курсе, создал отдельный канал где будет вся информация (сколько стоит, что будет и тд. )

Переходи за информацией сюда https://t.me/+ArAQp_pk6QYxZWIy

Какие значения falsy и что это такое ?

Ложноподобное (falsy) значение — значение, которое становится false в булевом контексте.
JavaScript использует преобразование типов, чтобы привести значение к булевому типу, там, где это требуется (например, в условных конструкциях и циклах.

Данные которые будут преобразованы в false: false, 0 (Ноль Number (к нему также относятся 0.0, 0x0 и т.д.)), -0 (Отрицательный ноль типа Number), 0n (Ноль типа BigInt (также 0x0n). Обратите внимание, что не может быть негативного нуля типа BigInt — отрицательный 0n равняется 0n.), "", '', `` (Значение, содержащее пустую строку .), null , undefined, NaN

Ссылочные типы данных всегда true, так как они создают ссылку на себя

Что такое Reflect ?

Reflect – встроенный объект, упрощающий создание прокси.

Ранее мы говорили о том, что внутренние методы, такие как [[Get]], [[Set]] и другие, существуют только в спецификации, что к ним нельзя обратиться напрямую.

Объект Reflect делает это возможным. Его методы – минимальные обёртки вокруг внутренних методов.

В частности, Reflect позволяет вызвать операторы (new, delete…) как функции (Reflect.construct, Reflect.deleteProperty, …). Это интересная возможность, но здесь нам важно другое.

Для каждого внутреннего метода, перехватываемого Proxy, есть соответствующий метод в Reflect, который имеет такое же имя и те же аргументы, что и у ловушки Proxy.

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

Как написать свой Декоратор в TypeScript ?

Декораторы являются инструментом декларативного программирования, они позволяют добавить к классам и их членам метаданные и тем самым изменить их поведение без изменения их кода.

На текущий момент декораторы являются экпериментальной функциональностью языка TypeScript, поэтому при компиляции следует указывать параметр experimentalDecorators. Например, через файл tsconfig.json

В TypeScript есть декораторы: классов, методов, аксессоров, аттрибутов, параметров

ТЫ НЕ ЗНАЕШЬ КАК РАБОТАЕТ EVENT LOOP

Создал свой канал на ютубе, там объясняю сложные темы простым языком
Переходи и подпишись

https://www.youtube.com/watch?v=s4MpxqD3KqA&t=20s

Hoisting что это такое ?

Поднятие или hoisting — это механизм в JavaScript, в котором переменные и объявления функций, передвигаются вверх своей области видимости перед тем, как код будет выполнен.

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

Стоит отметить то, что механизм “поднятия” передвигает только объявления функции или переменной. Назначения переменным остаются на своих местах.

Как работает Function Declaration ?

Function declarations загружаются до выполнения кода. Function expressions загружаются только тогда, когда интерпретатор достигает этой строки кода.

Function declarations поддерживает всплытие

Function expressions не поддерживает всплытие

На фото продемонстрировано объявление функции в стиле Function declarations

ТЫ НЕ ЗНАЕШЬ КАК РАБОТАЕТ КОНТЕКСТ

Создал свой канал на ютубе, там объясняю сложные темы простым языком
Переходи и подпишись

https://www.youtube.com/watch?v=pfSaT0c7wvk

Как в строке заменить слово кратчайшим способом ?

string.replaceAll
Метод replaceAll() возвращает новую строку, в которой все совпадения шаблона заменены новым значением. Шаблон может быть строкой или регулярным выражением, а заменой может быть строка или функция, вызываемая для каждого совпадения.

string.replace
Тоже самое, только для первого найденого элемента

Как скопировать элемент массива в другую позицию ?

Метод copyWithin() копирует элементы массива в другую позицию массива. Он перезаписывает существующие значения и не добавляет элементы в массив. Первый параметр target указывает, куда копируются элементы.

Параметры start и end отвечают за то, откуда начинается и заканчивается копирование.

Как работает for...of/for...in ?

Оператор for...of создает цикл, перебирающий итерируемые объекты, включая встроенные объекты String, Array, массивоподобные объекты, TypedArray, Map, Set и пользовательские итерируемые объекты. Он вызывает пользовательский крючок итерации с операторами, которые должны выполняться для значения каждого отдельного свойства объекта.

Оператор for...of поддерживает деструктуризацию.

Оператор for...in проходится по ключам итерируемой сущности.

ТЫ НЕ ЗНАЕШЬ КАК РАБОТАЮТ ГЕНЕРАТОРЫ

Создал свой канал на ютубе, там объясняю сложные темы простым языком
Переходи и подпишись

https://www.youtube.com/watch?v=MG8g3QfconY

Как отбросить дробную часть у числа ?

Функция Math.trunc() усекает точку и цифры справа от числа, независимо от того, является ли аргумент положительным или отрицательным числом. Аргумент, переданный этому методу, будет неявно преобразован в числовой тип.