Как напортачить начинающему JS разработчику: принципы DRY, KISS, YAGNI, SOLID

preview_player
Показать описание
👇 Разверни для полной информации

Программист оптимизировал JavaScript код по принципу DRY и получил костыли и велосипеды - разбираемся в чем проблемы, изучаем возможности оптимизации простого кода на JS, пробуем соотнести принципы DRY и KISS плюс YAGNI в JavaScript. Пишем 2 оптимизации кода.

00:00 Принципы разработки: DRY, KISS
01:40 Постановка задачи и решение
05:45 Изучаем код JS оптимизированный разработчиком
15:00 Доводим глупости до конца
17:30 Делаем первый вариант оптимизации кода
26:05 Второй вариант оптимизации

Моя рабочая станция:
Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 16GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB

Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D

Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro

+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics
Рекомендации по теме
Комментарии
Автор

Спасибо!!! Учусь у вас на курсе javascript 2.0 . Классный курс. Предпологаю что буду учиться и дальше!!!! Хорошее познавательное видео спасибо.

bestlife
Автор

сразу лайк за разборку такой темы) кодить учат все, хорошо кодить-мало кто)

unicoxrtj
Автор

Интерн с бионика приветствует) Меня радует что мой подход решения в итоге сошёлся с вашим) Успехов и лайк!

serzhuk
Автор

Интересная тема, недавно сам писал некий функционал на своем pet-проекте и тоже избавлялся от лишней вложенности. В итоге из 3-х уровней вложенности получилось свести к одному промису))). Ну и мне понравилось что профессионал думает также - сначала надо написать хоть как-то, а уже потом оптимизировать. Вообще такие вещи сами собой приходят, но говорить об этом нужно, потому что направить программиста тоже очень важно.

kamikt_yt
Автор

😂 не смог написать простейшую функцию со второй попытки, отписывайтесь закрывайте видео, чувство юмора на уровне )

EvgeniiBukarin-wurs
Автор

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

alexanderalexander
Автор

То что по завершению представил очень хорошо подойдёт начинающему новичку, - я думаю

evgenijbeljaev
Автор

Не подскажите, как сделать так, чтобы vs code камментила куски кода по хот кею, как в видео?
Гугл только странные левые скрипты показывает ):

diy-speaker
Автор

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

spartacusaw
Автор

Я для себя делал страничку с кучей кнопок копировать и вот правила DRY я не выполни, а KISS выполнил - копировал функцию меняя оду надпись. И так много, много, ... раз.
Всё работает, а упростить пока что не выходит. Я всего лишь любитель, делал для себя.

Denimir
Автор

У вас в теге <html lang="en">, а браузер русскоязычный, поэтому браузер предлагает перевести контент.
Что бы не предлагал, надо изменить атрибут lang <html lang="ru">😀

beloff
Автор

Еще вопрос :hover и :focus отличаются?

urakend
Автор

Сегодня на паре проходил SOLID. Вернулся домой с учёбы - как тут у Александра видео на эту тему. Совпадение? ))

MrKOHKyPEHT
Автор

То чувство когда работаешь по принципу "Наконец-то заработало, можно идти спать"

sergozar
Автор

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

Хорош, Алекс, хорош

maximworonin
Автор

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

Fess-dteo
Автор

Функциональщина же. Дэн не может терпеть в опп. Он любит функции и также делает их под любую задачу, значит и мы тоже будем.

dvzmknw
Автор

В index.html поставьте ru в место en и переводить перехочет)

-Forever-Young-
Автор

Как у вас подсвеченный код?Какое-то расширение наверно?

urakend
Автор

А как же получение кнопки? Там тоже отлично впишется эта функция))

artemtaylor