Проект на JavaScript для начинающих. Светофор.
HTML-код
- Опубликовано: 22 сен 2024
- 🔥 Курс "Профессия программиста с нуля до трудоустройства". Скидка 95% по ссылке → clck.ru/3BaDjX
✔️ Мой telegram канал про IT и программирование для новичков → t.me/sergeydmi...
Подписывайся на меня в соц. сетях:
🔽 Telegram - t.me/sergeydmi...
🔽 Instagram - / sergeydmitrievskyit
🔽 RUclips - / @sergeydmitrievsky
📩 По вопросам сотрудничества sergey@sergeydmitrievsky.ru
❗Подписывайся на мой телеграм-канал про IT, программирование и frontend → t.me/sergeydmitrievsky
Наступил тот день, когда для меня это стало слишком просто) это приятно)
Когда у меня настанет этот день?
😁 скоро у меня тоже будет этот день
😳
Я устроился ПМом) если что
@@Александрраз-н8ф после курса?
Сергей. пожалуйста сделай видео или может сюда напиши почему именно так ты решаешь эту задачу. Ведь на первый взгляд действительно проще и удобнее все сделать через if, else if с добавлением и удалением классов в CSS. В этом будет огромная польза в плане обучения. Нужно понять именно логику выбора того или иного способа.
Кто ЗА ставьте лайк!
с if проще намного, но в будущем при написании архитектурных решений этот вариант будем намного практичней и возможность переиспользования утилиток проще.
Отличный урок. мне в свое время таких не хватало:) Кодварс больше абстрактные задачи дает, а вот таких практических , привязанных к чему-то реальному как раз и не хватает.
Для тех, кто хочет потренироваться - можно реализовать переключение по времени(красный и зеленый горят 5 сек, желтый 2 например), а не по кнопке и сделать порядок цветов как в жизни - красный-желтый-зеленый-желтый-красный.
Ну и левел-хард - отображать не просто цвет, а цветной таймер внутри круга как это сделано в обычных светофорах, который будет отсчитывать секунды до переключения на следующий цвет:)
Мне здорово помогли бесплатные freecodecamp. У них на Ютубе есть проекты для начинающих которые нужно уметь делать.
Просто и понятно. Спасибо!
Не имею понятия ,что такое программирование ,но очень интересный видос !
А светофор разве не сам цвет меняет через определённое время?)
Спасибо!!!)))
Капец. Сколько негативных комментаторов. Те, кто говорят, что можно проще через иф-елсе. Вы либо только учитесь и не писали ещё больших, сложных приложений. Либо вы говнокодер, не останавливайтесь. Сергей не зря тимлид и стоит присмотреться к такому стилю написания кода
Почему не в ООП стиле?
А сделать то как сделал он тютелька в тютельку тоже считается что получилось ?)
А нельзя просто менять backgroundColor через через switch - case ?
Можно. Но такое решение оно более практично. Switch case не часто применяется на практике по ряду причин
Скажите, пожалуйста, я вот повторила ваш светофор и решила чуть усложнить задачу: сделала 3 таких кружочка, чтобы у каждого можно была выбрать свой цвет. создала кнопку, по которой бы запускалась проверка (предлагаю пользователю выбрать правильную последовательность цветов в светофоре). При правильном ответе должно выскакивать окно (alert) c текстом "Ответ верен.
Вы молодец", при неправильном, соответственно, "Ответ неверен.
Попробуйте еще раз", что реализовано через if...else. Сейчас у меня всегда ответ неверен. Я не совсем понимаю, что именно указать в условии, чтобы это работало
if (.... === LIGHT.red && .... === LIGHT.yellow && .... === LIGHT.green){}else{}
Логика нарушена: желтый это всегда промежуточный цвет
Почему все имена констант капсом? Это на что-то влияет или просто для наглядности?
константы принято называть капсом.
SUPER LESSON
задача про светофор решается легко средствами современного CSS, зачем изобретать колесо )
это всего лишь обучение, в реале не парятся с этим
Для fronted разработки подойдёт ноут Apple MacBook Air 13 M1/8/256GB Space Gray (MGN63)?
space gray не подойдет, нужно именно золотистый
И вообще можно без js это всё сделать)
Есть способ ещё легче для решения этой же задачи
Согласен
С помощью addlistener если я правильно написал
Сколько стоит стандарт и вип курсы за месяц?
Мне кажеться это можно все намного проще сделать))
Согласен. Через if else if, менять bg color. А в видео прям геморой😂
@@romanvozniak8623 через switch - case еще проще )