Полный гайд по JavaScript собеседованию. Все в 1 видео!

Эксклюзивный контент в Telegram: t.me/NextgenSocialBot
Исходники тут: t.me/js_by_vladilen/131
Telegram: t.me/js_by_vladilen
Instagram: / vladilen.minin
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
JavaScript полный курс, где в одном видео вы узнаете и повторите все "сложные" элементы, которые спрашивают на собеседовании
JavaScript интервью. Полное пособие (типы данных, контекст, прототипы и другое)
В видео я разберу множество тем для прохождения интервью на JavaScript. Будет разобрано 11 тем:
1. Типы данных в JavaScript 00:00
2. Значения и ссылки 25:32
3. Как работает Scope 29:38
4. Что такое Hoisting 33:45
5. Переменные Let const 39:30
6. Замыкания 47:09
7. Что такое IIFE 59:33
8. Контекст 1:03:53
9. Как работает new 1:17:17
10. Как работают прототипы 1:21:25
11. Асинхронность 1:34:38
Сложный JavaScript простым языком:
• Урок 1. JavaScript. Чт...
#javascript #js

[@VladilenMinin]

Эксклюзивный контент на моем Boosty: boosty.to/vladilen Исходники тут: t.me/js_by_vladilen/131

[@alexkheben2561]

Есть некоторые неточности и замечания по курсу, а некоторые вещи можно ещё проще рассказать. `` - вот такие обратные кавычки это не просто "литерал", а это "литерал шаблонной строки" или просто "шаблонный литерал", так же как [] - литерал массива (new Array), или {} - литерал объекта (new Object), или /something/ - литерал регулярного выражения (new RegExp('something')) и т.п. Кстати, двойные и ординарные кавычки (вместе со всем что внутри них находится) - это тоже литерал... литерал строки или "строковый литерал". Типы бывают двух основных видов: примитивы (простые типы: строки, числа и т.п.) и комплексные (не простые: объекты, массивы, инстансы классов и т.п.). Примитивы делятся ещё на 2 категории: примитивы, которые ведут себя как объекты (number, string) и самые настоящие простые типы (null, boolean). Про "плюс" и "минус" тоже как-то сложно. Просто плюс может использоваться как арифметический оператор, так и не арифметический (конкатенация), а какое поведение будет выбрано - зависит от типов членов выражения. Объяснение проще: конкатенация строк (не арифметическая операция) может быть выполнена при помощи "плюса", если в выражении есть член с типом String, то будет выполнена конкатенация (в случае если тип не String и не Numer, то будет выполнена опять таки конкатенация, но с предварительной сериализацией значения - записи значения в виде строки). Во всех остальных случаях (деление, вычитание, умножение - чисто арифметические операции) будет выполнена попытка привести к типу Number все члены выражения. Про сравнение с объектом такая же история, как и описана выше - при неявном сравнении со строкой другие значения с типом не String сериализцются. Просто пустой массив сериализуется в пустую строку, а "пустой" объект сериализуется в строку со значением '[object Object]'. Для нагляндости можно поиграться с: String({}) String([]) String([1]) String([1, 2, 3]) Насчёт сравнения a===b, a===c: не совсем, там ничего при приведении не несовпадает. При использовании строгого сравнения (при сравнении двух значений с комплексными типами) сравниваются идентификаторы ссылок. Если идентификаторы совпадают, то true, если не совпадают, то false. При сравнении двух комплексных типов срваниваются не их значения, а ссылки (а точнее идентификаторы ссылок). Можно ощутить разницу поигравшись с: const o = {} o == '[object Object]' // = true // т.к. одно из значений String, то другое, не строковое значение сериализуется o === '[object Object]' // = false // а тут сериализация не происходит, т.к. сравнение строгое [1, 2, 3] === [1, 2, 3] // = false // тут сравниваются 2 разных объекта (мы их создали "на лету") '1,2,3' == [1, 2, 3] // = true // тут происходит сериализация значния справа {} === {} // = false // тут 2 разных объекта, хоть они и имеют одинаковое содержимое o === o // = true // тут сравнение объекта с самим собой Некоторые вещи становятся проще, если их называть на родном для вас языке. Дело в том, что для англоговорящих людей это именно так и происходит, чаще всего они понимают суть какого-то определения/процесса из его названия. Новичкам надо объяснять именно так, как мне кажется, оно так интуитивно понятнее. Например, Скоуп (scope) - область видимости (намного больше объясняет, чем "скоуп"). Хойстинг (hoising) - подъём, а в русском языке это принято называть "всплывание" или "всплытие". Так же намного понятнее, чем "хойстинг", вся суть в названии. Переассаин (reassigning) - переопределение или переназначение. Можно ещё посвятить новичка в разницу между isNaN и Number.isNaN :)

[@romankrapivkin8325]

Дай Б-г тебе здоровья, добрый человек.

[@xxxxrat]

Спасибо! Не совсем, впрочем, понятно тогда такое поведение: {} == {} // = false То есть не происходит сериализации {} в '[object Object]', а сравнение происходит по идентификаторам ссылок?

[@alexkheben2561]

@@xxxxrat конечно

[@sn9807]

Кто ты воин?) У вас есть статьи или что нибудь? С удовольствием бы почитал.

[@Paks176]

Спасибо, думал все эти недочеты Владилена вручную искать, так как видео и объяснение крайне скупое, а самое главное не объясняет почему так происходит (а это спрашивают на собесах), типа просто запомните

[@user-xw3ek8sf9t]

"Js за час" здорового человека)

[@user-ve8om5zg3s]

Этого не хватит

[@nickstojanovic9663]

@@user-ve8om5zg3s Если ты сделал тестовое задание хорошо, то 70 процентов вопросов на собеседовании скорее всего отвалятся

[@austinpowers7030]

@@nickstojanovic9663 в нормальных конторах прежде идет собеседование, потом уже тестовое. В очень нормальных конторах идет сначала собеседование, потом тестовое, а потом второе собеседование.

[@nickstojanovic9663]

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

[@anotherone8692]

@@austinpowers7030 в нормальные конторы должно висеть по 300 апликантов и с каждым из них никто проводить собеседование не будет, первым всегда должен идти тест если контора действительно нормальная

[@BearVodkaAndValenki]

Спасибо за видос, что-то освежил в памяти, что-то узнал новое.

[@vasya8441]

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

[@user-pf7ht6th8x]

Владлен! Спасибо за твой труд! То, что ты делаешь мне очень нравится и помогает!

[@user-ib4fu2ot4x]

Большое спасибо за такие уроки, все понятно и становится по своим полочкам в голове.

[@olegpivkin4073]

Владилен, всё с толком объясняет. Понятно и доходчего. Спасибо за нелёгкий труд. 💪

[@arthurkitskan2359]

Спасибо огромное! Ваш труд очень помогает! Замечательная подача, нет "воды". Отличное пособие чтобы повторять язык JS в дороге или на выходных в свободные часы.

[@ladutska]

Прекрасная подача материала! Получил большое удовольствие от просмотра. Благодарю. :)

[@user-yn3qf8fv6v]

Очень полезно,чтобы освежить знания и что-то вспомнить.Спасибо,Владилен!

[@aleksandrglebik8033]

Спасибо, Владилен! Очень много классного контента на твоем канале. Простыми словами о сложном!!!

[@SergioUkrAr]

Супер, как раз смотрел твои уроки по Ангуляру, дай думаю на ютубе чет гляну, а тут вот на это видео наткнулся да еще и материал интересный и застрял))), спасибо)

[@user-hp5hw8su8q]

С вами я сильно продвинул свой скилл по js . Большое вам спасибо за столь полезный контент.

[@virgo6324]

Супер видео! Низкий поклон и поддержка!

[@user-nd9rp5tn5v]

очень познавательный канал и автор объясняет все очень простыми и понятными словами. Даже на 1.5х все очень понятно

[@oksanazaiakina2583]

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

[@elenakniazeva5388]

Вселенское Вам спасибо! Очень все чётко изложено )

[@dmitrysmuschenko9487]

Спасибо огромное! Очень, очень вовремя:)

[@andriihelever1793]

Хороший контент, по нему готовлюсь к собесу, в принципе многое знаешь, но иногда не всегда помнишь, что то забывается, что то на автомате делается - важно напомнить себе и проверить свои знания. Большое спасибо тебе

[@2difficult2do]

Большое спасибо за краткий и практически полезный разбор JS на примерах. Случайно к Вам попал, но это именно то, что надо :)

[@kirillgavrilov9681]

Спасибо, все это очень полезно, освежил знания по Js за полтора часа!

[@user-wu1ps5qu8m]

Владилен, спасибо огромное за твой труд.

[@NemiroIlia]

отлично расписано, всё чётко, всё необходимое

[@godaro]

Спустя уже почти 4 года видео все еще актуально и все еще проясняет очень многое. Спасибо огромное Владилен, за ваши старания в нашу пользу.

[@user-chf7z61vnd6h8v]

Но актуальность стоит проверять перед собесом, например типов уже 8, bigInt не хватает

[@maxbasov5485]

При приведении типов во время сравнения через == важно помнить 2 вещи которые помогут предсказать результат 1. Представьте что вы приводите все к Number, типа Number(a) == Number(b) 2. Помните что undefined, null, {} и Symbol - это не значения - это типы. По сути по значению тут вообще нечего сравнивать так как значений нет. Вот почему []==false => true Number([]) - 0, Number(false) - 0 Но {}==false => false {} - это тип, тут нет значени, null==false => false null - это тип, тут нет значени, Я не уверне в том насколько это близко к правде, но это помогает запомнить все эти задачи с сравнением

[@anzhelikabelinskaya207]

Спасибо большое! Один из лучших русскоязычных каналов по теме на ютубе

[@maxeleron]

Очень много полезного материала, спасибо!

[@user-jf5ly9mg7h]

Спасибо большое за крутую собранную информацию, дай бог пройду успешно свое собеседование после данного ролика

[@haykaghababyan8348]

Спасибо большое за полезную видео, ждем новых!

[@oleksiiumrikhin4478]

Да прибудет с тобой сила Владилен)Спасибо)

[@SoreraRU]

Ничего нового не узнал, но для повторения это идеально! Всё в одном месте собрано. Круто. А для тех кто только начинает изучать - это видео просто находка!

[@777Vasya77]

2:35 Типи 10:30 Приведение типов 25:28 Значения 29:40 Область видимости 33:42 Поднятие 37:24 Объявление функций 39:28 let и const 47:10 Замыкание 59:39 IIFE 1:03:54 Контекст 1:17:16 New 1:21:30 Прототипы 1:34:38 Асинхронность

[@racman9964]

как же приятно слушать) Все ясно, просто, хорошие примеры, без воды, в комфортном темпе. Спасибо за уроки!

[@AlexAlexis2012]

Вот только varyable произносится немного по другому

[@ML-ns4fg]

Спасибо! Как всегда кратко и по сути. Ждем еще

[@user-vl1pg7ff7i]

Я очень сильно тебя благодарю за такую возможность подойти ближе к собеседованию!))

[@4sARy]

Спасибо, Владилен! Очень познавательно и не нужно тратить время на книгу.

[@steel1004]

Ты в моём личном топе, напару с диманом из ИТ камасутры. Респект вам за годный контент.

[@MakcoH1998]

@Metal Head Откуда такая агрессия? Тебя недолюбили?

[@user-uu2id7re7g]

@@MakcoH1998 скорее перелюбили, во все щели

[@user-ov7gm7ey6l]

Вот прям +

[@user-by4ds6vr8o]

Сенсея называть бы с большой буквы)

[@artempavlenko5147]

+++

[@user-vv9ur6lc5w]

Мужик, добра тебе, очень информативно и понятно)

[@obivanbeluii]

Спасибо, отличная подача материала

[@TheJokerEXE]

Спасибо автор! Держи подписку) Все в понятной и доступной форме

[@Bob3r1245]

Спасибо то что делитесь знаниями.

[@user-il3vn7ye4n]

Очередное собеседование и я здесь) Спасибо, Владилен!

[@user-ev1zz5rq3r]

Привет, сделай список топовых вопросов на собеседовании, а также ответов на них. Это будет очень круто.

[@danileros3563]

Спасибо! Как раз понадобился список вопросов для собеседования )

[@evgeniyn1542]

Владилен ты красавчик, такой крутой и длинный ролик снял. :)

[@user-kw5yy1gi7e]

Отличное объяснение тем. Особенно понравилось объяснение замыкания, c этим всегда были проблемы. Большое спасибо за труд.

[@ghost91827]

Супер подача. Без воды, кратко, хорошие примеры. Спасибо за ваши уроки и курсы!

[@early_testing]

Владилен, очень помогло твое видео при подготовке к собеседованию. Спасибо :)

[@user-ei5zp2qi4j]

Спасибо, все очень понятно. Хорошо посмотреть, что бы все вспомнить

[@okeaniafree]

Спасибо большое, за доступное разъяснение JS!!! Только что KZbin предложил ваши видео, теперь смогу точно разобраться в JS!!! Спасибо большое ещё раз, вы супер!

[@user-ff3lc1et3u]

Прошла уже собес?

[@hatman8626]

Шикарное объяснение замыканий. Спасибо

[@liudmylabarabash9839]

Очень доступно и понятно! Спасибо :)

[@FillinGnom]

Спасибо большое за столь полезный контент!

[@michaelcovalciuc2240]

огромное спасибо! Желаю успехов

[@user-jj6ol1jm9t]

лучший видос для подготовки к собесу! спасибо!

[@VladilenMinin]

Ловите таймкоды: 1. Типы данных в JavaScript 04:25 2. Значения и ссылки 25:32 3. Как работает Scope 29:38 4. Что такое Hoisting 33:45 5. Переменные Let const 39:30 6. Замыкания 47:09 7. Что такое IIFE 59:33 8. Контекст 1:03:53 9. Как работает new 1:17:17 10. Как работают прототипы 1:21:25 11. Асинхронность 1:34:38

[@user-wz9qg9jw2v]

Владилен расскажи по NodЕ req/res и т.д. нигде толком ничего нет

[@VladilenMinin]

У меня на канале есть нода за час. Там и проясняю

[@NemiroIlia]

в асинхронности не хватает несколько важных вещей: таски и микротаски, эвентлуп подробнее, туда же можно промисы, async-await, очень важно для понимания псевдоасихнронности js (что на клиенте, что в nodejs). Очень много ошибок с этим у ребят связано.

[@VladilenMinin]

@@NemiroIlia На канале есть более подробные видео по этим темам

[@NemiroIlia]

Владилен Минин одно другому не мешает, тут же «полное пособие». Понимание работы эвентлупа и асинхронности очень важный аспект js, поэтому и не хватает именно в этом видео. То что отдельно есть - отлично

[@tinatriboi6799]

Владилен, спасибо за толковое видео.

[@100whitefox]

Спасибо, полезно повторить концептуальную информацию!!

[@igoristoian7557]

Как всегда ,Владилен лучший. Очень понятно объясняет, всё по полочкам. Единственное как мне кажется не хватает одной главы про промисы и может быть ещё одной главы про работу с сервером(GET,POST,PUT,DELETE), но это моё субъективное мнение. Спасибо ещё раз за твой контент!

[@juliarekamie]

величезна подяка за інформативність! 🐱‍👤🙌

[@BatmanMSK]

Спасибо мужик, ты очень крутой! Лайки и вечная подписка тебе

[@ivanvrn51]

Отличное пояснение материала!!! Спасибо!!!

[@CJ19000]

Все четко, по факту, проффесионально, без воды, смотрел не отрываясь!

[@user-ml2xz2pn3p]

Отличный урок, никакой воды! Спасибо!

[@user-yk4ie1ks4v]

Спасибо большое! От души просто!

[@harrypolygon]

Блен, какой же офигенно качественный материал на твоем канале :)

[@VladilenMinin]

Благодарю, стараюсь)

[@jek126]

Спасибо вам большое за ваш труд

[@Nnnnnnnnnnn_02]

Спасибо за видео🔥🔥🔥

[@oleksiik4473]

Очень круто! Спасибо!

[@theymav]

Очень понятно, спасибо! За час обобщил свои знания

[@DagestanShop]

четкое видео ! я пришел с java/c# в js и как раз данное видео именно то, что нужно чтобы войти в курс дела

[@NoakSV]

Спасибо, было интересно и полезно!

[@xmnkn]

У тебя супер полезный контент и просто талант объяснять всё доходчиво! Я про все концепции, о которых идёт речь в видео, знала, но с удовольствием посмотрела для закрепления и выяснения нюансов. Огромное спасибо за этот труд, ты -- алмаз :)

[@user-xy4ef9yq6y]

А ты изумруд))!!

[@filichev_valeriy]

Спасибо огромное!!! Ты красаучег!!

[@yaroslavp5025]

Спасибо , как всегда Лучший

[@iakovalmazov8486]

Спасибо Владилен! Можно в следующих выпусках масштабировать экран покрупнее, пожалуйста!

[@MrKenny176]

Спасибо за уроки. На русском ютубе можно сказать уникальный контент делаешь! Очень надеюсь что не забросишь канал и будет ещё больше роликов. В том числе очень буду ждать по vue 3. Скоро кстати релиз)

[@GeorgeKryptonian]

Не забросил)

[@eugenia9999]

спасибо !!! это лучше, что было со мной )))

[@klazouski]

Владилен, считаю, что при объяснении setTimeout в цикле нужно было бы также упомянуть, что при использовании let на каждую итерацию создается абсолютно новая переменная, в то время как переменная, объявленная через var, -- одна на весь цикл, и при каждой итерации изменяется только ее значение, в чем, собственно, и кроется фишка этого примера. А так все очень круто и доступно, спасибо!

[@dmitrykarpovich186]

Спасибо!!! Очень содержательно

[@ruslanaskarov5393]

Спасибо за видео ,ты крут)))

[@romanriezanov1704]

Круто! Очень круто! Можно еще добавить про методы массивов, это частенько спрашивают на собесах

[@ivanoliinyk8404]

Очень хороший материал для повторнения и не только)

[@Eduard02834]

sposibo ogromnoe ! kupil vash kurs po Excel ochen nravitsya no i slojno esli chestno !!

[@xpornzenin]

Спасибо! Четко и по делу

[@chaostheory8706]

Спасибо, что делаешь длинные ролики, а не огромное кол-во 5/10-минутных. Проще посмотреть 1 видео, чем 10 :) и тема очень актуальная

[@mikeistp5736]

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

[@chaostheory8706]

@@mikeistp5736 это дело вкуса. Всегда будут те, кому нравится и те кому нет. Много людей записывают короткие ролики, а длинные - нет, поэтому автора видео хочется отдельно поблагодарить. Да и тема же - прохождение интервью, это не подразумевает изучить что-то с нуля, а скорее просто освежить память

[@VladilenMinin]

@@mikeistp5736 Я пояснял в телеграм почему буду стараться делать ролики длинными на ютубе. Все из-за его алгоритмов

[@sergeyovsov3417]

Очень помогает вспомнить некоторые моменты! )

[@levonkehyan9235]

Огромное спасибо, очень полезно

[@user-gx7kf9um9x]

Мощнейше, спасибо!

[@danilbondarev8280]

Спасибо за хорошее видео мне помогло разобраться!

[@kates9455]

Какой же Вы крутой, Владилен! Спасибо огромное! После 4 месяцев первой работы как фулстак хочу перейти только на JS(React) и сейчас собираюсь готовиться к собеседованиям, поэтому Ваш урок оч оч оч полезен

[@__kawaii]

А на бэке какой язык был?

[@gradusnikblea]

Спасибо большое, Каждое видео в котором есть польза я награждаю лайком, Твои видео все полезные)

[@user-ff3lc1et3u]

Стал уже разработчиком?

[@ihorlavrovskyi7726]

Спасибо, реально помогло)

[@dudovichenko]

Смотрел твой курс по Vue/Nuxt, где ты периодически тихонько матерился в микрофон, когда что-то не получалось. Было ощущение, что просто забыл вырезать)) Всё ждал, будет ли здесь такое)) А в целом - огромное спасибо, отличная подборка!

[@user-dg1rd8dk9d]

видео просто супер! спасибо

[@user-bi9mm2oo9z]

Владилен, спасибо тебе огромное! Ролик реально помогает на собеседованиях, здесь разобраны все часто задаваемые вопросы. Ещё ролик про 50 вопросов о реакт тоже очень пригодился. Вспоминаю тебя на каждом интервью) Спасибо за крутейший материал!!!!!!!!!

[@IvanMalafeyev]

На каждом интервью? Значит не одно было. Помогло хоть одно пройти?

[@user-bi9mm2oo9z]

@@IvanMalafeyev конечно!Прошла и работаю. Сначала взяли стажёром, потом перевели на джуна

[@Khan-oz9dx]

@@user-bi9mm2oo9z не уволили? Меня вот джуном взяли, испытательный срок 3 месяца, я очень боюсь, что не пройду, поэтому каждый день работаю по максимуму.

[@user-bi9mm2oo9z]

@@Khan-oz9dx не, не уволили, ушла в другую компанию миддлом уже, по собственному желанию

[@eminaliyev1382]

@@user-bi9mm2oo9z а щас наверное уже сеньор ?)

[@romko-romario]

9:48 Добавлю от себя об одном очень важном аспекте разницы между null и undefined: в случае, если у функции есть параметр по умолчанию, и вызвать эту функцию, передав значение данного параметра undefined, то будет использован параметр по умолчанию, а если null - тогда null. Например: const fn = (value = 5) => value; console.log(fn(), fn(undefined), fn(null)); // 5 5 null

[@akitmentorconsultant4696]

отличное видео. приятно слушать

[@xmutaborx]

Как раз готовлюсь к грядущим собеседованиям. Спасибо за видео!

[@VladilenMinin]

Удачного прохождения интервью )