36. Уроки, Курс React JS - про ООП поверхностно (зачем нам объекты)

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.i...
Back-end
it-incubator.i...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
React JS - это про функциональное программирование! ООП и функциональное программирование - две разные парадигмы!!!
Тем не менее нет сегодня ничего точно-определённого)) React - он и про ООП и про ФП! Базовым (самым базовым) принципам ООП я вам в этом выпуске и поведаю, для того, чтобы мы перешли к реализации store - точной копии store из библиотеки Redux. Да, мы будем изобретать велосипед, для того, чтобы понять, что там сидит внутри Redux и как он работает!!! Самураи, фшух-фшух!
Файл: codepen.io/dim...
it-ликбез и з тачилы, про ООП: • #6 ООП (it ликбез из т...
Весь цикл: • #1 Client (front-end) ...
Ещё про ООП: • Переход на ООП, пример...
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс #ооп

[@blok841]

если Димыч начал прощаться, значит мы дошли до середины урока)))

[@StarkElessar]

Класс, тоже это заметил 🤣

[@tevi6667]

ору🤣

[@abkeyev.a.w]

ахахахах

[@ИгорьНово]

😂😂😂

[@КоляГришакин-й1л]

хахахаха

[@g.bagiryan]

попытка обратиться к приватным полям в Java: "вы кто такие? идите нахер!" попытка обратиться к приватным полям в JS: "ну не надо пожалуйста, вот тут черточка не видишь?"

[@alekseyp.3766]

В новых редакциях JS теперь тоже посылает, теперь там появились приватные поля,начинаются c #, например #content

[@alekseyp.3766]

@@dim3143 Не подскажу. Где-то встретил случайно именно про приватные поля. Да это es2020

[@dimeliora]

@@alekseyp.3766 только в этом уроке рассматривались защищенные (protected) поля, для них, увы, реализации на уровне языка пока нет)

[@ollevenets]

@@dim3143 вот здесь описано про это, но как я понимаю это пока еще не работает... learn.javascript.ru/private-protected-properties-methods

[@piligr1m_ua_]

@@dim3143 2021

[@Stiletto78]

"...блин, тут Дмитрий написано... жестко" )))))))

[@ТимурХрусталёв-ъ1е]

тоже поржал ))

[@AnotherNiceNickName]

Улыбнуло:)

[@bonemark]

3:10 ага 😅

[@ЕленаХилалова-ы5к]

23.10.2023 прохожу 36 урок, начала проходить курс 14.10.2023. Пока все прекрасно, каждый урок я конспектирую. В 100 выпуске напишу что да как, возможно уже буду проходить собеседования. Желаю каждому кто смотрит этот курс удачи и сил

[@elenakhilalova]

Если что данный комментарий - мой, я сменила свой аккаунт на ютуб

[@КонстантинЦиповяз]

Привет! Я тоже добрался до 36-го урока. Тоже хотел бы дойти до сотого. Думал что за давностью комменты здесь уже не актуальны.

[@elenakhilalova]

@@КонстантинЦиповяз Ура, мы вместе из 2023 года смотрим этот прекрасный курс, желаю тебе дойти до 100 урока, со всеми знаниями этого курса, главное старайся конспектировать материал и записывай все определения )

[@helga1907]

Удачи нам, новеньким на этом курсе. Надеюсь, что все у нас получится

[@Matfei-h2o]

Мы все справимся ;)@@helga1907

[@SerhiiD11010]

после отметки 30 в плейлисте уроков я понял что чем больше ты думаешь что понимаешь, тем меньше ты понимаешь, ну вы поняли, да?

[@romaniv1437]

ну у меня почти так же, понимание приходить когда начинаешь писать код

[@МихаилБронников-ш9х]

"Тебе кажется, что ты просто присваиваешь значение, но там кроется целый мир"

[@kaarabasbarabas]

с каждым видосам, судям по лайкам - нас все меньше и меньше!( но димыч крут в любых ситуациях!

[@ITKAMASUTRA]

Простые вещи заходят легче! Дальше люди сливаться будут! Хотя очень буду стараться не гнать и режим разжеванности никуда не девать!!!!

[@andreyvolkov3117]

Просто в курсе про JS уже было про ООП (основы)

[@anonim-7934]

Димыч: инкапсуляция - это *сокрытие* деталей ExtremeCode: покинул чат...

[@ITKAMASUTRA]

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

[@НикитаГончаров-ы4ц]

АХхахах, да-да-да, тоже думал об этом.. Это жоска

[@promotezor]

Можете чуть подробнее, пожалуйста, или названия, куда копнуть

[@geogoshan]

Я здесь за этим комментом

[@sergeyinozemcev1070]

@@promotezor Инкапсуляция != сокрытие внутренней работы. В питоне нет возможности скрыть методы, однако инкапсуляция в нем есть. Обобщенно ООП и есть инкапсуляция. То есть сама возможность обобщить функции и переменные и сделать их как поля и методы какого-то объекта и есть инкапсуляция функций в методы объекта.

[@anahitbabelyan1415]

прошу снимайте новое видео урок про observable, observer, action, component c примерами...... вы очень хорошо объясните!!!

[@МарияВасиленко-я5к]

Забавно, что "Кабзда как просто" теперь не кабзда как просто :-D

[@sulmom78]

кабзда как сложно

[@lopsonbalzhinimaev642]

Без какого то бэкграунда довольно сложно) Мне повезло я приступил к этому курсы уже имея знания по Javascript + C++

[@АлександрГрачев-в4м]

А у меня на проекте mobx будет, а я привык к концепции уроков Димыча через redux)

[@МарияВасиленко-я5к]

@@АлександрГрачев-в4м зато не заржавеет мозг. Если всегда мыслить одинаково, будешь как бревно, а здесь нужен гибкий ум. Поэтому радуйся, что научишься чему-то новому👍

[@АлександрГрачев-в4м]

@@МарияВасиленко-я5к Согласен, всегда рад учить новое) Просто меня посадили на реактовский проект которые не с нуля неделю назад, до этого верстальщиком был вообще)) Чистые функции все-равно попонятней и debugger я полюбил, с mobx хрен поймешь потом что где творится через год)

[@ДенисКораблёв-г1т]

Отличное видео. Про this, если кому не понятно, я долго не понимал как им пользоваться, но я сформулировал определение, которая мне помогло понять как это работает - Так вот this нужен для того, например у вас есть функция(действие), которая используется разными объектами и вы пишите внутри нее this.свойство_или_еще_что-то, так вот это действие будет сделано для того объекта в контексте которого вы вызвали этот this, ну как-то так. Например внутри конструктора очень часто пишут this.name = name, this.age = age и соответственно в аргументы приходит имя и возраст - constructor(name, age){...}; и потом у вас есть много объектов с пользователями и им в скобках(аргументах) вы передаете(пишите) имя и возраст например user.('Vasya', 23); все это дело попадает в конструктор и слово this будет иметь ссылку на объект user, т.к. this будет находится в контексте этого объекта, и добавит ему свойства, которые передали и так будет со всеми user1 или user2 и т.д., а конструктор 1. По этому внутри объекта тоже пишут this и оно имеет ссылку на этот объект, т.к. находится в его контексте, , может кому-то поможет.

[@TheZionjke]

а если еще проще, то this это всегда то что перед точкой :)

[@PACEMAKER76]

this это указатель на контекст. он говорит, что вот эта хрень, на которую указывает this имеет отношение только к этому объекту , а не к какому-то другому)

[@ДенисКораблёв-г1т]

@@PACEMAKER76 Круто, что кто-то пишет коменты под старые видосы. На самом деле про this можно говорить 2 часа и на собесе 90% людей отвечают на этот вопрос не правильно, особенно если задать доп. вопросы: что такое контекст, откуда он берется, в чем разница scopeб контекста и лексического окружения и т.д. Дальше можно спросить сколько видов контекста бывает и т.д.

[@nataliarslan0601]

Ликбез из тачилы про ООП обязателен к просмотру! Это шедевр😁 Спасибо,Димыч!!!

[@maxpro7135]

Как же хорошо понимать ООП, не зря в университете учился )))

[@3PuY]

Пошёл наводить порядок в коде)

[@some_name]

Классный стиль преподавания! Спасибо за видосы 👍

[@ITKAMASUTRA]

Пожалуйста, Юра!

[@maksimlapin2031]

Бомби дальше, пожалуйста, мне помогают твои уроки, спасибо тебе большое!

[@stanislavk.6066]

ты все понимаешь???

[@moonscript6153]

как успехи??

[@evgeniyzhuk7725]

Смотрю уже 36 урок, и понимаю, что это идеальный курс. Я начинал читать книгу по Java, и не понял, что учу, зачем и почему. Подумал Java не мое. Перешел на JavaScript, и стал видеть похожие вещи с Java, но все еще не понял, что учу и зачем. И вот, когда уже думал, что все потеряно, наткнулся на курс Димы. Это лучшее, что со мной случилось) Теперь я знаю что учу, зачем учу, к чему иду!)) Хоть и не особо быстро, по чуть-чуть, но мне некуда спешить. Как говорится, дорогу осилит идущий) Спасибо за курс, еще и бесплатный. Почти благотворительность, тебе это зачтется))

[@yvictor2103]

как дела мужик? 10 месяцев прошло?

[@moonscript6153]

@@yvictor2103 два года...

[@yvictor2103]

@@moonscript6153 я уже давно выучился и стал разрабом )

[@moonscript6153]

@@yvictor2103 и как тебе?? Нравится?

[@yvictor2103]

@@moonscript6153 жалею что раньше не перешёл, раньше думал что это очень сложно.

[@МаксимусРоздор]

Димарик привет с 2023!!! дай Бог здоровья тебе и твоим близким !!! спасибо за курс

[@olexandrkozirskiy6917]

Просто крутяк урок! Дійсно корисний контент. 25,02,2023

[@is_eliseeva]

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

[@kickmastery8888]

А первые два которые?

[@ClaymoreTV047]

(Дмитрий, поражаюсь, какой Вы умный и как умеете хорошо объяснять! это третье видео от разных предподавателей, в котором рассказывается про ООП. очень понятно и доступно! спасибо! ) ----- ты кто такой о_О ... я понял процентов 10% с третьего просмотра....лан будем копать спасиб Димыч)

[@UnwarO]

Таааак, вроде врубился, ндеюсь уже на скорую остановочку повторение для закрепления!) Best of the best, летим дальше!)

[@denistrapeschonok471]

Очень крутая тема. Открываются глаза.

[@КурашовЕвгений-н3ю]

Круто. Все шикарно. Хотел бы ещё больше узнать об ооп

[@sergeyistominov5880]

Поддержу автора плюсиком для лучшего ранжирования =)

[@is_eliseeva]

03.09.2023 день 27. спасибо за урок! #ООП

[@АлексейКухаренко-я2л]

На данном этапе уже начинаешь видосы более тщательно смотреть, чтобы мозг понял что все "кабзда как просто". Это круто. Спасибо, Дима. Всем, кто страдает на этом видео посмотрите что такое сеттеры и геттеры, посмотрите it-из тачки про ООП, и пересмотрите данное видео. Все встанет на свои места.

[@ВанькаЕремченко]

Димон ты прям радуешь))

[@dariaminakova5220]

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

[@arsshon6842]

Держимся держимся

[@ГалинаКузнецова-н1и]

очень классно объяснил👍, с ООП не сталкивалась

[@oconnor4417]

Отлично разъяснил как всегда, лучший !

[@dob1wan174]

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

[@АлексейОлейник-у7в]

С праздником всех! Отдохнули - пора и за работу браться))

[@RUS4HELP]

Смотрю и конспектирую - 28 января 2021 года!

[@ДаниилЧернавин-ь1о]

Идем параллельно. Только я просто смотрю. Потом буду смотреть второй раз и конспектировать.)

[@RUS4HELP]

@@ДаниилЧернавин-ь1о молодца!

[@RUS4HELP]

@@ДаниилЧернавин-ь1о если время есть - то да. У меня его нету. Буду стараться до середины февраля дойти и резюме отправлять.

[@ДаниилЧернавин-ь1о]

@@RUS4HELP А я туго соображаю )) Но мне очень интересно программирование. С детства был интерес, но потом как-то пропал. А сейчас мне 45. И интерес к программированию проснулся опять. Я не ставлю цель куда то устроиться на работу. Мне просто жутко интересно ( прям слюна течет от удовольствия))). И очень нравится когда мозги кипят)) Может годам к 50 что -то и сотворю)))

[@RUS4HELP]

@@ДаниилЧернавин-ь1о ну удачи) лучше сварите к 46 годам)

[@ЮлияМарченко-э1ж]

Информации все больше и больше, но я стараюсь, как могу вникать,запоминать, по 2-3 раза смотрю каждое видео, где-то конспектирую и иногда ищу доп. информацию) Но пока все понятно ! спасибо за ваши уроки) надеюсь дойду до конца :))

[@snoopquits-friend]

Как успехи?)

[@ЮлияМарченко-э1ж]

@@snoopquits-friend устроилась на работу, все не зря :)

[@MrAysro]

@@ЮлияМарченко-э1ж будет очень круто, если поделишься своим опытом с остальными; что за вопросы, что за должность. Надеюсь, увидишь)

[@thedzonip1ay531]

Самое легкое объяснение ОПП, Димыч ты крут!

[@volodya_kod6]

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

[@Evgeny..]

С ООП знаком, все было понятно! Спасибо!

[@IMTevinJ]

Лучшие уроки по React, Redux! ООП, store, state

[@marynaserhiichuk7780]

наконец то понятно зачем нужно нижнее подчеркивание. Лучшее объяснение. Браво )))

[@arayoflight]

Стало яснее, что такое сеттеры и геттеры. Круть, спасибо)

[@stanislavk.6066]

ты серьездно?

[@farkhodpulatov1806]

Смотрю в 2021 отличный курс спасибо мужик

[@НадеждаГринчук-ш4к]

Супер. Про this это прям супер классно объяснил, наконец то я поняла зачем этот this нужен. Спасибо.

[@meadchen5243]

Хорошо запомнила момент, как муж-программер долго бился на какой-то задачей и потом выдал "Ни*** себе, работает". После урока и после того как получилось переписать state на store была примерно такая же реакция.) Пошла смотреть след.урок, почему же оно работает)

[@over_the_top_404]

Димыч, спасибо! Летим дальше!

[@ivanMoldovanu]

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

[@midnightstar_zoriana]

СПАСИБО!! я поняла this) ранее все как-то было запоминание, но не понимание

[@GrourDenis]

Спасибо за ликбез по ООП!

[@АлександрАлександрович-л3х]

Спасибо, Димыч! Буду делать.

[@ПараСлов-н2и]

Классно, ооп - это очень интересно! Попробовал реализовать store сам. В общем, получилось довольно гладко, быстро и всё заработало... пока дело не дошло до функционала - добавления постов и печати в textarea - там всё порушилось. Я debugger'ом отсмотрел функции и понял, что this в функциях стал ссылаться на объект profilePage, вместо store. Долго соображал как пофиксить и вспомнил, что мы что то подобное реализовывали в курсе "js ну вообще с нуля", когда делали slider. Ввёл в store переменную that и при инициализации state = { getState( ) } прописал this.that = this внутри getState, прокинул через props'ы в MyPosts и передал в функции обновления textarea и добавления постов that в качестве атрибута. Вот такую круговерть придумать пришлось, мозг поломать :))) Теперь мне прям очень интересно посмотреть следующий выпуск и понять как это было сделать намного проще... )) Пойду смотреть...

[@ПараСлов-н2и]

@@Catofood Да :) В итоге под чутким руководством Димыча всё оказалось гораздо проще! Но покумекать своим котелком тоже было полезно :))

[@alexandera7398]

Бегу смотреть следующий видос 🔥

[@MikhailKuklenkov]

Урок однозначно полезен, Дима)

[@samson7984]

Благодаря этому видео, понял предыдущие 3)

[@theWorldIsMultivariate]

Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

[@sergmalin210]

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

[@theWorldIsMultivariate]

@@sergmalin210 привет. Да, получилось устроиться на работу. Уже как год работаю, недавно повысили грейт, теперь я джун+ ) Устроился после 60 урока, сейчас на 95) Тут главное не только знание, а умение себя представить, умение продать себя. Эта подготовка, продать себя, заняла у меня 2 месяца, но вместе с этим я делал свой проект - змейку на реакте) Удачи тебе в поиске работы! Всё возможно, поверь. Если прикладывать усердия и действовать в правильном направлении! Если есть ещё вопросы, то пиши, не стесняйся!

[@АндрейКомаров-т8х]

Спасибо Димыч! Очень круто и понятно объясняешь. Учусь в Инкубаторе в среде, это просто находка. Спасибо что создал такую ОФИГЕНСКУЮ команду и платформу. Обучаясь в Инкубаторе, имея доступ ко всем предоставляемым ресурсам, точно можно сказать(словами одного известного в Инкубаторе человека)) ) - "Ещё не родился тот человек, который не смог бы стать программистом"!

[@KotovValentin]

С 53 видео вернулся, все круто!

[@Duh280]

Знаю ООП по другим языкам) Спасибо за занятие!

[@ivans6767]

Ничего не понимал, все перематывал на начало, до конца не досматривал,. И тут досмотрел, а там замечательная ссылочка на ОПП(it ликбез из тачилы) от Димыча, который расставил все в моей голове по полочкам! Спасибо!!!!

[@Stas1983ful]

Первый человек, который на русском объяснил, для чего слово this !!! :)

[@АндрейВерещагин-т1ю]

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

[@AbaiIlyasov]

Всё круто иду дальше!

[@crypto4elik]

на середине понял, что надо оборачивать стейт в стор :) и радуюсь

[@alex45779]

Правда, что Ты даешь в уроках никто -никогда так не разжевывал! Спасибо!

[@anastasia__kot]

Сложно, но бомбим бомбим бомбим!

[@ДмитроПасічнюк]

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

[@denkodatskyi3381]

УРА!!! Visual Studio Code! =) Лучшие уроки по React & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!!

[@НаильШайхинуров-п7л]

Летим дальше 🚀

[@n0escape]

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

[@JONNY_NOOB]

Тема важная и дается не легко. Нужно еще будет почитать про this.

[@YakatoSaku]

очень круто! Теперь понял что такое ООП

[@antonmaklakov]

Офигеть, чисто видос начался с лёгкого объекта, потом с сеттерами,observer'ами и прочим.Сложный видеоролик в плане наращивания понимания материала, но интересный.

[@slaincore]

Я прям кайфанул от того на сколько ты круто обяснил все в этом уроке!

[@ИванИванов-у3ч4м]

Часа 2 прокидывал пропсы из stor'a. Димыч ты крейзи ) скукожил меня этим заданием ). Лойс, как обычно )))

[@samolevich]

Хоть это и просто, но СПАСИБЩЕ тебе огромное за разъяснение с примером про геттеры и сеттеры. Я долго не мог понять зачем городить огород. На простом примере стало ясно. Это простая вещь совсем не очевидна и в то же время встречается очень часто. Часто используется и ужасно сбивает, если ты не понимаешь ЗАЧЕМ. Спасибо за то, что объяснил

[@shamilsalakhutdinov5519]

читал учебник, где это объяснялось на примере машины, круто было освежить инфу в голове, спасибо!)

[@misterzaga5860]

Блин, респект Дмитрию, отличный учитель!

[@dendenowich4199]

Спасибо за урок)) 16.07.22. Плывем дальше!

[@Obraveliss]

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

[@sha_lapai7230]

держимся и пишем код!

[@Артем-ч7э9ъ]

Немножко вздохнул прям) а то прошлые видосы вынос мозга) Спасибо за уроки! Летим дальше!

[@АрсенОсипов-ж6щ]

React Redux курс React разметка Спасибо за урок :)

[@xtereone]

До этого момента знал парадигмы ООП) Димыч Красава!)

[@alexey2769]

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

[@andreiribac6284]

2021 год! 25 Июня! Тяжело, но иду вперед!

[@MrVagula]

только тогда был июнь, а не июль))

[@andreiribac6284]

@@MrVagula спасибо! Для торжества истины, изменил опечатку в комментарии

[@kriptonVIP]

Благодарю Дмитрий! Очень рад что попал именно на этот курс по обучению React, после него формируется реальная база понимания, сложных вещей простыми словами,! Чувствую в другом месте ушло бы гораздо больше времени на понимание этих вещей!

[@tihunvolkov9288]

прикольная фигня (ооп) прям легко и кратко объяснил! От души)

[@dzhfrv]

Лучшее введение в ООП, как друг объяснил - практично и ясно)

[@yourbadapple]

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

[@sergei9101]

Этот и прошлый урок реально помогли обзервер патерн прочуствовать. Спасибо!

[@dechto1]

Спасибо. Идем дальше!

[@artemijeka]

Спасибо, ооп супер конечно, как по мне лучше чем портянки кода, ещё мне нравится подход 1 файл одна сущность

[@vyacheslavpm3779]

Димыч, спасибо!

[@rovshen.public]

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

[@АлексейКудряшов-п8ц]

Спасибо большое за курс) Учу React с удовольствием)

[@ВикторКлименко-щ9ф]

О, жестяк пошел. Но ничего страшного, бомбим дальше :-) Спасибо большое!

[@maxim.saharov]

ооп классно рассказал, Летим дальше!

[@AnotherNiceNickName]

ООП интересная тема. Ранее смотрел курсы по JAVA и многого не понимал о ООП. Сейчас, просмотревши этот видос, многое разложилось по полочкам. Димыч, у тебя талант. Ты отличный педагог!

[@emranakalaev8689]

Самое крутое объяснение this. Я в свое время куча времени потратил на понимание этой штуки. Огроменный лайк

[@vladmyronets2884]

Cкептично смотрел в сторону ООП, благодоря этому видосу понял его ценность )Спасибо)

[@tim7703]

Спасибо за Ваш труд! Иду дальше :)