Javascript практика. Создание табов на javascript. Уроки JS

  Переглядів 82,633

BrainsCloud

BrainsCloud

3 роки тому

Продолжаем серию уроков по javascript. В этом видео будет практика работы с javascript. Вы создадите табы на чистом js!
Ссылки
------------------------------------------
Хороший и надежный хостинг: bit.ly/31GicoZ
Промокоды:
brainscloudstart - ускоритель сайта на месяц (при оплате месяца)
brainscloudyear - месяц хостинга в подарок (при оплате года)
brainscloudyear2x - 3 месяца хостинга в подарок (при оплате 2х лет)
Подробно по активации: bit.ly/3miCtsx
Как воспользоваться промокодом?
После регистрации аккаунта и до оплаты услуги необходимо активировать полученный от вебмастера промокод в разделе "Бонусы и промокоды".
Оплатить услугу хостинга на требуемый период.
---
Материалы урока: files.brainscloud.ru/file/jav...
О проекте
------------------------------------------
Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
// Соц. сети =================
Мой ВК - odimaz
Группа BC - brainscloud
Мой Instagram: / dmitryvalak
#javascript #js

КОМЕНТАРІ: 347
@psevdo_nim
@psevdo_nim 3 роки тому
Только не останавливайся прошу 🙏🙏🙏. Все очень понятно объясняешь
@pavelpavlovich4544
@pavelpavlovich4544 3 роки тому
какая тема стоит у него?
@peterparker3794
@peterparker3794 3 роки тому
@@pavelpavlovich4544 дефолтная vs code , вреде как
@dmitrogritselyak7593
@dmitrogritselyak7593 2 роки тому
@@pavelpavlovich4544 тема из Brackets
@user-pf6jf9oz2t
@user-pf6jf9oz2t Рік тому
мне обычно так твоя девушка говрит
@user-zd4es6jo5y
@user-zd4es6jo5y 3 роки тому
BrainsCloud Спасибо большое!! Для меня JS был как дремучий лес но после первого твоего урока я реально понял как работают функции,константы,и т.д блин серьезно спасибо!! Делай еще таких роликов ты очень понятно объясняешь!
@user-oo2yr7sw1t
@user-oo2yr7sw1t 3 роки тому
Только решил начать учить JS, а тут уроки с любимого канала подъехали) Спасибо тебе огромное!!! Все четко и по фактам)
@pivrock913
@pivrock913 3 роки тому
Супер! Можешь больше не спрашивать записывать следующее видео или нет! Сразу записывай. Всё предельно чётко и понятно даже для меня
@daniloneil
@daniloneil 3 роки тому
чем мне нравится Дима, так это то, как он всё детально объясняет, крайне информативно, большая просьба - объясни пожалуйста, как сделать плавное переключение табов, с задержкой, с помощью js
@user-zd4es6jo5y
@user-zd4es6jo5y 3 роки тому
Это действительно легче сделать через CSS прописав в class или id твоего таба transition: all 0.3s ease; время выбирай сам на сколько плавно
@Hello-pk5hg
@Hello-pk5hg 3 роки тому
@@user-zd4es6jo5y Видео не смотрел, как тут реализовано, но, скорее всего, так просто не будет работать. Нужно прежде прописать задержку после display: block
@user-zd4es6jo5y
@user-zd4es6jo5y 3 роки тому
@@Hello-pk5hg Как я помню он был прописан
@barsdogtv6974
@barsdogtv6974 3 роки тому
СПАСИБО !!! наконец мне стало понятно и не так страшно изучать JS!!! Буду очень рада если будет продолжение!!! Ждем с нетерпением!!!
@user-mx6cd8ns4i
@user-mx6cd8ns4i 3 роки тому
Пересмотрел много уроков по js, у вас лучшие, еще и с реальными примерами! Жду продолжения с нетерпением, не забрасывайте!!
@andrewlincoln9208
@andrewlincoln9208 3 роки тому
Да, дар объяснения Вам дан был 100%))) Спасибо за урок, ждем продолжения!
@sergeypinchukov6024
@sergeypinchukov6024 3 роки тому
Формат видео отличный! Жду ещё) И спасибо!
@user-jw1uw8rj1z
@user-jw1uw8rj1z 3 роки тому
Очень крутой урок. Спасибо. Особенно понравилась оптимизация! Обязательно продолжайте делать такие уроки.
@user-ff4dr5tv6l
@user-ff4dr5tv6l 3 роки тому
намного доступнее и понятнее чем у остальных. На всех каналах категория "пишем хелло ворлд", "переменные" и едем дальше, причем старые как экскременты мамонтов, Здесь же все четко, все по делу, все доступным языком и понимаешь что для чего ты делаешь. Спасибо огромное автору! не останавливайтесь!
@kislotka9717
@kislotka9717 3 роки тому
Очень крутой урок!
@frostbyte_wot
@frostbyte_wot 3 роки тому
Редко оставляю лайки и комментарии, но тут просто не могу не поддержать автора канала. Очень доступная и понятная подача материала. Спасибо за урок, лично я жду продолжения именно по JS. За 2 урока узнал почти столько же, сколько из книги на 600 страниц. Сколько же там воды, а здесь все по факту, кратко, информативно. Спасибо!
@mironov4056
@mironov4056 Рік тому
как успехи?
@saintdeveloper6407
@saintdeveloper6407 3 роки тому
И снова просто великолепно, все разложено по полкам и запоминается с первого раза. Жду продолжения. Дмитрий спасибо.
@dominikspb6011
@dominikspb6011 3 роки тому
Спасибо. Всё просто и понятно, как всегда.
@sergsergey4251
@sergsergey4251 3 роки тому
Спасибо, интересно, полезно, познавательно. Создание табов на javascript.
@user-ld5cr5jo8r
@user-ld5cr5jo8r 3 роки тому
Спасибо Дмитрий будем ждать продолжение) как всегда очень информативно.
@malahov_slava
@malahov_slava 3 роки тому
Очень круто смотреть такой формат , когда уже почитал MDN / посмотрел другие уроки. Классно структурирует в голове информацию.
@user-bw5vx1um4u
@user-bw5vx1um4u 3 роки тому
Удивлена, что мало лайков. Одно из самых продуманных видео, где автор не начинает тупить посреди объяснения. Красавчик) спасибо) и отдельное спасибо за стартовые и финишные файлы
@artakmirzoyan3502
@artakmirzoyan3502 3 роки тому
Спс Дмитрий очень понятно. Учусь понимая это прогресс.Буду ждать, опять спасибо.
@OleksandrPohribnyi
@OleksandrPohribnyi 3 роки тому
Класс, спасибо за отличный код, долго искал с пояснениями
@user-vd9qj3xv4x
@user-vd9qj3xv4x 3 роки тому
Спасибо! Все очень понятно и доступно. Жду еще видео по JS!
@forceward
@forceward 3 роки тому
Спасибо за понятный урок))) Буду рад видеть эту серию уроков дальше 🔝
@nats8159
@nats8159 3 роки тому
Спасибо! Ждём следующий урок!
@bigmathato8131
@bigmathato8131 3 роки тому
Молодец, Дмитрий, жду не дождусь продолжения...
@zhang185
@zhang185 3 роки тому
Очень полезное видео, спасибо за ваш труд, учусь по вашим примерам, продолжайте снимать такие видео, удачи!
@user-kp9hz5un2b
@user-kp9hz5un2b 3 роки тому
Все супер, а главное доходчиво и все понятно, продолжайте. Хочется побольше практических уроков.
@fantast2568
@fantast2568 3 роки тому
Спасибо, отличное дополнение к html и css
@user-lf4bc7vq7n
@user-lf4bc7vq7n 3 роки тому
Благодарю, отличная подача! Все предельно понятно!!!
@SheinDima
@SheinDima 3 роки тому
Спасибо, за труд, все очень понятно и доступно!
@denlay8587
@denlay8587 Рік тому
Благодарю! Очень легко и доступно!
@glass6969
@glass6969 3 роки тому
Большое спасибо за вашу работу
@sergdonskikh2140
@sergdonskikh2140 3 роки тому
Дмитрий, продолжай ! Отличные уроки !
@user-tx2gb5kd6f
@user-tx2gb5kd6f 3 роки тому
Добрый день Дмитрий. Спасибо за ролик. Хорошее объяснение, что к чему и почему. Побольше таких роликов.
@user-tl7wn1ik8k
@user-tl7wn1ik8k 3 роки тому
Дмитрий, спасибо вам за ваш труд. Вы очень хорошо объясняете, а так же у вас приятный голос и качественный звук. Прошу вас, не останавливайтесь.
@AlexBatin
@AlexBatin 2 роки тому
Отличная подача материала начал учить js по вашим урокам спасибо за ваш труд!🔥🔥🔥
@user-lk4mb3nw3d
@user-lk4mb3nw3d 3 роки тому
Кайф , очч классные видосы , уникальный контент ) Все по делу без лишний воды , жду следующий видос
@user-hr5wm1rs1h
@user-hr5wm1rs1h 2 роки тому
Дмитрий, спасибо! Жду с нетерпением курс по js. Куплю с удовольствием!
@bertiiik828
@bertiiik828 Рік тому
На мой взгляд, один из самых лучших преподавателей, все четко, доступно, без воды, оч круто, спасибо :)) жаль, что вью, например, не освещаете и в общем довольно давно не выпускаете видео(( у вас талант объяснять прям, просто супер отлично все усваивается 👏👏🤝 Если будете продолжать, думаю многие будут оч рады
@lesan6866
@lesan6866 Рік тому
Как по мне, понятнее уроков нет, огромная благодарность за твой труд! Если будут еще подобные видео, буду только рад!
@dobromagdobromag3843
@dobromagdobromag3843 2 роки тому
Спасибо большое добрый человек! Хотим еще больше и больше видео по js!
@LuckyBobstyle
@LuckyBobstyle 3 роки тому
Продолжай обязательно, ты мастер объяснений. Классно когда показывают практику(примеры) на житейских ситуациях. Хочется больше примеров работы с готовыми секциями или блоками итд. Спасибо за вашу работу!
@user-em8ns3nw7n
@user-em8ns3nw7n 3 роки тому
Классно, спасибо. Теперь буду применять в работе. До этого делал несколько вложенных циклов, и была проблема сделать активный по умолчанию таб. Теперь проблема исчезла. Спасибо еще раз.
@JackGenji
@JackGenji 3 роки тому
Спасибо за уроки!
@user-js6uh6mr8o
@user-js6uh6mr8o 3 роки тому
Очень понятно и продуманно! Спасибо за объяснения. Жду ещё уроков по JS)))
@MrZefirkin
@MrZefirkin 3 роки тому
Ждем продолжения по JS) Спасибо за уроки!
@den4ik114
@den4ik114 3 роки тому
Спасибо! Очень интересно и понятно!
@js3461
@js3461 3 роки тому
Отличное видео! Очень информативно, для новичков самое оно👍👍👍
@blueprints3311
@blueprints3311 3 роки тому
Большое спасибо вам за ваши уроки мастер. Пожалуйста сделайте больше уроков по js. Вы одарённый человек. Respect.
@christianspace9700
@christianspace9700 Рік тому
Спасибо, всё доступно и просто! Лайк однозначно!
@Nnnnnnnnnnn_02
@Nnnnnnnnnnn_02 3 роки тому
Спасибо за видео 🔥🔥🔥
@user-lm9ee1gn5p
@user-lm9ee1gn5p 2 роки тому
Продолжайте, пожалуйста, благодаря вам, я потихоньку начал двигаться с мертвой точки в это дремучем лесу js
@nth-prog8562
@nth-prog8562 3 роки тому
Суперский контент спасибо!
@fpsska2028
@fpsska2028 3 роки тому
Отличный ролик! Продолжайте!
@sipa_1
@sipa_1 Рік тому
Шикарный урок, спасибо!
@user-yf6jt5yv1h
@user-yf6jt5yv1h 2 роки тому
Снимайте дальше уроки по JS, пожалуйста! Очень хорошо объясняете!
@EgoistPlatinum
@EgoistPlatinum 3 роки тому
Автор, жги еще... очень круто
@linarvaldriew2971
@linarvaldriew2971 Рік тому
Если не единственный, то один из немногих, кто реально показывает практику и непосредственно для чего нужен js 👍🏻
@antonromanov1347
@antonromanov1347 Рік тому
Лучшее объяснение среди всех на Ютубе) Лайк, и спасибо за полезное видео
@anatoliiilescu839
@anatoliiilescu839 3 роки тому
Спасибо! Дмитрий !!!
@dmitryck8721
@dmitryck8721 2 роки тому
Хорошее объяснение, большое спасибо за видео.
@user-up7bb5pm9k
@user-up7bb5pm9k 3 роки тому
Спасибо огромное тебе, в интернете куча табов на Jquery, а тут как раз выполнял заказ и твое видео помогло!!!
@niceman5890
@niceman5890 Рік тому
Большое спасибо!
@user-dp4qj6so5f
@user-dp4qj6so5f 3 роки тому
Спасибо, продолжайте
@plasticassholes8403
@plasticassholes8403 2 роки тому
Шикарное объяснение, ждемс следующей практики)
@user-uc4gz3ud9w
@user-uc4gz3ud9w 2 роки тому
Все получилось с первого раза, автор объяснил решение доступно и наглядно)
@user-nq3kj4mk3r
@user-nq3kj4mk3r 2 роки тому
Супер полезное видео, благодарю!
@jozefkantsevich9810
@jozefkantsevich9810 3 роки тому
Дмитрий, у вас реально есть талант объяснять толково, лайк даже не глядя.
@user-ic4qh5vh1f
@user-ic4qh5vh1f 3 роки тому
Нужно больше практики)))Спасибо!
@abdumaliknosirxojayev1278
@abdumaliknosirxojayev1278 2 роки тому
Доброго времен суток! Очень практичный курс, хочется больше таких уроков по JS. Ждем от вас уроков! Спасибо за видео!!)))
@user-jn1kx5gf1m
@user-jn1kx5gf1m 2 роки тому
Мужик, ты просто супер, твои уроки самые лучшие, смотреть кайф, объясняешь офигенно, спасибо
@Ruslan_Emurlaev
@Ruslan_Emurlaev 3 роки тому
Не останавливайся! Круто!
@user-ie7md3mm6x
@user-ie7md3mm6x 2 роки тому
Очень круто, жду продолжения ))
@nurbolalmishev8641
@nurbolalmishev8641 3 роки тому
ПРОДОЛЖАЙТЕ
@user-zj1nn8zj8f
@user-zj1nn8zj8f Рік тому
Круто объяснил, четко и понятно, продолжай у тебя все отлично выходит
@user-rk4sh9ki2d
@user-rk4sh9ki2d 3 роки тому
очень понятное объяснение, крутое менторство!
@-Forever-Young-
@-Forever-Young- 3 роки тому
Отличная работа! Наконец-то понимать начал
@Krauzerko
@Krauzerko Рік тому
Это лучший урок по табам, который я видел! Автор, твори ещё, плиз) Контент просто бомба
@kirillusenko
@kirillusenko 3 роки тому
Огромное спасибо!
@erickghost8402
@erickghost8402 3 роки тому
Отличный урок, продолжайте дальше
@KindCat21
@KindCat21 3 роки тому
Отличное видео, детально описывающее полезный функционал для сайтов
@user-xy1fp7sy8m
@user-xy1fp7sy8m 3 роки тому
Офигенно объяснил) Все просто, но на начальном этапе изучения - лучшего урока нет))) Очень хорошо)))
@alexmag317
@alexmag317 6 місяців тому
Урок отличный. Всё понятно. Нужна ещё одна часть!
@user-np7wz2mu3e
@user-np7wz2mu3e 8 місяців тому
Автор , спасибо тебе огромное за контент . Прям слушаю и смотрю не отрываясь . Так всё понятное объясняешь , очень крутая подача . продолжай дальше , твоей аудитории очень нравится такой вид подачи и легкость воспринимаемого контента ( но снова же эта лёгкость только из за того что именно ты и именно так объясняешь )
@deadscorpion1200
@deadscorpion1200 3 роки тому
Спасибо! очень выручил!
@user-mc1kl6eu1l
@user-mc1kl6eu1l 2 роки тому
Спасибо за урок ,очень понятно объясняешь
@user-he9bv4og9g
@user-he9bv4og9g 3 роки тому
Большое спасибо за видео)
@user-ww3ux7rr6l
@user-ww3ux7rr6l 2 роки тому
Лучший просто. Спасибо
@lomb1056
@lomb1056 3 роки тому
Вы очень хорошо и понятно объясняете, прошу продолжение этого плейлиста пж!
@anikinae
@anikinae 3 роки тому
Спасибо за урок
@user-bi2vi6gi7y
@user-bi2vi6gi7y 3 роки тому
Ждем продолжения :)
@aqil.h6
@aqil.h6 3 роки тому
Вы очень ясно всё объясняете 👍🏻👍🏻👍🏻
@user-io2zz9fv1l
@user-io2zz9fv1l 3 роки тому
Очень интересно! Продолжайте пожалуйста)
@Andrey-is4qh
@Andrey-is4qh 3 роки тому
Круто ! Побольше бы таких видосов.
@user-jv8gj5yy4o
@user-jv8gj5yy4o 2 роки тому
Дай бог тебе здоровья,и удачи в твоих начинаниях)
@Nueva825
@Nueva825 3 роки тому
Дмитрий спасибо очень понятно. Спасибо огромное!!!
@user-rb6ce5gu1t
@user-rb6ce5gu1t Рік тому
Выпустите еще уроки по JS, я только из ваших видео понял, что к чему) 2 года назад выпущено видео, и сегодня оно мне помогло, и вдохновило меня на изучение еще больше!)
@_nurdi_8842
@_nurdi_8842 3 роки тому
Единственное человек который объяснил мне а то курсах не так объяснили спасибо (Love from Kazakhstan ❤🇰🇿
@IdBeBack
@IdBeBack Рік тому
Огромное Спасибо
@volodymyrdubinkin4823
@volodymyrdubinkin4823 2 роки тому
Жаль что в этом разделе только лишь два видео! За 7 месяцев обучения, я впервые встретил такую легкую и понятную подачу материала. Спасибо
Простые табы на HTML и CSS. Как это сделать?
13:16
Фрілансер по життю
Переглядів 89 тис.
And what’s your age? 🥰 @karina-kola
00:12
Andrey Grechka
Переглядів 5 млн
Curate Livestream May 1, 2024 - New platform & functionalities.
39:42
Curate Event Professional Software
Переглядів 91
JavaScript v.2.0. Работа с DOM, создание элементов, работа с CSS
24:23
WebDev с нуля. Канал Алекса Лущенко
Переглядів 78 тис.
Меню аккордеон на чистом JS за 10 мин.
8:46
Илья Ландар | WEB РАЗРАБОТКА
Переглядів 15 тис.