Классы в Javascript - Часть 1
HTML-код
- Опубликовано: 25 сен 2022
- Классы на практике. Создание приложения - “Список дел” / “Todo” с помощью классов. Объектно ориентированное программирование в Javascript.
Готовое приложение можно скачать в телеграм канале:
Подписывайтесь: t.me/frontend_du2
Классы в Javascript - Часть 2: • Классы в Javascript - ...
Классы в Javascript - Часть 3: • Классы в Javascript - ...
👁🗨 Телеграм: t.me/frontend_du2
👁🗨 Discord сервер: / discord
👁🗨 VK: frontend_du2
👁🗨 Дзен: dzen.ru/frontend_it
Самое лучшее объяснение ООП! Благодарим!
Всегда путалась в основе классов, но была в тупике.
Александр, спасибо за видео, очень помогло!)
Я знал, что тема классов будет вам интересна. надеюсь это пригодится в вашей практике :)
Александр, спасибо, не останавливайтесь!)
Спасибо за вашу поддержку. Работаем и стараемся :)
АУФ!!))) Подьехал крутой плейлист на ближайшие вечера)))
Еще не смотрел, но сразу хочется сказать Спасибо!))
Решил записать этот материал. Было не просто. Наверное получилось сложно, но я думаю супер полезно 😇 спасибо тебе
АУФ - это чётко подмечено! :)))
Спасибо за ролик!
Спасибо, что записали видео
Спасибо вам, надеюсь было не слишком запутанным )
Александр, спасибо за Ваш труд. Видео очень сильно помогло. Без Вас, ох, не скоро бы я разобралась с этими сеттерами и гетеррами. А с Вами на раз два все разложилось по полочкам. Очень интересно сразу на практике изучать материал.
Спасибо, что написали о вашем мнении. Тема классов не простая и было сложно за нее браться. Ролики получились долгими. И мне очень приятно, что вы поделились мнением
Александр, спасибо за видео, ваш канал это основной источник информации для меня в процессе изучения JS
это просто шикарнейшее объяснение. Спасибо вам)
Очень рад, что вам понравилось видео :) Классы - довольно тяжелая тема вначале, но потом становится проще и удобнее их использовать :)
О! Уже 1 тысяча подписчиков! Поздравляю! Так держать!
Да да ) Прошло время и на канале уже 1000 :) Я очень этому рад
как всегда лайк и комент!) Только включил видео, так что ничего не могу по нему сказать сразу. Но не сомневаюсь что возьму что-то нового как и из предыдущих видео. И подписка в телеграмм!
Немного припомнился с ответом. Спасибо за ваш комментарий. Да, тема классов не проста и очень полезно знать механизм работы с ними. Их не часто придется использовать, но я надеюсь видео было полезным )
Спасибо большое ! Сложная и интересная тема. Разжевали знатно)
Спасибо за ваш комментарий😊 надеюсь и другие видео канала будут вам полезны)))
Александр, часто возникали проблемы по JS, пытался выяснить у других специалистов, но подробного, качественного ответа и разъяснения не получал.
После этого сразу стало легче в работе с классами!
Спасибо вам большое!
Спасибо за комментарий. Я рад, что видео вам помогло разобраться :)
спасибо. прям очень понятно !!
Спасибо вам за просмотр и комментарий. Рад, что видео вам понравилось :)
Спасибо, очень понятное объяснение 😮
Спасибо за ваш комментарий :) Очень приятно
Просто слова нету 👍👍👍
Очень приятно :) Рад, что видео вам понравилось :)
Наконец-то я нашел идеальное объяснение js
Спасибо за ваш комментарий. Надеюсь, что материал будет понятным :) Тема сложная :)
спасибо за полезные видео, подписалась
Спасибо за ваш отклик ) Я рад, что видео было полезным. Особое спасибо за подписку. Надеюсь ролики на канале будут для вас полезными :)
Какнал в телеграмме даст самое главное!- возможность общаться и задавать вопросы друг другу!!!
Круто Александр!
Да, жаль только раньше не сделал его :) Да, там вы тоже можете задавать вопросы мне, но и конечно друг другу :) Спасибо за поддержку :)
@@alex_dudukalo скоро вот начну дипломную делать по JS, вот вопросов будет😀🤦♂️Верстку уже добью с галпом и препроцессорами и в перед. Лишь бы ситуация в Стране позволила нормально заниматься.
Александр, супер подход на практике сразу, никаких машинок, животных и прочего, потрясающий формат. Обьяснять это точно Ваше, все доходчего как для самых маленьких это уровень((; еще и так по доброму приятно слушать, спасибо за великолепную работу. По больше бы английского, а так прям космос)))
Машинки и животные - это супер удобные и наглядные примеры
Александр, это случилось, я понял классы. Спасибо тебе.
Дмитрий, очень приятно читать такой комментарий 😊 надеюсь и другие видео помогут Вам в изучении JS
Это просто Вау ашь сердце херачит и главное все получается... Спасибо тебе огромное я первый день учу классы я не думал что все будет работать и главное понятно все только практиковать надо много . Но понятно это уже 80процентов успеха
Какой крутой комментарий от вас :) Спасибо вас за него. Настроение еще лучше)) Надеюсь, что следующие ролики дадутся так же просто (хотя там уже будет чуть сложнее) Можно пересматривать фрагменты))
Ваш вариант понятнее и лучше чем на курсе scilbox
Большое спасибо за ваш комментарий ) буду стараться в том же духе 😇
Четко, прошел курс по джээсику, все понял кроме классов и асинхронного программирования, тут про классы прям все )
Спасибо тебе, милый мой )
Рад, что у вас все получилось 🔥 надеюсь и другие видео будут вам полезны, спасибо за отзыв 🤗
А по асинхронному коду нашел что-то годное?
начал смотреть. Прохожу курс в skillfactory. там темы читаю в ютубе изучаю)) спасибо начало мне нравится)
Спасибо, что поделились и сравнили. Надеюсь, после дальнейшего просмотра не сильно запутались в материале :) Тема классов не простая, но я пытаюсь ее объяснить на реальном примере :)
Я решила, что нужно лучше понять тему классов и уже потом делать 10ДЗ. Спасибо Вам )!
Да, но очень надеюсь что вы не запутайтесь. Пример, который я показываю в видео не простой)) Не пугайтесь его
я уже на 9м дз смотрю :))
@@alex_dudukalo всё повторяю за Вами, и в VSCode комментарии пишу, дабы не забыть! :)
Саня крутой 💪😏
Спасибо 🙈🔥
Александр, спасибо за видео, а когда выйдут видео по основам JS, функции и т.д и т.п. ?
Спасибо вам за поддержку и комментарии ) Думаю в конце октября или начале ноября. Это будет серия видео с домашними заданиями. Мне кажется это будет полезно ))
Александр, большое спасибо за видео! Очень понятно и интересно! Только один момент не получился: после того, как перенесла класс в файл Note.js, консоль выдала ошибку "доступ к скрипту заблокирован политикой CORS". К сожалению, вообще никак не могу разобраться, гугл не помогает. Может быть вы подскажите, как это исправить, или посоветуете источник, где доступным языком написано про CORS
Здравствуйте, здесь сложно сказать в чем именно проблема, но скорее всего в вашем проекте присутствуют попытки выполнить запрос, а браузер это запрещает сделать. Без исходников сложно подсказать :(
Как я понял, кнопка Удалить удаляет просто дом элемент, а экземпляр класса то остается. Возможно ли повесить кнопке удалить - удаление всего объекта? Или надо менять архитектуру класса и по сути выносить функционал удаления за пределы класса?
Прошу прощения за долгое ожидание ответа 😊 Да, экземпляр класса лучше не удалять в самом классе, потому что экземпляр это внешняя сущность) Это можно сделать, например через колбек функцию, которую можно передать в класс из внешней среды
Такс, первое видео просмотрел и назрел первый вопрос. В данном примере можно же было обойтись без промежуточных свойств, таких как _name например... можно же и дальше работать с name? В статье на MDN прочитал, что такие промежуточные свойства нужны для безопасности, что бы спрятать "оригинал" и дальше работать с "жалким подобием"))) Но все равно не понимаю, ведь потом к этому промежуточному свойству можно будет так же обратиться через объект класса только с нижним подчеркиванием (class._name)
Очень хороший вопрос. Под безопасность имеется договоренность между разработчиками (Ребята, вы можете использовать наш класс как угодно, но свойства с нижним подчеркиванием не трогайте, иначе все сломается) Примерно так :) Кстати, JS недавно обновился и в классах теперь реально можно создавать приватные свойства и методы. Для этого нужно перед название указать решетку: #_name. Но это нововведение еще не везде работает. Далее. Нам в любом случае нужна переменная, в которой мы будем хранить оригинал значения :) Ведь сеттер и геттер этот значения могут изменять :)
Спасибо большое за толковое объяснение! Один вопрос - почему "дис", а не "зис"?😅
Спасибо вам :))) У меня английский всегда разный 😄
точку с запятой надо ставить или грязный код получается
Согласен с вами :) Стилистику оформления кода нужно сохранять везде. Спасибо за ваше замечание. Постараюсь на это обращать внимание
Друже, влучний неймінг додає наглядності
Большое спасибо за комментарий. Я рад, что видео вам помогло :)
38:06 не совсем понятно, как связаны _name и this.name
Здравствуйте. Если коротко, то это работает так. Есть свойство name. При изменении этого свойства запускается сеттер. И мы можем что то делать. Это все, что происходит, но свойство name стало работать, как функция а не как переменная. Именно поэтому мы создаем дополнительную переменную _name, в которой будем хранить оригинальное значение. Это что то вроде хранилища значения)) Надеюсь я вас не запутал
Оператор "=" равно или присвоить значение???
И ведь ни один не поправил
= - присвоить, разумеется :) Спасибо вам. Пересмотрю ролик еще раз, если в ютуб есть возможность добавить подсказку и исправлением. Сделаю это ))
но зачем тут _мостики я так и не понял )
Это означает, что свойства/метод является приватным и оно не должно никак вызываться/изменятся вне класса. Для этого кстати он и делал get/set для таких свойств. Почитай об этом, чтобы лучше разобраться.
Так делать не правельно, конструктор создан для инициализации полей, а не для того чтобы создовать в нем всю логику, не делайте так это плохая практика.
Спасибо за рекомендацию :) Учтем в следующих роликах :)
Объясняет понятно , вроде всё разжовывает но все равно не понял . Либо я тупой либо меня сбивает обучение vue3
Прошу прощения за долгий ответ :( Спасибо за ваш комментарий. Мне кажется я доработаю над материалом и запишу упрощённое видео. После которого можно будет пересматривать уже эти видео.