Урок 7. JavaScript. Все о ES6 Классах (+ Практическое Применение)

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 พ.ย. 2024

ความคิดเห็น • 434

  • @VladilenMinin
    @VladilenMinin  5 ปีที่แล้ว +320

    Вы просили классы - приятного просмотра)
    Эксклюзивный контент на моем Boosty: boosty.to/vladilen

    • @maxshmidt557
      @maxshmidt557 5 ปีที่แล้ว

      Здравствуйте Владилен! Можете помочь с заданием.

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      @@maxshmidt557 Напиши в личку в ВК

    • @maxshmidt557
      @maxshmidt557 5 ปีที่แล้ว

      @@VladilenMinin Благодарю! В Вконтакте меня нет. У Вас есть email?

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      @@maxshmidt557 Мне удобно в ВК

    • @DimastaEminem
      @DimastaEminem 4 ปีที่แล้ว +4

      @@VladilenMinin Спасибо. ты крутой. привет из 20 20. только что купил твой курс по reactJs. будем пробовать!))))

  • @antonkrasov
    @antonkrasov 4 ปีที่แล้ว +258

    В конце цикла этих уроков ждём слова: "На самом деле это всё, что касается JavaScript" ) Спасибо, очень доступно)

    • @AsVit
      @AsVit 4 ปีที่แล้ว +4

      А после "И это всё", еще про es2020 )

    • @Alex-rs1tt
      @Alex-rs1tt 4 ปีที่แล้ว

      Дорогие друзья. Все!(с)

    • @Vladikslavik
      @Vladikslavik 3 ปีที่แล้ว

      Мы ждём какой-нибудь сложный соляк, например, из Slayer! ))

    • @ИгорьНово
      @ИгорьНово 2 ปีที่แล้ว

      =)))))

  • @AnotherSapiens
    @AnotherSapiens 5 ปีที่แล้ว +139

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

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว +10

      Благодарю за отзыв)

  • @ХиомиМиПад
    @ХиомиМиПад 4 ปีที่แล้ว +72

    Timecodes:
    1:01 - How to make Classes
    1:15 - constructor()
    2:06 - How to make objects with: new Class()
    3:14 - prototypes methods
    4:00 - static
    4:52 - classes inheritance
    7:47 - super(args)
    9:06 - parent method
    9:40 - class getters, setters
    11:45 - practice examples of classes

    • @dreawmy2912
      @dreawmy2912 3 ปีที่แล้ว +9

      Oh, i see you are an englishman

    • @1369Samil
      @1369Samil 2 ปีที่แล้ว +3

      @@dreawmy2912 Englishman in Moscow

    • @Angylli
      @Angylli 2 ปีที่แล้ว

      Спасибо!

    • @gaben-agent
      @gaben-agent ปีที่แล้ว +11

      nahuya write in angliiskiy language?

    • @ArminKGZ
      @ArminKGZ ปีที่แล้ว +1

      @@gaben-agent potomuchto eto cool

  • @uracan7872
    @uracan7872 5 ปีที่แล้ว +74

    Отлично. Красавчик. Все 7 видосов данной тематике супер полезные! Очень рад что ты разбираешь эти темы)

  • @Abdul-hy4cy
    @Abdul-hy4cy 2 ปีที่แล้ว +2

    В конце урока понял, почему удобно объекты через классы создавать. Спасибо большое! Движемся вперёд!

  • @zvo1989
    @zvo1989 5 ปีที่แล้ว +50

    Это лучшие уроки по js которые я видел за последнее время. Хотел бы у вас учиться

  • @burner_off
    @burner_off ปีที่แล้ว +3

    Братан, хорош, давай давай вперед! Контент в кайф, можно еще? Вообще красавчик! Можно вот этого вот почаще?

  • @brutix80
    @brutix80 2 ปีที่แล้ว

    Я в восторге одним словом. У Владилена курсов много, но почему то только сейчас я нашел именно этот. И именно "для чего все это нужно" я и искал, так как вроде теорию знаешь, и синтаксис тоже, но.... НАФИГА все это и когда применяется мало кто говорит. А тем более наглядно показывает в стиле "а что если".

  • @H0TTAB
    @H0TTAB 9 หลายเดือนก่อน +4

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

  • @МаксимИсаев-ъ5о
    @МаксимИсаев-ъ5о ปีที่แล้ว +2

    Мое глубочайшее уважение!

  • @ttovarischh
    @ttovarischh 2 ปีที่แล้ว

    Мне кажется, это САМЫЙ понятный видос о коде, который я посмотрела за последние 3 года. Спасибо огромное

  • @kaicex
    @kaicex 5 ปีที่แล้ว +13

    Очень понятно объясняет . Console.log("respect")

    • @トミーポー
      @トミーポー 4 ปีที่แล้ว +4

      ReferenceError: Console is not defined

  • @МаринаГуд-к3г
    @МаринаГуд-к3г 2 ปีที่แล้ว +1

    Это не урок, а просто чудо! Спасибо огромное!

  • @temeralin.t
    @temeralin.t 4 ปีที่แล้ว

    пожалуй лучшее объяснение, кратко и с наглядными примерами. Лучший

  • @ИльяИваник-ф8ф
    @ИльяИваник-ф8ф 4 ปีที่แล้ว +1

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

  • @alexstanix1026
    @alexstanix1026 4 ปีที่แล้ว

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

  • @alexz8018
    @alexz8018 3 ปีที่แล้ว +1

    Прекрасное, доступное для понимания, объяснение! Большое спасибо!

  • @nurlanmehdiyev7428
    @nurlanmehdiyev7428 3 ปีที่แล้ว

    Спасибо! Наконец то понял классы. Везде тонны теоретической информации не о чём, а тут кратко и ясно.

  • @hangor3620
    @hangor3620 4 ปีที่แล้ว +2

    Вся эта рубрика про продвинутые опции javascript - лучшие уроки, которые я видел на ютубе. Очень просто и понятно. Спасибо!

  • @РоманТимми
    @РоманТимми 3 ปีที่แล้ว +4

    Не хватило инфы про статическое поле и метод, а так все очень здорово объяснил. Спасибо!!

  • @olisy87
    @olisy87 4 ปีที่แล้ว +1

    Наконец-то я смогла понять, зачем нужен конструктор)) Использовала его в ларавель, но плохо понимала его.

  • @veronikam1882
    @veronikam1882 2 ปีที่แล้ว

    Благодаря вашему видео поняла для чего нужен super. Спасибо!

  • @СтаскаХрюкин
    @СтаскаХрюкин 2 ปีที่แล้ว

    Чудо!
    Кратко, приятно, доступно. Низкий поклон

  • @evgeny9242
    @evgeny9242 5 ปีที่แล้ว +4

    ееееее, наконец то я понял зачем нужен super в react , спасиб))

  • @MsAkellla
    @MsAkellla 4 ปีที่แล้ว +1

    Хороший из тебя преподаватель. Всё понятно.

  • @Ruslan-jg3zb
    @Ruslan-jg3zb 5 ปีที่แล้ว +1

    Как же всё легко и просто,не нужно паузить каждые 2 минуты,что бы понять о чем речь,максимально доступная подача материала,респект!!

  • @lydiehenckes6051
    @lydiehenckes6051 3 ปีที่แล้ว +2

    Вы очень хорошо объясняете, спасибо!

  • @razvrat-i-kotiki
    @razvrat-i-kotiki 4 ปีที่แล้ว +3

    Владилен, спасибо тебе огромное! Единственный, кто в своем видео разжевал и показал не примере, что такое этот "страшный" конструктор + super. А также наследование и передача новых параметров 👍👍

  • @io-04arsenneroda78
    @io-04arsenneroda78 3 ปีที่แล้ว +1

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

  • @MarioDev
    @MarioDev 4 ปีที่แล้ว +2

    Какие же у тебя качественные уроки, очень приятно смотреть)

  • @mgm_smile
    @mgm_smile 5 ปีที่แล้ว +2

    Как всегда супер! Наглядно и доходчиво =)

  • @Роман-ц6х1е
    @Роман-ц6х1е 4 ปีที่แล้ว +1

    Годнота! Максимально доходчиво!

  • @danyawyse1933
    @danyawyse1933 2 ปีที่แล้ว

    Очень полезные уроки , после learn.js не до конца понятны темы) А после этих видосов все становится ясно, спасибо!

    • @veronikam1882
      @veronikam1882 2 ปีที่แล้ว

      я тоже с того же сайта сюда пришла ахахах

    • @danyawyse1933
      @danyawyse1933 2 ปีที่แล้ว

      @@veronikam1882 как успехи в разработке ?

  • @huksar96
    @huksar96 5 ปีที่แล้ว +2

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

  • @Татьяна-ю1р2м
    @Татьяна-ю1р2м 2 ปีที่แล้ว

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

  • @ГульшатНугуманова-о1в
    @ГульшатНугуманова-о1в 3 ปีที่แล้ว

    Спасибо, Владилен! Данный урок был очень полезен!

  • @noname-fc3pv
    @noname-fc3pv 2 ปีที่แล้ว

    Спасибо большое! С практическим применением, потрясающе

  • @Civilizer1976
    @Civilizer1976 4 ปีที่แล้ว +28

    "На самом деле это всё, что касается классов, как видите - здесь нет ничего сложного" :)

  • @mikurrey416
    @mikurrey416 5 ปีที่แล้ว

    Огромное спасибо! Я для себя сейчас открыл какой-то совершенно новый, инопланетный JavaScript :-D
    До сих пор с содроганием вспоминаю, как лет семь назад воевал с тем ущербным прототипированием и экспериментировал с модулями, чтобы получить хотя бы подобие удобного наследования (хотя иногда прототипную модель считают плюсом JS)

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      Сейчас js совершенно другой уже)

  • @Qobil-Abdurahmonov
    @Qobil-Abdurahmonov ปีที่แล้ว

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

  • @Bratkovsl
    @Bratkovsl 10 หลายเดือนก่อน

    Отличный материал. Спасибо)

  • @s.konstantin
    @s.konstantin 5 ปีที่แล้ว +6

    Как всегда красавчик!
    Все понятно, доходчиво.
    Спасибо!

  • @iliyabrook2933
    @iliyabrook2933 4 ปีที่แล้ว

    Талант грамотно и внятно объяснять,сказать больше не чего,еще бы похожее видео про правильное применение классов в REACT

  • @nexagon-original
    @nexagon-original 2 ปีที่แล้ว

    Очень полезный урок, как и всё что есть на этом канале!

  • @АлександрБрызгалов-ь1р
    @АлександрБрызгалов-ь1р 4 ปีที่แล้ว +3

    Посмотрел с удовольствием, благодарность и уважение автору. Приятно слушать.

  • @andrei8299
    @andrei8299 4 ปีที่แล้ว +1

    Прикольное видео, дополнил им знания, полученные на другом канале и в учебнике по js

  • @СтепанПалий-д9ж
    @СтепанПалий-д9ж 4 ปีที่แล้ว

    теперь стало понятнее зачем нужны классы в js. Спасибо !

  • @АнтонВоробьев-й2и
    @АнтонВоробьев-й2и 3 ปีที่แล้ว

    Как всегда все четко и по полочкам!

  • @IT_psychopath
    @IT_psychopath 4 ปีที่แล้ว +1

    почти час убил, а видос 20 минут. супер! разобрался наконец-то и идей пару появилось где применить. спасибо!

    • @VladilenMinin
      @VladilenMinin  4 ปีที่แล้ว

      Посмотри ещё последний ролик на канале. Там практический пример

    • @Civilizer1976
      @Civilizer1976 4 ปีที่แล้ว

      Нашёл чем удивить. Я 3 вечера по 2 часа в среднем потратил. Но я всё подробно конспектирую, правда, составляю свой справочник, так-сказать, в VSCode

  • @r0stikslav
    @r0stikslav 3 ปีที่แล้ว

    я за эти 20 минут узнал больше, и понял лучше, чем за 2 месяца обучения. однозначно лайк

  • @amzq282
    @amzq282 3 ปีที่แล้ว

    БЛа радной спасибо не мог разобраться с этими класами застрял на неделю а ты за 20 мин обьяснил спасибо

  • @batorko
    @batorko 4 ปีที่แล้ว +1

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

  • @koala2077
    @koala2077 5 ปีที่แล้ว +1

    Нравится как ты называешь своих зрителей)) "Господа", хотя это мы пришли учиться у тебя

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว +3

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

  • @yakut54
    @yakut54 4 ปีที่แล้ว +1

    Наконец то пазл сложился до конца! Спасибо!!!

  • @lumeaceaiuluisrl6343
    @lumeaceaiuluisrl6343 4 ปีที่แล้ว +1

    Владилен, спасибо большое!

  • @jocoders6560
    @jocoders6560 5 ปีที่แล้ว

    Супер Владилен! смотрю с удовольствием every day :)))

  • @rinatkhusainov5894
    @rinatkhusainov5894 4 ปีที่แล้ว

    Доходчиво и супер-эффективно, осталось самому пару раз сделать подобное. Было бы классно учиться у вас!

  • @muhiisak6835
    @muhiisak6835 3 ปีที่แล้ว

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

  • @Kudzeee
    @Kudzeee 4 ปีที่แล้ว +1

    В целом очень информативно и классно!
    За небольшим исключение get - это не геттер. Get methods - accessors methods. Set-mutators.

  • @drotikdrotik5941
    @drotikdrotik5941 4 ปีที่แล้ว

    Превосходное объяснение. Благодаря этому видео я полностью уйду от процедур😅 Only OOP))))
    Спасибо, лайк и подписка однозначно

  • @cheesecheesson9842
    @cheesecheesson9842 4 ปีที่แล้ว

    Спасибо большое, Владлен. Супер видео )

  • @Snegurjan
    @Snegurjan 4 ปีที่แล้ว

    Владилен,Сенсей ,Бро,спасибо тебе огромное ,я понял классы со второй попытки блягодоря тебе .А для ребят начинающих хочу поделиться методикой которая сработала у меня.Если что то не понятно ,то отмечайте эти темы ,и учите дальше ,учите то что понятно.Но потом ,через 3-5 дней возвращайтесь на тему которая была тяжелой ,и вы удивитесь какой она окажется лекгой.Мне изучение JS напоминает сборку пазла,сначала ты вообще не понимаешь ,что ,для чего и зачем ,но чем больше учишь ,тем картина становится яснее и понятнее.Ну и конечно все надо набирать ручками и практиковаться)))

  • @ГеннадийГорохов-ц8н
    @ГеннадийГорохов-ц8н 2 ปีที่แล้ว

    Спасибо за урок Владилен. В нашей компании учаться по твоим видео. Очень хорошо обьясняете)))

  • @unknownWakeborder
    @unknownWakeborder 4 ปีที่แล้ว

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

  • @dan.gorbunov
    @dan.gorbunov 4 ปีที่แล้ว

    Мне так нужен был этот урок. Желаю тебе 100500 подписчиков везде и на всех каналах Super(content) Владилен крутой

  • @jackieuchiha7838
    @jackieuchiha7838 4 ปีที่แล้ว +2

    Никто:
    Абсолютно никто:
    Владилен: " ...голос какого-нибудь животного, например "Я животное!" " :D
    Спасибо за урок!

    • @VladilenMinin
      @VladilenMinin  4 ปีที่แล้ว +3

      Обычно я так это слышу 😁

  • @yevhenii8003
    @yevhenii8003 3 ปีที่แล้ว

    Спасибо! Рефакторинг классов прошел успешно

  • @НанаСерова
    @НанаСерова 2 ปีที่แล้ว

    Мне нравится ваша подача. Вообще, никаких лишних слов, все четко. Нигде не нужно ставить на паузу и догугливать или пытаться понять "а че имел ввиду автор?") класс))

  • @arseniymarkov5502
    @arseniymarkov5502 4 ปีที่แล้ว +7

    "На самом деле это всё"
    спасибо за урок!

  • @krepkovmeste
    @krepkovmeste 3 ปีที่แล้ว +3

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

  • @flybystudio1213
    @flybystudio1213 4 ปีที่แล้ว +1

    Качественно, конструктивно и с примерами. Спасибо за твою работу, Владилен.

  • @norkss1
    @norkss1 3 ปีที่แล้ว

    Отдельное спасибо за пример реализации на практике с работой html документа :)

  • @ilyasoloveychik4504
    @ilyasoloveychik4504 4 ปีที่แล้ว +13

    Спасибо, все очень доходчиво! Единственный вопрос 14:30, строка 72 - почему именно такое обращение к корневому селектору (options.selector)?

    • @Andrejjj2305
      @Andrejjj2305 4 ปีที่แล้ว

      Да, здесь немного автор запутал

    • @niksonnik8099
      @niksonnik8099 4 ปีที่แล้ว

      @@user-bro а можно передать просто selector вместо options.selector

    • @tyafizi
      @tyafizi 3 ปีที่แล้ว +3

      @@niksonnik8099 каким образом, если у тебя нету просто селектора? у тебя в конструктор приходит обьект в котором есть селектор.

  • @cyclopentanpergidrophenantren
    @cyclopentanpergidrophenantren 5 ปีที่แล้ว

    Спасибо за труд. Наконец JS стал походить на нормальные ООП языки. Для меня не хватает человеческого вызова static через ::, реализация приветных свойств типа $el должна по хорошему идти через privet или protected, зачем в конструктор передавать словарь(python), ассоциативный массив(php), в других языках проще, getter, setter по хорошему должны реализовать получение и изменение приватных свойств. Но мне приятно возвращаться обратно к JS. Я начинал изучение ЯП с данного языка и ушел от него из-за корявого ООП. Но мир меняется к лучшему))

  • @Артем-ч7э9ъ
    @Артем-ч7э9ъ 3 ปีที่แล้ว

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

  • @AbraKadabra000
    @AbraKadabra000 5 ปีที่แล้ว +5

    кажется упущен ответ на вопрос "чем плохо помещать методы и функции внутри обьектов, и зачем их держать в прототипах?". поскольку это материал для новичков то и ответы на частые вопросы должны быть произведены

    • @serafim_ua
      @serafim_ua 5 ปีที่แล้ว +2

      Экономия памяти. Удобство отладки. ООП. Все объекты пользуются методами одного прототипа и при необходимости изменить метод достаточно это сделать только в одной точке. Прототип это как ствол у дерева, а объекты как его ветки. Зачем плодить кучу стволов, если можно создать полноценное дерево, где все работает синхронно и имеет логику.

  • @СергейК-б6н
    @СергейК-б6н ปีที่แล้ว

    Владилен красава👍👍

  • @404piano
    @404piano 3 ปีที่แล้ว

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

  • @PoLbI4
    @PoLbI4 2 ปีที่แล้ว

    Хорошо объяснил. Спасибо.

  • @AsVit
    @AsVit 4 ปีที่แล้ว

    Огромнейшее спасибо!

  • @cinelightfpv
    @cinelightfpv 4 ปีที่แล้ว

    Очень доступно и понятно, спасибо большое!

  • @saskirakosyan3788
    @saskirakosyan3788 5 ปีที่แล้ว +2

    Ti klassniy teacher. Tak derjat

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 4 ปีที่แล้ว

    урааа теперь с могу слегкостью понять Java и Javascript)))

  • @nikitasniper0074
    @nikitasniper0074 3 ปีที่แล้ว

    Велике тобі дякую! Класно пояснюєш)))

  • @danybohd
    @danybohd 4 ปีที่แล้ว

    Гарні відео, дивлюся, знаючи повністю синтаксис JS, але все одно інформативно. Деякі відео залагують на 2х (картинка стоїть, звук йде). Можливо проблема тільки в мене, в кого таке саме, поставте лайк

  • @bini-kup
    @bini-kup 3 ปีที่แล้ว

    Большое спасибо. Всё очень понятно и доходчиво. Отдельная благодарность за последний пример с классом Component - красиво объясняет практическое применение ООП в JS

  • @Alexal3
    @Alexal3 4 ปีที่แล้ว

    Спасибо за объяснения простым языком)

  • @СергейУкропов-з5щ
    @СергейУкропов-з5щ ปีที่แล้ว

    Спасибо! Никак не мог понять как это всё применить. Понял например как в React.

  • @cropper_eight
    @cropper_eight 4 ปีที่แล้ว

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

  • @IliaTech
    @IliaTech 3 ปีที่แล้ว

    Супер, спасибо!

  • @tomsawyer2245
    @tomsawyer2245 4 ปีที่แล้ว

    После использование на своей практике C#, javascript кажеться очень простым) Хотя, когда я еще не знал C#, js казался сложнее

  • @usernout1516
    @usernout1516 2 ปีที่แล้ว

    спасибо большое за уроки, с меня подписка и лайк👍

  • @sergheicovalenco1812
    @sergheicovalenco1812 5 ปีที่แล้ว

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

  • @samariddinbadriddinov6025
    @samariddinbadriddinov6025 3 ปีที่แล้ว

    Брат спасибо за все respect

  • @arthurshaidullin7981
    @arthurshaidullin7981 4 ปีที่แล้ว

    Владилен, ты лучший )

  • @johnd1431
    @johnd1431 4 ปีที่แล้ว

    Урок был полезен!

  • @talkative_frog
    @talkative_frog 10 หลายเดือนก่อน

    Про возраст котов понравилось. 😆

  • @Tiberiumgod
    @Tiberiumgod 4 ปีที่แล้ว

    Это было круто. Спасибо!!!

  • @zakarhappy5496
    @zakarhappy5496 2 ปีที่แล้ว +1

    Спасибо за понятное объяснение с практикой, без практики непонятно как это все это использовать и зачем)