Урок 1. JavaScript. Что такое prototype. JavaScript Prototype (English Subs)

[@VladilenMinin]

Полезен ли вам такой материал? Или слишком просто?)

[@CorleoneMikele]

Благодарю за контент, но прототипы это просто, что будет дальше? Итераторы, генераторы и конкретно практика по ним, их использование я видел только в 1 практическом видео на английском, чего то никто их не юзает.

[@VladilenMinin]

@@CorleoneMikele контекст, замыкания, promises, proxy, best practices Как я выяснил, не все до конца это понимают и переходят к фреймворкам

[@CorleoneMikele]

@@VladilenMinin proxy, best practices, я за это.

[@some_user1337]

отлично, толковых уроков по продвинутому js не так много сегодня

[@pingodev2896]

давай, т.к. Sorax уже устарел, да и пропал, а стили у вас очень похоже, особенно если смотреть тебя на скорости x1.25

[@frusanov]

Открыли прототип Лены, а оказалось что Лена на самом деле - Максим

[@НиколайТуршиев]

Сейчас на какую Лену не плюнь, там Максим и наоборот.

[@Alex__88]

Елена Максимовна 😊

[@bahodurnazriev120]

🤣🤣

[@bahodurnazriev120]

@@НиколайТуршиев 🤣🤣

[@bahodurnazriev120]

@@Alex__88 🤣🤣

[@helenas.966]

Спасибо, объяснение простое и хорошее. Досмотрела до "мы можем делать с объектом Лена что угодно" и чуть напряглась:).

[@VladilenMinin]

😁

[@grifangel5384]

А вы наоборот расслабьтесь.

[@АндрейКим-х5х]

АХАХАХХАХАХАХАХАХАХХАХАХХААА

[@СергейК-б6н]

Oooh my 😂😚

[@mihaylo47]

Я даже больше скажу. Два года прошло, а Владилен продолжает делать с Леной всё что угодно

[@ИванОпенько-б5с]

Боже, нашелся человек который объясняет адекватно

[@zzhanat4905]

ты еще не смотрел Димыча(it-kamasutra)

[@alexeykorovatsky3053]

@@zzhanat4905 Вот как раз Димыча из-за его подачи смотреть, по крайней мере мне, невозможно

[@maksimrugalov3158]

@@alexeykorovatsky3053 он вроде очень подробно объяснет как для детей

[@arturseu]

​@@maksimrugalov3158 Димыч не оперирует понятиями, из-за этого возникают неточности. Все должно быть названо своими именами. В русском сегменте богаче у всех язык у Юрия Бура, хотя у него только по реакту курс. Ну и если брать по vue.js Илью Климова.

[@kompbest6294]

@@zzhanat4905 С его душами?))

[@Federation1323]

10:00 давно мечтал с объектом Лена делать что угодно

[@denisyakorev]

Кто внимательно смотрел, знает, что объект Лена на более глубоком уровне является объектом "Максим"...

[@Alex-op6ni]

@@denisyakorev Да какая в Object разница

[@vitalyryabchich257]

@@denisyakorev Какой же ахуеннй ответ

[@psychoakustic]

@@denisyakorev не корректно, так как на более глубоком уровне объект lena является объектом person. Но попытка хорошая)

[@oaknottree]

@@denisyakorev так даже лучше

[@Zalupa501]

Я живу в беларуси и у меня нет денег на платные курсы, но благодаря вашему труду и книге learn.javascript я могу обучаться и развиваться как специалист. Спасибо Вам огромнейшее!!!

[@syrexsoez]

Как у тебя дела? Все ещё во фронтэнде?

[@PacoOfficial]

@@syrexsoez смысл такое спрашивать, ты услышишь либо 1.) я бросил 2.) я работаю ВСЁ :) тут рандом.

[@syrexsoez]

@@PacoOfficial пототому что мне интересно. если да, то как устроился, через сколько, если нет то почему и тд

[@PacoOfficial]

@@syrexsoez да это ничего не значит, ну скажет он тебе через сайт устроился за 1 неделю, для тебя это ниче не сыграет вообще, у тебя свой путь, пойми и какая разница почему нет) ты себя лишней инфой пичкаешь, настройся и идти к цели не смотря на других

[@syrexsoez]

@@PacoOfficial ты знаешь что такое интерес? вот он у меня и возник, я хочу узнать что с ним сейчас и мне все равно, что он ответит. Причем тут личный путь? Я не умру и не напичкаю себя лишней инфой, если узнаю что с ним сейчас

[@alekssaveliev]

"Мы можем делать с объектом lena что угодно" - с этого момента подписался и лайкнул ) Парень дело говорит)

[@VladilenMinin]

Хаха, то ли ещё будет! Добро пожаловать)

[@eugenekapustynskyi6979]

Прочёл комментарий - полез смотреть видео)

[@levpravov2301]

@@eugenekapustynskyi6979 Обычно наоборот...

[@serhiikhotsyk869]

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

[@MrFlexihopper]

Отлично! Больше JS)

[@ivan_sukhachev]

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

[@evgeniyzabolotskih4530]

с опозданием. Но для тех кто смотрит сейчас. Конструктор "new" это так называемый - "синтаксический сахар". Такое название, потому что это "приправа" для основы. В целом не несёт полноценной функциональности, но упрощает читабельность кода и сокращает его размеры. Реальный пример. Вам нужно создать два объекта - "личность" и "машина". У каждого из них свои характеристики. У личности - "имя", "пол", "возраст". У машины - "модель", "цвет", "год выпуска". Логично, что у "личности" не может быть характеристики - "модель", а у “машины" - "пол". Но ... у обоих может быть такая характеристика, как ... например, "масса". Спрашивается, зачем вам в каждом объекте прописывать одну и туже характеристику? А если таких объектов 500, в крупном проекте ... и одинаковых характеристик не 1 ... а 10? вы напишите 5000 раз одну и туже строчку. Даже ctrl+c/v не поможет сэкономить время. Есть способ избежать этого мучения. Описанный в этом видео. Через прототипирование создаёте характеристику для глобального класса. Можно даже свой придумать ... например, new MaterialObjects(). Создать в нём свойство - "масса". И теперь, создавая объекты person и car, через конструктор new MaterialObjects() на втором уровне в поле __proto__ вы увидите общую характеристику для всех созданных объектов - "масса". Стоит пояснить, что классы Object и String из видео существуют изначально и зашиты в сам язык js. Поэтому у них есть какие-то свойства. На здоровье. Сам учусь и понимаю как сложно объясняют простые вещи эти программисты)) Видимо профессиональная привычка 😂 Прорвёмся ❤ PS есть одно НО, ... мой пример - очень груб. Потому что "масса" личности и машины будет сильно разной. Сложность в том, что нужно уметь подбирать действительно и по-настоящему глобальные свойства. Значения которых будут одинаковыми, что у личности, что у машины.

[@ivan_sukhachev]

​@@evgeniyzabolotskih4530👍👍 Спасибо, что отписался, много времени уже прошло с того момента, уже сам менторю)) Сам ReactNative сейчас изучаю, круто, что есть референс в виде этого видео, чтобы сослаться в случае чего)

[@evgeniyzabolotskih4530]

@@ivan_sukhachev 🤜🤛 а я нублю пока что :) правда есть у меня ментор ... сеньор уже и так вышло, что лучший друг юности. И я очуметь как благодарен судьбе, что есть у меня такой человек 😅 Ты вроде только радоваться начнёшь новому открытию, а он спускает тебя с небес на землю. И конечно бесплатно, в любое время суток ♥️

[@thelowfer1016]

Как тебе удалось освоить js c нуля в итоге?

[@ivan_sukhachev]

@@thelowfer1016 Если коротко, то практика) Если нет, то шаг за шагом, тема за темой. Если сам не можешь составить план, то есть roadmap'ы по изучению языка, идешь по списку, изучаешь, а потом практикуешься на пет проектах 🙂

[@tyortyo]

Ты просто офигенный, я долго мучился пытаясь понять что такое цепочка

[@VladilenMinin]

Тогда тебе будет полезен весь плейлист по js)

[@alanpuch2243]

Благодарю. Мне было полезно. Возможно для людей получающих академическое образование это "слишком просто", но я изучаю сам и как раз простое объяснение очень важно для меня.

[@ebatoria_ellipsis]

блять, я так рад что это появился этот плейлист, спасибо тебе. вижу следующее видео про this. после гоши дударя с его словами "Ну вот тут напишем this, просто потому что на эту форму ссылаемся" эти видео как манна небесная просто

[@VladilenMinin]

А у меня весь канал в таких материалах)

[@maksimrugalov3158]

Самый полезный плейлист

[@ПетроПотрошенко]

Комментарий из восьми слов для поддержки этого видео.

[@МишаАстахов-ю2д]

Влад, материал - БОМБА!!! , а по поводу «проще», чем проще тем лучше. А для кого слишком просто нечего на ютубе делать, потому что если дюжа умные пусть , вон, документацию почитают, мало не покажется, с ума можно свихнуться. Думаешь почему Гошу Дударя все слушают и реклама у него зашкаливает, потому что обьясняет так что идиот поймет, хотя у него поверхностные уроки и там особо не научишься, но какая подача... , простая и дружественная

[@VladilenMinin]

Благодарю за отзыв) Мне не особо интересно, что делают другие русские ютуберы, тот же Георгий. Мне его контент не нравится, но есть люди, кому это близко и это нормально Лично я не хочу плодить бесполезные ролики по основам с тонной воды ради привлечения массового пользователя. Мне важны единомышленники, которые более продвинутые и самомотивированные, которые ценят свое время)

[@maga_frank]

Когда только начинал изучать js то никак в голову не влезло всё это, и только сейчас спустя год изучения вернулся и стало более менее понятно. Спасибо, надо будет ещё пересмотреть чтоб прям хорошенько закрепить в голове

[@daniilkudryashov4229]

Ты просто красавчик, серьезно. Просто идеально объяснил, с меня лайк

[@VladilenMinin]

Если ещё поставишь колокольчик буду супер признателен)

[@daniilkudryashov4229]

@@VladilenMinin Как без этого)

[@routeman8836]

Отлично чем проще тем лучше

[@ILikeDolls123]

Благодарю! Ваш урок оказался очень кстати. После ознакомления с данной темой уже думала покончить с обучением JS, а здесь все так понятно рассказано.

[@ВалерийМарочкин-ы6в]

Первый раз я бросил когда дошёл до функций

[@maga_frank]

​@@ВалерийМарочкин-ы6вмне на массивах было тяжко, а затем на хуках реакта с редаксом, вот там я конкретно перегорал по несколько раз. А сейчас всё кажется таким простым)

[@mariastepanova4606]

Спасибо, Владилен. У вас прекрасно получается объяснять материал 🙂

[@javidmammadov6726]

Да Благословит Вас Господь!

[@kenigkenigg6138]

"Преподователь от бога"... Так кажется говорят. Всегда внятная и интересная подача материала. Огромное человеческое спасибо автору.

[@FCatherine]

Геттеры, сеттеры, отличие var от let, ES6 - включите пжлста в обучающий список)

[@VladilenMinin]

Не сразу, если нужно - включу

[@Скыбыдыщь]

@@VladilenMinin очень нужно , прям кпцц

[@cikada3398]

думаю для отличия var от let не стоит делать отдельны ролик, это информация легкая для понимания и так)

[@waker_777]

отличие var от let, ES6 потратьте 5 минут на поиск в гугле..там все понятно )

[@admin4549]

@@Скыбыдыщь отличие let в том, что область видимости переменной ограничивается блоком, а не функцией

[@user-pi-dabol]

очень благодарен автору за подробное объяснение

[@VladilenMinin]

Спасибо))

[@АлексейСаломатин-о4ю]

Я их так боялся раньше, прототипы ваши )) А теперь совсем и не страшно )

[@alexlmaxl4966]

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

[@ilikecola378]

Судя по сообщениям больше интересует Лена, чем какие то прототипы =)

[@vasiloconnell281]

Наконецто-то стал понятен этот прототайп

[@Vladikslavik]

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

[@TONY_BERG_MINSK]

Вопрос где это применять? Нахер он нужен не пойму

[@EX-TRAILS]

Лучшее объяснение, что я слышал!!!

[@DIEZ919191]

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

[@VladilenMinin]

Про понимание и рассказ так и есть, благодарю)

[@secondname_lastmane]

ну хз. тут в видосе как раз просто документация пересказана. а о реальных кейсах применения ни слова.

[@ЕленаКазакова-о1э4и]

"Господа!")))) А так классный урок, спасибо!

[@artem_doronin]

Хера се ты красавчик! Все понятно и поэтому очень интересно!

[@zmeygorynych5684]

Канал просто находка)

[@mmm2358fo]

Ждут с нетерпением про JS

[@svenez1]

"на самом деле в джаваскрипте все является объектами" если занудствовать: на самом самом деле в джаваскрипте все ВЕДЕТ себя как объект. например для примитивов создаются временные объекты враперы при сет операциях, это хорошо видно если попробовать сетнуть поле примитиву, оно пишется в объект врапер который тутже уничтожается const lena = 'elena' lena.isFemale = true console.log(lena.isFemale) //undefined

[@artempronenko5105]

согласен с тобой. сам зашел написать этот коммент. Кстати, если создать Елену через конструктор Object то isFemale сохранит значение

[@olgapedashenko3930]

Спасибо тебе, добрый человек! Я наконец-то поняла, что такое prototype, щас расплачусь от счастья🥲

[@yzuer2126]

Спасибо ,наконец понял что и к чему ,лучший

[@Kirimoshi]

Молодец, красавчик, понятнее некуда!

[@МаринаСолдатова-в8я]

Спасибо тебе добрый человек! Я наконец-то это поняла!

[@АндрейХантя-с3о]

Блин, это то что нужно!) Действительно везде в обучалках говорят о циклах ифах массивах и прочем, и никто особо не затрагивает ООП, огонь, спасибо Автору, однозначно подписка и лайки под каждым видео, правда все равно тяжеловато дается и непонятно, но нужно разобраться и попрактиковаться))

[@ketevansharabidze9939]

огромное спасибо вам за этот цикл! идеально !

[@FCatherine]

Лучше всего усваивается в сравнении с жизненными реалиями. Если возможно, то обратите на это внимание, Владилен

[@VladilenMinin]

Сделаю живые примеры, со следующего видео!

[@0Dimk0]

Неплохо, тонкости не раскрыл, но перед сном круто заходит. Значительно лучше видео чем js за 6 часов. Спасибо

[@ПетрухаМихайличенко]

Простым языком, красава

[@БогданЛевицький-ю8щ]

Уже давненько работаю с js, но много чего использовал не до конца понимая как работает та или иная вещь, спасибо за канал! ГОДНОТАААААААААА!)

[@Ибрагим-вввв09]

Ты просто каша-пацан, ты так доступно объясняешь (в том числе и в других видео-уроков). Процветание твоему каналу. Единственная просьба, если такое возможно, то хорошо было бы если уточнял где и зачем применяется данное чудо)

[@VladilenMinin]

Почему каша?)

[@Ибрагим-вввв09]

@@VladilenMinin каша значит бомбовые )

[@Ибрагим-вввв09]

@@VladilenMinin а бомбовые значит четкие )

[@Ибрагим-вввв09]

@@VladilenMinin а четкие значит грамотные ) дальше думаю понятно )

[@ПавелПавлуха-3кцпш]

Спасибо! Начинающему зашло хорошо!

[@VladilenMinin]

На то и был расчет)

[@kirysobolew2746]

Очень круто! После изучения основ - самое то,как следующий шаг, спасибо огромное автору!

[@АртурЦой-ц8н]

Прототипы - это механизм, с помощью которого объекты в JS наследуют методы и свойства друг у друга. В каждом объекте есть свойство __proto__ , это прототип-объект в котором лежат методы и свойства родительского объекта\класса. Самый главной класс это Object, от него идет цепочка

[@Надежда-о7р5м]

Владилен, вы - замечательный! Как понятно, как доходчиво!

[@ЕвгенийСкореев]

Годный урок, побольше бы таких!

[@VladilenMinin]

Целый плейлист в твоем распоряжении)

[@rostyslav5334]

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

[@VladilenMinin]

Ура! Очень рад)

[@danyawyse1933]

Теперь я знаю что такое прототип и как им можно пользоваться. Коротко если то - prototype это родитель любого объекта

[@ДамирВахитов-т9э]

Спасибо за видео. Очень доходчиво для бэкенддера.

[@froststorm77]

Мегакруто и просто про прототипы, у меня просто глаза открылись. =)

[@SADOVYT]

До сих пор полезно !) Спасибо автору !

[@MaksymZakshevskyi]

Отличный плейлист. Даже учитывая, что я работаю уже как мидл фулл стак, всегда полезно освежить память по таким вот темам, так как все они идут в матрице вопросов для повышения своего уровня до синьора, а пользовался я прототипами года три назад, само собой, что я это знаю, но а вдруг, я что-то забыл и где-то налажаю, а что ты забыл, ты никогда не узнаешь, пока не вспомнишь или тебе не напомнят :) Естественно быстрее найти и прочитать, но не всегда есть время, а Ваши уроки отлично заходят во время работы. Спасибо за работу, уверен, многим это будет полезно.

[@Stas-ir3gh]

Спасибо вам Владилен!

[@dan.gorbunov]

Отличный формат. Глубже понять js это то, что нужно. Я смотрел Зоракса, мне твои уроки больше нравятся

[@VladilenMinin]

Не думаю, что нас есть смысл сравнивать, ведь формат немного разный) У него крутые референсы, я же стараюсь объяснить Но благодарю)

[@dan.gorbunov]

Vladilen Minin Я это написал не для того, чтобы как-то выделить. У каждого должна быть своя фишка. Спасибо за уроки

[@VladilenMinin]

@@dan.gorbunov В любом случае я очень радуюсь, что есть аналогия с сораксом, потому что он клевый парень!

[@dan.gorbunov]

Vladilen Minin Я тебе говорил о признании. Делать реальные хорошие проекты которые написаны не твоими руками это реально очень круто и необходимо

[@VladilenMinin]

​@@dan.gorbunov Учитывая, сколько реальных проектов я за свою карьеру сделал, мне абсолютно не жалко, а даже приятно этим делиться. При чем на любых технологиях)

[@radist126]

Лекция - БОМБА! СПАСИБО!

[@НанаСерова]

как же хорошо и волшебно, что есть ваш канал. )

[@RewCSharp]

Спасибо за урок!

[@MsLodir]

Шикарно понятное объяснение!

[@ВладимирЛевадный-ц1и]

Ай, молодец!!! На пальцах объяснил.

[@bsbrides]

все круто, пошел дальше смотреть

[@Elator11777]

Оооо, крутой канал - как долго я искал такой!!!!!!!!

[@VladilenMinin]

Добро пожаловать)

[@wised_one]

1й раз вижу JS'ра с нормальной табуляцией!

[@ГеоргийРукомин]

Большой респект автору!

[@Stacyoneuser]

Все очень понятно и интересно! Спасибо

[@ThePickUper]

Спасибо большое за твои видосы!

[@bezbezov8867]

Отлично зашла, молодец!

[@ЭдуардЛуч]

Неделю вгрызался в прототипы, а тут видео посмотрел и озарило!

[@VladilenMinin]

Добро пожаловать)

[@Английскийязык-с8ч]

из этого видео я узнал что Строка это тоже Обьект, ШОК!!! А еще что Лена это Максим!!

[@qsat7883]

Просто и понятно. Отличная работа, спасибо

[@dizelvinable]

Супер! Лайкнул, подписался и нажал на колокольчик. Теперь я слежу за тобой.))

[@ПетроПотрошенко]

Спасибо тебе, Ленин, ты крут!

[@cinematicuniverseelev]

канал просто находка бомба!!!!!!

[@olegsubik]

Отлично объяснил! раньше никак не мог понять, почему же все в js это объекты. А ты разложил все на пальцах. Все действительно просто) Спасибо большое! Давай больше продвинутых штук. А то надоело слушать про var или что такое array

[@VladilenMinin]

Целый плейлист в твоём распоряжении)

[@marinaciuperca7159]

Спасибо за урок! Очень доступно объяснили

[@Heretic_Man]

Спасибо! Наконец то понял этот мудреный прототип.

[@arturseu]

Этот ролик может запутать новичков. Тут кое-что недосказано. Свойство prototype есть только у функций конструкторов. Она ссылается на почти пустой объект. Имеет одно свойство constructor, ссылающийся на эту же функцию. При создании нового объекта через ключевое свойство new, этот объект имеющий свойство __proto__ будет иметь ссылку на prototype функции, с помощью которой он был создан. В свою очередь функция конструктор тоже имеет свойство __proto__ и она имеет ссылку на Function.prototype, а ее __proto__ ссылается на Object.prototype. Вот и вся цепочка в принципе.

[@kostiantynkarzhanov9216]

Дякую за пояснення! Дуже радий що знайшов ваш канал! 💛

[@ilyabelik3814]

Спасибо за отличные уроки!

[@МихаелДядин]

Спасибо Владилен очень доходчиво и понятно.от души!!!

[@ЕгорЖолнин-е1й]

Владилен немного неточно выразился. Если мы пользуемся записью const str = new String('Hello'), то тип значения этой переменной будет object, а если создадим как const str = 'Hello', то типом значения будет string. Проверить это можно в консоли, написав typeof str. new String() - это объект-обертка, который вызывается автоматически, когда мы пытаемся использовать методы строк, а после этого обертка удаляется, все это происходит на ходу и лучше не использовать запись через new String(), потому что это может поломать код в тот момент, когда мы пытаеся проверить тип значения переменной и что-то сделать исходя из результата. Например, если тип значения object, то мы выводим str.toString(), а если string, то str.toUpperCase()

[@РузельАбдурахманов]

Мне очень нравится, для меня очень полезно +100 лайков 👍💪

[@Koora181]

Очень просто понятно и лаконично) спасибо большое)

[@ОлегБліщ-с8е]

Круто! Продолжай в том же духе! Топ

[@artem_ka3863]

Молодец, просто и понятно!

[@aleksandryushka9571]

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

[@maximbazadji4895]

Отличное видео, теперь mdn будет легче понимать что происходит

[@NVsquare]

Офигенно. Будто Соракс вернулся

[@NextgenSocialReptile]

ооо это самый лучший комплимент!) Люблю соракса, правда не за его туториалы, а за его подкасты по философии и психологии. Сам сильно увлекаюсь этим)

[@NVsquare]

@@NextgenSocialReptile я их частенько переслушиваю на пробежке)

[@МаксКондратенко-ц2е]

@@NextgenSocialReptile У соракса есть философия еще?

[@VladilenMinin]

@@МаксКондратенко-ц2е Ага, посмотри 4 и 5 подкасты)

[@VladilenMinin]

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

[@paolorossi3230]

Conosco un po' il russo e seguo i tuoi tutorial con piacere. Bravo!

[@Костя-с5л8я]

Супер контент!

[@ildarminurof1251]

Благодарю за видео!

[@topalidinka]

Спасибо. Очень здорово, что вы этим занимаетесь, очень полезно 👍

[@МихаилК-ц8н]

13:00 cosnt str = 'I am string' не совсем эквивалентно const str = new String('I am string') т.к. typeOf str в первом случае - string (примитив), а во втором - object настоящим эквивалентов будет: const str = String('I am string')

[@ilyashvets2230]

Спасибо за твои видео, ты помог мне в 10 раз быстрее разобраться с JS