ООП Классы. Часть 1. JavaScript v.2.0

Поділитися
Вставка
  • Опубліковано 2 гру 2024
  • js2.itgid.info
    React курс: itgid.info/react
    Этот урок: js2.itgid.info...
    VK: webdev_...
    Курс практический JavaScript: js.itgid.info
    JSRules: t.me/jsrules

КОМЕНТАРІ •

  • @tetyana_tkachenko
    @tetyana_tkachenko 4 роки тому +8

    Александр, спасибо! Самое лучшее объяснение ООП на действительно понятном живом примере. Без дурацких Кроликов, наследуемых от Животных, и Красных Машин - от Машин вообще. 35 минут удовольствия для ушей и мозга! :)

  • @vasyl_trots
    @vasyl_trots 2 роки тому

    Дякую за уроки!!! Інфа залітає з пів слова))) У Вас талант!

  • @lincoln1484
    @lincoln1484 5 років тому +10

    Именно благодаря этому видео я понял: для чего нужны классы, как реализуются и т.д.. Всё оказалось гораздо проще. Огромное спасибо за урок)

  • @RomanKalugin
    @RomanKalugin 4 роки тому +34

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

    • @valerii_bezhevets
      @valerii_bezhevets 2 роки тому +1

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

  • @Denik-is6gi
    @Denik-is6gi Рік тому

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

  • @artem-ot9kq
    @artem-ot9kq 4 роки тому +1

    Александр у вас талант обьяснять, сколько я перелопатил в интернете никак не мог понять что это за чертовщина и как ее применять, а тут за первые 15 минут я узрел истину , браво учитель.

  • @Max-kr4ie
    @Max-kr4ie 5 років тому +22

    Как всегда радуют глаз заставки для видео) Классная фишка канала!

    • @TheAgressio
      @TheAgressio 5 років тому +2

      Max Shevchenko Спасибо! Приятно!

  • @Screamer364
    @Screamer364 5 років тому +4

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

    • @TheAgressio
      @TheAgressio 5 років тому

      Артем Кунгуров спасибо за отзыв и за то, что остаётесь с нами ! Очень рады, что Вам полезны наши уроки! От канала желаем Вам дальнейшего развития! ☘️

  • @vadimoff22
    @vadimoff22 5 років тому +1

    Всё больше становится Java-подобным! Мне нравится!

  • @ТыщенкоАнтон
    @ТыщенкоАнтон 4 роки тому +1

    ну кртуо же , круто объясняете. Обязательно курс куплю у вас! Больше видео на канале и развития его же!!!

  • @АлександрРюмин-п5ы

    Спасибо! Замечательный урок: коротко, понятно и по существу :)

  • @bod.beauty
    @bod.beauty 5 років тому +6

    Вполне понятно. Спасибо, у вас дар преподавания.

  • @alexminsk2487
    @alexminsk2487 5 років тому +13

    Александр, а где вторая часть про ООП ??? 34:50

  • @userman6193
    @userman6193 2 роки тому

    Я классы ещё не изучал вовсе, однако, мне ясно о чём это видео и как это работает - объяснение отличное. Спасибо)
    Полезу в документацию и посмотрю видео ещё раз 🤝 .

  • @AlexandraSokolovskaya-o1b
    @AlexandraSokolovskaya-o1b 3 роки тому

    Я много смотрела видео, но просмотрев Ваше, я наконец-то поняла, что такое ООП и с чем его едят) Огромное спасибо)

  • @olforibd
    @olforibd 5 років тому +2

    Спасибо за этот урок. Очень полезно слушать про ООП от того, кто профессионально использует ООП.
    Мне урок зашел, видимо потому, что я уже писал на ООП на С++ и в Python. От меня этого не требуют, но мне интересно для общего развития. Только спустя пару месяцев, я начал понимать, что ООП - это очень круто, особенно, когда надо было модернизировать код. А есть такие проекты, где без ООП вообще никак. Так что тема важная, подана толково, еще раз благодарю)

  • @userbilas
    @userbilas 5 років тому +4

    Рубрика "О сложном просто" продолжается) Спасибо,доступно очень и понятно)Ждёмс get-ры и set-ры.

  • @samolevich
    @samolevich 4 роки тому +2

    Приятно было слушать. Для новичка трудно понимать из-за обилия терминов

  • @Давид-п8и
    @Давид-п8и 5 років тому +2

    Уже 43 тыс. подписчиков!!! 👍👍👍 Совсем недавно было 40, когда стикеры запустили. Значит наша поддержка работает, а вы делаете классные видео и курсы. Прогрессируем вместе!💪

    • @TheAgressio
      @TheAgressio 5 років тому

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

  • @jinke5935
    @jinke5935 3 роки тому

    Кажется меня скоро ждёт ещё более увлекательное погружение в миры ООП...Спасибо за подробное разъяснение что это и с чем его едят!

  • @daerplay3368
    @daerplay3368 4 роки тому +1

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

  • @glebkabayjanov5646
    @glebkabayjanov5646 4 роки тому

    Одно из топовых уроков в рамках курса
    очень многое понял благодаря этому уроку
    лайк

  • @ХристинаШевчук-ы9щ
    @ХристинаШевчук-ы9щ 5 років тому +3

    Дуже доступно! Дуже чекаю 2 частини)

  • @viktoriacui
    @viktoriacui 5 років тому +3

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

    • @TheAgressio
      @TheAgressio 5 років тому

      Виктория Подзолко спасибо за комментарий!

  • @ApxaHreJIsKy
    @ApxaHreJIsKy 3 роки тому

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

  • @NeedForHeavyMetal
    @NeedForHeavyMetal 2 роки тому

    Довольно наглядно! Спасибо! Курс хороший, рекомендую всем!

  • @АйгюльАбдразакова
    @АйгюльАбдразакова 4 роки тому +1

    Супер понятное и интересное объяснение. Спасибо огромное.

  • @DrZlad
    @DrZlad 5 років тому +1

    Спасибо!!!! Очень полезный и нужный урок! Ждал его много месяцев!!!!

    • @TheAgressio
      @TheAgressio 5 років тому

      Dr. Zlad спасибо за комментарий! Приятно, что Вам было полезно!

  • @ровойт
    @ровойт 3 роки тому

    С удовольствием смотрю твои ролики

  • @Евгений-у2е8ы
    @Евгений-у2е8ы 5 років тому +1

    Круто спасибо, народ хочет продолжения ООП в JS )

  • @KuKu_RuKu88
    @KuKu_RuKu88 4 роки тому +1

    Просто супер урок !!! Спасибо за старания !!!

  • @EugenePorubenko-q2e
    @EugenePorubenko-q2e 5 років тому +6

    Спасибо. Ждем геттеры, сеттеры

  • @Fenjkeee
    @Fenjkeee 4 роки тому +2

    26:55 , когда вызываете m2.myAlert(this.message), почему передаете параметром this.message , если в 29 строке уже есть все? Спасибо за урок.

  • @АлександрРуденок-ь8з
    @АлександрРуденок-ь8з 5 років тому +2

    очень достойное объяснение всё понятно!!! Спасибо

    • @TheAgressio
      @TheAgressio 5 років тому

      Александр Руденок спасибо за комментарий!

  • @ОльгаИванова-к2ь
    @ОльгаИванова-к2ь 4 роки тому +1

    Очень доступно, супер, спасибо вам!!!

  • @alexforos5425
    @alexforos5425 3 роки тому

    Спасибо, как всегда все подробно и понятно!

  • @ХристинаШевчук-ы9щ
    @ХристинаШевчук-ы9щ 5 років тому +2

    Будь ласка, ще відео) дуже треба якнайшвидше)
    І дякую за простоту

  • @MrVIPKent
    @MrVIPKent 2 роки тому

    Найскладніша тема, принаймі для мене

  • @TsyganskiyPosol
    @TsyganskiyPosol 3 роки тому

    Спасибо огромное! Все понятно и просто объяснено

  • @АнастасияЕфимова-щ2ц

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

  • @HydraIisk
    @HydraIisk 4 роки тому

    Столько всего пересмотрел и не мог понять смысл, а тут сразу понял

  • @pfk9025
    @pfk9025 3 роки тому

    Все здорово объясняешь! Спасибо)

  • @irenginger
    @irenginger 5 років тому +2

    очень доступно объяснено)

    • @TheAgressio
      @TheAgressio 5 років тому +1

      Iren Ginger спасибо за комментарий!

  • @aleksandrgrippa8348
    @aleksandrgrippa8348 4 роки тому +1

    Спс за урок!)

  • @ramanmatveyenka8396
    @ramanmatveyenka8396 3 роки тому

    Как-то не зашло, но буду пересматривать ещё раз

  • @The777Win777
    @The777Win777 5 років тому +1

    супер, больше видео про ооп!!!!

    • @TheAgressio
      @TheAgressio 5 років тому

      Дмитрий Д спасибо!

  • @morgenshternofficial8241
    @morgenshternofficial8241 Рік тому

    Добрый вечер.Подскажите , пожалуйста , как обращаться к методу myAlert() в классе Alert, через обьект , созданный с помощью класса Alert2.Спасибо

  • @baktohelp
    @baktohelp 4 роки тому +1

    ждемс 2 видос про ООП

  • @gabikamilova6808
    @gabikamilova6808 5 років тому

    Спасибо за урок. Вы молодец

  • @СергейЩербаков-к5я

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

  • @digitalturkistan1857
    @digitalturkistan1857 5 років тому +1

    Просто супер. Спасибо

    • @TheAgressio
      @TheAgressio 5 років тому +1

      azizbek pinjebaev спасибо! Приятно!

    • @digitalturkistan1857
      @digitalturkistan1857 5 років тому +1

      @@TheAgressio главное я понял "const" параметры функции

  • @volynolf
    @volynolf 2 роки тому

    Я так понимаю, JS интерпретатор классы не загружает вначале как это он с функциями делает? Они должны быть обязательно объявлены в коде перед использованием?

  • @ПавелКовчин
    @ПавелКовчин 5 років тому

    Часто при использовании функционального подхода результатом вывода присваивают true или false есть желание при неудаче то есть false выводить причину в виде exception какого то исключения что бы понимать что пошло не по плану. Как я понимаю это возможно только с классами при создании поля отвечающего за исключения?

  • @ellegre6546
    @ellegre6546 Рік тому

    Отлично!

  • @liubomyr-peteliuk
    @liubomyr-peteliuk 5 років тому +1

    Спасибо огромное! Лично мне всё понятно, интересно. Сейчас занимаюсь созданием нейросети, а именно генетического алгоритма, и на 150 + строк одни методы (и ещё столько сама реализация алгоритма) и всё в одном файле. Есть вопрос: я JS код запускаю не в браузере а через node, как импортировать файлы классов?

  • @НатальяЛатышева-ы2щ

    Подскажите, пожалуйста, почему выводит ${a} вместо переменной a в параграфе?

  • @truedivan
    @truedivan 5 років тому +2

    В целом понятно.
    Но побольше примеров применения на практике

    • @TheAgressio
      @TheAgressio 5 років тому

      Диванный Аналитик на курсе JavaScript 2.0 к этому уроку 20 задач для практики

  • @ЮрійЛютий-ю6л
    @ЮрійЛютий-ю6л Рік тому

    Дякую за урок! ...

  • @AndriiYefimchuk
    @AndriiYefimchuk 4 роки тому +1

    бомба!

  • @clickabelno
    @clickabelno 5 років тому +2

    Лайк и подписка!!

    • @TheAgressio
      @TheAgressio 5 років тому +2

      Oleg Gribanov спасибо! Приятно!

  • @Виталий96-к4я
    @Виталий96-к4я 4 роки тому

    Супер ! Дякую !

  • @WockeezChannel
    @WockeezChannel 2 роки тому

    Как события делать на классах? Например клик

  • @bodamat
    @bodamat 5 років тому +1

    Дякую! Було все зрозуміло пояснено. Виникло одне питання: А якщо тих класів багато, наприклад 20, то і 20 файлів треба підключати в html?

  • @bornmoo
    @bornmoo 4 роки тому

    Извините за глупый вопрос, почему скрипты подключаются в конце body в html файле, если есть атрибут defer и можно их подключить в шапке?

  • @WockeezChannel
    @WockeezChannel 2 роки тому

    Как понять когда надо наследоваться от основного класса? Ведь добавить иконку мы могли и в основном классе

  • @serdotsenko
    @serdotsenko 3 роки тому

    по паттернам есть планы видосы делать?

  • @eroskaeroska6921
    @eroskaeroska6921 3 роки тому

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

  • @mylife-myart4916
    @mylife-myart4916 5 років тому

    я так понимаю про get-ы и set-ы еще нет видео? Очень доступно и понятно, спасибо!!

  • @4Romani
    @4Romani 5 років тому

    Александр, ОЧЕНЬ ждём второй части ООП!!!! Скажите, когда запишите?

  • @awenn2015
    @awenn2015 4 роки тому

    Я вот скачал один слайдер на jQuery, и понял что просто так в боевом проекте на смогу использовать, потому что мне нужно инициализировать его несколько раз, а код написан в процедурном стиле, так что мучаюсь переписываю под ООП, чтоб как в крутых плагинах создать новый объект слайдер1 от класса слайдер и настраивать его как нужно, и генериться он будет в js что бы добавляя новый слайдер не париться о копировании тегов и идентификаторов и тд, надеюсь у меня получился

  • @maksymgapachilo9507
    @maksymgapachilo9507 4 роки тому

    Вместе this мы б ставили constructor?

  • @nurikkg5458
    @nurikkg5458 4 роки тому

    супер !

  • @stylenova1
    @stylenova1 5 років тому

    Очень понравилось, хотелось бы полностью закрыть вопрос ООП. Сколько практических занятий в платной версии?

  • @andreikhodzin3789
    @andreikhodzin3789 4 роки тому

    все доступно и понятно. вначале теория про классы из learnJS, потом видос и норм.
    А где глянуть работу с DOM через JS, спс!

  • @ШадиярАбдиев
    @ШадиярАбдиев 4 роки тому +1

    Кто изучал Java просто будут щёлкать ООП. Кстати если хотите полное и просто объяснение про ООП и почему он в 1000 раз лучше функционального программирования - советую прочитать главу про ООП из книги Head First Java (не JavaScript)

  • @igorbond2823
    @igorbond2823 5 років тому +1

    На практике круто объяснять - я в свое время когда учил ООП чуть крыша не поехала.
    Приводили примеры наследования разными алегориями - типа вот есть класс Зверь - это родительский класс для всех остальных - у них есть общие свойства - кровь, лапы, шерсть и т.д. А дочерние классы это зайчики, лисички, волки и т.д - они наследуют класс Зверь и все его свойства + у каждого свои добавляются шерсть черная, уши длинные, скорость движения, и методы одни бегают, другие прыгают, третьи ползают.
    НАсмотрелся этой хрени - а потом делаешь какой то проект - а там уже нет зайчиков и лисичек - там есть элементы страницы или данные с которыми надо работать - сидишь тогда и думаешь а что же такое сущность и как работать с классами - где их применить. Может класс это вся страница - а все манипуляции на ней это методы - типа открытие меню, нажатие на кнопку, или может сущность это отдельно меню, отдельно кнопка, отдельно слайдер.
    Короче крутая идея доносить ООП практическими примерами - а не каким то теоретическим бредом.

    • @liubomyr-peteliuk
      @liubomyr-peteliuk 5 років тому

      Мы часом не учились в одного и тоже преподавателя?)))

    • @igorbond2823
      @igorbond2823 5 років тому

      @@liubomyr-peteliuk хз но это очень популярная метода так объяснять ООП. Я таких персонажей несколько встречал. )))

    • @liubomyr-peteliuk
      @liubomyr-peteliuk 5 років тому

      ​@@igorbond2823 Лично мне кажется, что такой метод преподавания подходит детям, а не зрелым умам. Для более зрелых как раз подходят методы Александра.

    • @igorbond2823
      @igorbond2823 5 років тому

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

    • @liubomyr-peteliuk
      @liubomyr-peteliuk 5 років тому

      @@igorbond2823 Согласен.

  • @valentinknoll4106
    @valentinknoll4106 4 роки тому

    Спасибо

  • @world_music__lives9525
    @world_music__lives9525 4 роки тому +1

    Что если создать переменную без led ??? Она становится глобальной или как ???

    • @itgid
      @itgid  4 роки тому

      без let. Да, ее объявит JS.

  • @digitalturkistan1857
    @digitalturkistan1857 5 років тому +3

    главное я понял this и параметры функции конкретно. этот звено не хватило мне

  • @Vladimir-yh2dl
    @Vladimir-yh2dl 2 роки тому

  • @tinaanit2965
    @tinaanit2965 4 роки тому

    32:15 правильно подключаем Классы

  • @ВадимКостюк-ч7т
    @ВадимКостюк-ч7т 5 років тому

    Друга частина буде?

  • @user-pf5hb8tx5v
    @user-pf5hb8tx5v 4 роки тому

    когда ооп 2 часть ?

  • @dr.sergei9656
    @dr.sergei9656 Рік тому

    это прямо как на джаве

  • @YauhenRomeiko
    @YauhenRomeiko 4 роки тому

    прикольно

  • @igorfedor1908
    @igorfedor1908 3 роки тому

    я потерял логику зачем нужна функии теперь как мне знать что делать методом что функиею!?

  • @RuMax_77
    @RuMax_77 5 років тому

    JS становится похожим на Java,
    не удивлюсь если эволюционирует до состояния настольных приложений на чистом JS

    • @liubomyr-peteliuk
      @liubomyr-peteliuk 5 років тому

      не удивляйтесь! ))) Уже и такое есть!

  • @tinaanit2965
    @tinaanit2965 4 роки тому

    08:24 рефакторинг кода на ООП

  • @alexandr8978
    @alexandr8978 3 роки тому

    Все понятно, но повторить не смогу. Понятно и ещё одно - учить - не переучить...

  • @yarik83men51
    @yarik83men51 4 роки тому

    Top

  • @Алексей-ж4з8и
    @Алексей-ж4з8и 3 роки тому

    Насколько мне известно, для вызова метода родительского класса нужно перед методом писать super, а не proto.

    • @mashasterx
      @mashasterx Рік тому

      Благодарю, я тоже уже пришла к этому выводу, видимо Алексей чуточку оговорился
      Сколько документации я уже не перечитала)

  • @talivel118
    @talivel118 3 роки тому

    6:55 кому-то от js стало плохо;)

  • @ser_vinogradov4269
    @ser_vinogradov4269 5 років тому

    Голос, на голос Amway из" Мира танков "похож)})

  • @СергейЩербаков-к5я
    @СергейЩербаков-к5я 4 роки тому +1

    Лекция похожа на попытку объяснить принципы работы ДВС с помощью описания как работают педали и рычаги автомобиля.
    Неверный сам подход к ООП.
    Само слово "ООП" начинается с "Объектный". Вот и начинать надо с объектов. Что это такой "Фрукт", который имеет поля, свойства, методы и события. Этот объект существует не сам по себе, а должен быть создан специальным механизмом - конструктором как экземпляр некоторого класса, абстрактного описания "Фрукта", от которого и получает , как ДНК, все его поля, свойства, методы и события. При этом сам класс может быть просто "Объектом", а может быть потомком одного из имеющихся классов - предков. Ну и далее собственно про классы - про инкапсуляцию, наследование и полиморфизм, области видимости и прочее, прочее, прочее.
    И только после этого собственно переходить к примерам.
    Из плюсов отмечу относительно хороший язык и подготовку лектора. За что лайкаю и подписываюсь

  • @vasiliychernyuk5656
    @vasiliychernyuk5656 5 років тому

    Как же музыка в начале наводит жуть

  • @ВіталійГончар-ю7э
    @ВіталійГончар-ю7э 5 років тому

    А почему вы ставите точку с запятой в конце кода? это же необязательно.

    • @ravabat5841
      @ravabat5841 5 років тому

      Прост

    • @Max-kr4ie
      @Max-kr4ie 5 років тому

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

    • @DrZlad
      @DrZlad 5 років тому +1

      Оооо братан)))) Когда будешь писать много когда НА ОДНОЙ странице - сам начнешь их ставить- в первую очередь для себя))) Так легче код воспринимать. Да и в других языках привычка полезная. Короче ставь- и потом поймёшь

  • @world_music__lives9525
    @world_music__lives9525 4 роки тому

    А почему нельзя просто взять и дописать в начальный класс дополнительное своиство ?? зачем столько много писать ?

    • @mashasterx
      @mashasterx Рік тому

      Чтобы не сломать класс которым пользуется какой-нибудь другой разработчик (которому не нужны твои дополнительные свойства)
      То есть ты создаешь свой класс наследуясь от основного и наполняешь его свойствами и функциями нужными только тебе

  • @test4test450
    @test4test450 3 роки тому

    123

  • @gowking
    @gowking 4 роки тому +2

    Можете называть переменные нормально, а не a b c?

  • @paveldolgikh2890
    @paveldolgikh2890 2 роки тому

    Все классно! Но, я не совсем понял... когда Вы ВЫЗЫВАЕТЕ m2.myAlert(this.message) вне самого класса, а просто в коде, зачем ему передавать this.message , это нужно? Ведь this.message описано в классе. Я попробовал у себя просто вызвать m2.myAlert() и все сработало. Отсюда вопрос: надо ли писать при вызове m2.meAlert() в качестве параметра this.message ? Там какие-то подводные камни, поэтому Вы его пишете... ?

    • @morgenshternofficial8241
      @morgenshternofficial8241 Рік тому

      Привет.Сори , что беспокою. Не пробовал обращаться к методу myAlert() в родительском классе через прототип?