#1 Меняем фон на сайте Javascript

  Переглядів 19,404

Как стать программистом

Как стать программистом

3 роки тому

Напишем учебный проект на Javascript, который изменяет Background на страницу при клике на кнопку.
Этот видео урок подойдет новичкам, которые уже познакомились с Html, Css, Javascript и знают, что такое Document Object Model (Dom).
⭐️ Видео про DOM на моем канале по ссылке:
• Что такое DOM? На прим...
⭐️ Код из видео:
github.com/balkoev/10-javascr...
• Build 15 JavaScript Pr... - видео, где я позаимствовал дизайн и идею :)
⭐️ Мои соц. сети
Инстаграм: / adam_balkoev
Вконтакте: adam_balkoev

КОМЕНТАРІ: 74
@artempereslavtsev3295
@artempereslavtsev3295 3 роки тому
Спасибо за видео! Ждём других проектов!
@HUNTERM7
@HUNTERM7 2 роки тому
Супер, делай побольше практических видосов. Теории полно по JS, а весь опыт приходит с практикой, которой на ютабе маловато.
@motooven
@motooven 3 роки тому
Пацаны ребята вообще мощно )) Адаму привет красавчик от души честно доступно понятно!
@neskv1k23
@neskv1k23 3 роки тому
Супер, очень доступно объясняешь👍
@barsick86
@barsick86 3 роки тому
Все классно, не бросай.
@MOblomets
@MOblomets Рік тому
Большое спасибо за возможность практики, это супер!
@fakesega6730
@fakesega6730 Рік тому
Отлично, спасибо большое! Делай больше подобного контента, а так же хотелось бы от тебя увидеть функционал на js для полноценного сайта!
@user-cm5bi4pg7r
@user-cm5bi4pg7r 3 роки тому
Понравилось. Молодцом!
@user-hq2xx1zx9f
@user-hq2xx1zx9f 2 роки тому
спасибо большое за контент благодаря этому ролику подробно смог мыслить
@dertahava6881
@dertahava6881 Рік тому
Спасибо большое за урок!
@olgabutsik6632
@olgabutsik6632 Рік тому
Вообще спасибо большое тебе! Д/з сделала. Объяснил просто замечательно. Продолжай в том же духе.....много благодарна!
@arthurvysotsky4759
@arthurvysotsky4759 3 роки тому
Спасибо за видос! Красавчик !!!!
@user-ui6hw3ef1b
@user-ui6hw3ef1b 2 роки тому
подписался! спасибо, полезно как раз искал подобное
@user-mn1so6hs8z
@user-mn1so6hs8z Рік тому
друг, не всегда понятно, но очень офигенные уроки, спасибо!
@Kyrgyz-style
@Kyrgyz-style 2 роки тому
Мне очень понравилось видео! По больше таких роликов пж!
@olegsemenets7300
@olegsemenets7300 Рік тому
Крутое видео, спасибо))
@user-ny2km6xu9f
@user-ny2km6xu9f 2 роки тому
Спасибо, достойно!
@jgoloven9134
@jgoloven9134 Рік тому
Boljshoe spasibo, vashi video ochenj pomogaet razobratsja s funkcionalom
@amgblack
@amgblack Рік тому
Очень круто спасибо
@user-lc7uk3gz7s
@user-lc7uk3gz7s Рік тому
супер, спасибо!!!
@NikoPrick
@NikoPrick Рік тому
Спасибо за это видео!!!!!
@user-qi1bz3hr2e
@user-qi1bz3hr2e Рік тому
Спасибі, продовжуй👍👍
@Limonadification
@Limonadification Рік тому
Хочу еще!
@user-cv3do5gs7b
@user-cv3do5gs7b 25 днів тому
Спасибо большое. JS - это моя боль!
@dozmin1
@dozmin1 3 роки тому
Супер!
@dimkagera6955
@dimkagera6955 2 роки тому
Нормаьное хип-хоп пати получилось )
@domickrashera6410
@domickrashera6410 Рік тому
Ты божественен, помог решить проблему, за которой три дня бегаю, ничего не находя!! Спасибо!)
@NastiaNordlund
@NastiaNordlund 6 місяців тому
то же самое, полдня потратила на поиски, везде все не то, либо смена цвета на один цвет и все, либо что-то для продвинутых, а тут все просто и прям как надо 😊 😊
@user-vs1it4no2v
@user-vs1it4no2v Рік тому
Видео супер спасибо! Про DIV в начале видео можно просто . поставить и таб и вылезет div
@carbillionwww
@carbillionwww Рік тому
топ спасибо)
@denisk.1213
@denisk.1213 2 роки тому
по смотрел пару минут видоса, понял смысл, что нужно в итоге и..... сделал)
@user-sf4ks7vv8s
@user-sf4ks7vv8s 2 роки тому
спасибо)
@viachaslaudrahun9056
@viachaslaudrahun9056 Рік тому
Класс
@user-fx1eg5ff7d
@user-fx1eg5ff7d 3 роки тому
Супер
@NEVALZZ
@NEVALZZ 3 роки тому
Формат очень понравился, ибо хрен его знает как практиковать этот самый js)
@kocmoc06
@kocmoc06 3 роки тому
Ассалам алейкум. Можешь сделать видео о том, что ты знал, когда нашел первую работу или какой минимум нужен чтобы найти первую работу фронту?
@balkoev
@balkoev 3 роки тому
Ваалейкум Ассалам. Могу! Тема интересная.
@ahmedbarakhoev3776
@ahmedbarakhoev3776 3 роки тому
@@balkoev будет очень интересно послушать )
@mr.zxzxzxz3816
@mr.zxzxzxz3816 Рік тому
ассаламуалейкум. брат нашел работу? я тоже джун ищу работу надеюсь получится)
@mr.zxzxzxz3816
@mr.zxzxzxz3816 Рік тому
в портфолио нормально будет этот проект?
@obychnyye_lyudi
@obychnyye_lyudi 3 роки тому
Приветствую. Рад видеть твой новый выпуск). Сейчас работаешь где нибудь?
@balkoev
@balkoev 3 роки тому
Привет. Да, недавно проходил десяток собеседований и вышел работать на позицию Frontend разработчик (React). Подробности попробую сделать в видео, как искал и на что обращал внимание.
@obychnyye_lyudi
@obychnyye_lyudi 3 роки тому
@@balkoev работа удалённая?)
@balkoev
@balkoev 3 роки тому
@@obychnyye_lyudi офис
@obychnyye_lyudi
@obychnyye_lyudi 3 роки тому
@@balkoev я так понимаю удаленку очень сложно найти?
@balkoev
@balkoev 3 роки тому
Фраза «очень сложно» не подходит. Разработчики и работодатели давно практикуют удаленку, а пандемия только сыграла позитивную роль в популяризации. Соглашусь с тем, что возможно придётся потратить больше времени на поиски.
@user-ur3jd5jd5l
@user-ur3jd5jd5l 2 роки тому
Супер. То что надо. А как сбросить цвет див-блока и вернуться к исходному не перезагружая страницу?
@balkoev
@balkoev 2 роки тому
Как вариант. Сделать ещё одну кнопку «сброс», которая будет устанавливать исходный цвет на див.
@user-ur3jd5jd5l
@user-ur3jd5jd5l 2 роки тому
@@balkoev ОК. Понял.Спасибо за идею.
@dmytrotdi
@dmytrotdi 3 роки тому
Адам, вот у меня почему-то фигурные скобки в файле style.css не желтые, а белые и между ними нет соединительной линии, и программа не центрирует кнопку, вообще похоже что style.css невидима для index.html. Что может быть?
@balkoev
@balkoev 3 роки тому
Два варианта. 1) не правильно указан путь до css файла в index.html 2) синтаксическая ошибка в файле css
@dmytrotdi
@dmytrotdi 3 роки тому
@@balkoev Спасибо за помощь, уже заработала, так как был указан путь с ошибкой - надо было перед слэшом точку поставить. Почему у тебя без точки и работает? Дело мастера боится!
@sofiasavescu3614
@sofiasavescu3614 Рік тому
Здравствуйте! Хочу поблагодарить за видео, очень прикольный проект, делала с удовольствием вместе с автором. Возник 1 вопросик. Хотелось бы сделать так чтобы в этом окошке писался нормальный цвет, чтобы мог понять любой человек со стороны. Типа, Deeppink вместо #5F514A. Как можно это сделать? При этом сохраняя все функции проекта как есть.
@balkoev
@balkoev Рік тому
Как вариант. Можно создать переменную объект и хранить в нем в качестве ключей название цвета и значение в виде #XXXXXX. Далее когда пользователь вводить имя цвета пытаться найти его в этом объекте. Таким образом потребуется описать какую-то стандартную палитру цветов в виде объекта.
@sofiasavescu3614
@sofiasavescu3614 Рік тому
@@balkoev Благодарю вас за ответ. Я добавила const colors = { aqua: "#00ffff", gray: "#808080", navy: "#000080", green: "#008000", olive: "#808000" }; сразу после const color, но явно нужно еще что-то добавить или же убрать. Пробовала убирать const hex и обращаться к своему объекту, но так проект вообще не работает. Подскажите пожалуйста, в каком направлении думать? А то я совсем зеленый новичек в JS :))
@elzzzbear309
@elzzzbear309 Рік тому
Если у вас появляется ошибка(web_accessible_resources) при просмотре на консоль, то не запускайте через live server.
@user-wz8jd9ud9f
@user-wz8jd9ud9f 2 роки тому
30:53)))) хех)
@balkoev
@balkoev 2 роки тому
Что-то я в этот промежуток забуксовал жестко))
@Ofizerios
@Ofizerios Рік тому
Ну почему у меня в visual studio code style не работает с index html???!!! Кто нить знает?!
@Ofizerios
@Ofizerios Рік тому
Короче я сделал у меня все вышло но сам код в этом проекте я понял только на %50 , как вообще понимать смысл написанного или это надо изучать непосредственно саму теорию и решать задачи в консоли?! Кто знает?!
@blackdragon8896
@blackdragon8896 3 роки тому
Почему так мало видео ?
@balkoev
@balkoev 3 роки тому
Лентяй 😆
@GLUCKKKKKKKKKK
@GLUCKKKKKKKKKK 2 роки тому
Очень жирно. Продолжай в том же духе. Понравился момент где ты тупил с math и не вырезал его. Удачи.
@Den_camrad
@Den_camrad Рік тому
Я змінної color додав .style.color = hexColor
@user-mv4ni7xo9u
@user-mv4ni7xo9u 2 роки тому
прикольно) но оочень легко, было бы интереснее, если бы верстка опускалась, а то она половину видео занимает, а по сути ее все знают)
@user-wg9uy5mc3b
@user-wg9uy5mc3b 3 роки тому
Бузныг
@user-hn2ps4tx1o
@user-hn2ps4tx1o 3 роки тому
Ну не знаю. Спасибо, конечно за работу, но. Или люди не делали проект, а просто посмотрели, либо я альтернативно одарённый) У меня не получается. Ни когда я сам дела, ни тогда, когда я скопировал код в гитхабе и к себе залил. Когда сам делал, ошибку не выдаёт, но ничего не происходит. Когда скопировал код с гитхаба выдаёт ошибку Uncaught TypeError: Cannot read property 'addEventListener' of null И моих знаний не хватает, понять, где эта ошибка.
@balkoev
@balkoev 3 роки тому
Проверьте правильно ли вы отловили элемент, на который пытаетесь навесить addEventListener. Сейчас он у вас равен null.
@user-hn2ps4tx1o
@user-hn2ps4tx1o 3 роки тому
@@balkoev Вы правы, моя ошибка. Забыл поменять в HTML файле сылку на JS файл. Вот он мне ошибку и выдавал. За обучение спасибо, не бросайте это дело.
@user-wz8jd9ud9f
@user-wz8jd9ud9f 2 роки тому
Оно, конечно, все круто и спасибо за уроки... Но в основном во всех видеоуроках все делается на быструю руку со словами "ну, это же учебный проект...". И показывают не правильные действия, вставляют костыли, которые в реальном проекте не стоит использовать. В итоге, после просмотра 100 таких роликов садишься делать какой-то проект, кидаешь на оценку и тебе находят миллион ошибок. Шрифты не правильно подключил, а все потому что в видео у кого-то увидел, тут скрипт не правильно написал, потому что, опять же, в видео увидел, как какой-то человек с большим опытом это делал, просто потому что маяться с этим не очень то и хотел и вставил костыль какой-то.
@balkoev
@balkoev 2 роки тому
В моих видео были такие замечания? Костыли возможно проскакивали, я уже не помню, что я кодил на видео)
@user-wz8jd9ud9f
@user-wz8jd9ud9f 2 роки тому
@@balkoev я просто часто слышал "ну, это учебный же проект" и решил уже душу излить) В основном эту фразу говорят, когда хоть как-то хотят сделать и все)
#2 Счетчик на Javascript
44:33
Как стать программистом
Переглядів 6 тис.
Javascript, how to get input text value while typing
0:43
one minute coder
Переглядів 68 тис.
BRAWLER MUTATIONS WILL BREAK THE GAME! - Brawl Talk
09:34
Brawl Stars
Переглядів 25 млн
Підставка для яєць
00:37
Afinka
Переглядів 65 тис.
Эта новинка в CSS смогла заменить JavaScript
9:46
Анна Блок
Переглядів 76 тис.
#3 Получаем картинки с помощью API Javascript
28:41
Как стать программистом
Переглядів 27 тис.
Что такое DOM? На примере реальной задачи JS!
21:56
Как стать программистом
Переглядів 19 тис.
Парсим сайт с помощью NodeJS, Cheerio
46:12
Как стать программистом
Переглядів 20 тис.
Как сделать Dark mode для сайта за 5 минут ? #javascript
5:28
Давай Попробуем: JavaScript
Переглядів 8 тис.
BRAWLER MUTATIONS WILL BREAK THE GAME! - Brawl Talk
09:34
Brawl Stars
Переглядів 25 млн