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

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2020
  • Продолжаем серию уроков по 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 ปีที่แล้ว +171

    Только не останавливайся прошу 🙏🙏🙏. Все очень понятно объясняешь

    • @pavelpavlovich4544
      @pavelpavlovich4544 3 ปีที่แล้ว

      какая тема стоит у него?

    • @peterparker3794
      @peterparker3794 3 ปีที่แล้ว

      @@pavelpavlovich4544 дефолтная vs code , вреде как

    • @dmitrogritselyak7593
      @dmitrogritselyak7593 3 ปีที่แล้ว +1

      @@pavelpavlovich4544 тема из Brackets

    • @user-pf6jf9oz2t
      @user-pf6jf9oz2t ปีที่แล้ว

      мне обычно так твоя девушка говрит

  • @user-zd4es6jo5y
    @user-zd4es6jo5y 3 ปีที่แล้ว +42

    BrainsCloud Спасибо большое!!
    Для меня JS был как дремучий лес но после первого твоего урока я реально понял как работают функции,константы,и т.д блин серьезно спасибо!!
    Делай еще таких роликов ты очень понятно объясняешь!

  • @sergeypinchukov6024
    @sergeypinchukov6024 3 ปีที่แล้ว +3

    Формат видео отличный! Жду ещё) И спасибо!

  • @forceward
    @forceward 3 ปีที่แล้ว

    Спасибо за понятный урок))) Буду рад видеть эту серию уроков дальше 🔝

  • @user-ld5cr5jo8r
    @user-ld5cr5jo8r 3 ปีที่แล้ว +1

    Спасибо Дмитрий будем ждать продолжение) как всегда очень информативно.

  • @barsdogtv6974
    @barsdogtv6974 3 ปีที่แล้ว +9

    СПАСИБО !!! наконец мне стало понятно и не так страшно изучать JS!!! Буду очень рада если будет продолжение!!! Ждем с нетерпением!!!

  • @andrewlincoln9208
    @andrewlincoln9208 3 ปีที่แล้ว +7

    Да, дар объяснения Вам дан был 100%))) Спасибо за урок, ждем продолжения!

  • @user-hr5wm1rs1h
    @user-hr5wm1rs1h 2 ปีที่แล้ว +1

    Дмитрий, спасибо! Жду с нетерпением курс по js. Куплю с удовольствием!

  • @pivrock913
    @pivrock913 3 ปีที่แล้ว +13

    Супер! Можешь больше не спрашивать записывать следующее видео или нет! Сразу записывай. Всё предельно чётко и понятно даже для меня

  • @user-jw1uw8rj1z
    @user-jw1uw8rj1z 3 ปีที่แล้ว +2

    Очень крутой урок. Спасибо.
    Особенно понравилась оптимизация!
    Обязательно продолжайте делать такие уроки.

  • @bigmathato8131
    @bigmathato8131 3 ปีที่แล้ว +1

    Молодец, Дмитрий, жду не дождусь продолжения...

  • @zhang185
    @zhang185 3 ปีที่แล้ว +1

    Очень полезное видео, спасибо за ваш труд, учусь по вашим примерам, продолжайте снимать такие видео, удачи!

  • @user-vd9qj3xv4x
    @user-vd9qj3xv4x 3 ปีที่แล้ว +1

    Спасибо! Все очень понятно и доступно. Жду еще видео по JS!

  • @daniloneil
    @daniloneil 3 ปีที่แล้ว +32

    чем мне нравится Дима, так это то, как он всё детально объясняет, крайне информативно, большая просьба - объясни пожалуйста, как сделать плавное переключение табов, с задержкой, с помощью js

    • @user-zd4es6jo5y
      @user-zd4es6jo5y 3 ปีที่แล้ว +6

      Это действительно легче сделать через CSS прописав в class или id твоего таба transition: all 0.3s ease; время выбирай сам на сколько плавно

    • @Hello-pk5hg
      @Hello-pk5hg 3 ปีที่แล้ว

      @@user-zd4es6jo5y Видео не смотрел, как тут реализовано, но, скорее всего, так просто не будет работать. Нужно прежде прописать задержку после display: block

    • @user-zd4es6jo5y
      @user-zd4es6jo5y 3 ปีที่แล้ว

      @@Hello-pk5hg Как я помню он был прописан

  • @saintdeveloper6407
    @saintdeveloper6407 3 ปีที่แล้ว +1

    И снова просто великолепно, все разложено по полкам и запоминается с первого раза. Жду продолжения. Дмитрий спасибо.

  • @artakmirzoyan3502
    @artakmirzoyan3502 3 ปีที่แล้ว +2

    Спс Дмитрий очень понятно. Учусь понимая это прогресс.Буду ждать, опять спасибо.

  • @user-kp9hz5un2b
    @user-kp9hz5un2b 3 ปีที่แล้ว +1

    Все супер, а главное доходчиво и все понятно, продолжайте. Хочется побольше практических уроков.

  • @malahov_slava
    @malahov_slava 3 ปีที่แล้ว

    Очень круто смотреть такой формат , когда уже почитал MDN / посмотрел другие уроки. Классно структурирует в голове информацию.

  • @user-oo2yr7sw1t
    @user-oo2yr7sw1t 3 ปีที่แล้ว +32

    Только решил начать учить JS, а тут уроки с любимого канала подъехали) Спасибо тебе огромное!!! Все четко и по фактам)

  • @user-mx6cd8ns4i
    @user-mx6cd8ns4i 3 ปีที่แล้ว +2

    Пересмотрел много уроков по js, у вас лучшие, еще и с реальными примерами! Жду продолжения с нетерпением, не забрасывайте!!

  • @sergdonskikh2140
    @sergdonskikh2140 3 ปีที่แล้ว +1

    Дмитрий, продолжай !
    Отличные уроки !

  • @OleksandrPohribnyi
    @OleksandrPohribnyi 3 ปีที่แล้ว +2

    Класс, спасибо за отличный код, долго искал с пояснениями

  • @user-js6uh6mr8o
    @user-js6uh6mr8o 3 ปีที่แล้ว

    Очень понятно и продуманно! Спасибо за объяснения. Жду ещё уроков по JS)))

  • @user-tx2gb5kd6f
    @user-tx2gb5kd6f 3 ปีที่แล้ว

    Добрый день Дмитрий. Спасибо за ролик. Хорошее объяснение, что к чему и почему. Побольше таких роликов.

  • @antonromanov1347
    @antonromanov1347 2 ปีที่แล้ว

    Лучшее объяснение среди всех на Ютубе)
    Лайк, и спасибо за полезное видео

  • @abdumaliknosirxojayev1278
    @abdumaliknosirxojayev1278 2 ปีที่แล้ว

    Доброго времен суток! Очень практичный курс, хочется больше таких уроков по JS. Ждем от вас уроков! Спасибо за видео!!)))

  • @user-lk4mb3nw3d
    @user-lk4mb3nw3d 3 ปีที่แล้ว

    Кайф , очч классные видосы , уникальный контент ) Все по делу без лишний воды , жду следующий видос

  • @dominikspb6011
    @dominikspb6011 3 ปีที่แล้ว +1

    Спасибо. Всё просто и понятно, как всегда.

  • @user-yf6jt5yv1h
    @user-yf6jt5yv1h 2 ปีที่แล้ว +2

    Снимайте дальше уроки по JS, пожалуйста! Очень хорошо объясняете!

  • @lesan6866
    @lesan6866 ปีที่แล้ว +1

    Как по мне, понятнее уроков нет, огромная благодарность за твой труд! Если будут еще подобные видео, буду только рад!

  • @Krauzerko
    @Krauzerko ปีที่แล้ว

    Это лучший урок по табам, который я видел! Автор, твори ещё, плиз) Контент просто бомба

  • @user-em8ns3nw7n
    @user-em8ns3nw7n 3 ปีที่แล้ว

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

  • @AlexBatin
    @AlexBatin 2 ปีที่แล้ว

    Отличная подача материала начал учить js по вашим урокам спасибо за ваш труд!🔥🔥🔥

  • @LuckyBobstyle
    @LuckyBobstyle 3 ปีที่แล้ว

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

  • @user-jv8gj5yy4o
    @user-jv8gj5yy4o 2 ปีที่แล้ว

    Дай бог тебе здоровья,и удачи в твоих начинаниях)

  • @sergsergey4251
    @sergsergey4251 3 ปีที่แล้ว +2

    Спасибо, интересно, полезно, познавательно.
    Создание табов на javascript.

  • @user-up7bb5pm9k
    @user-up7bb5pm9k 3 ปีที่แล้ว

    Спасибо огромное тебе, в интернете куча табов на Jquery, а тут как раз выполнял заказ и твое видео помогло!!!

  • @user-jn1kx5gf1m
    @user-jn1kx5gf1m 2 ปีที่แล้ว

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

  • @kislotka9717
    @kislotka9717 3 ปีที่แล้ว +8

    Очень крутой урок!

  • @js3461
    @js3461 3 ปีที่แล้ว +1

    Отличное видео! Очень информативно, для новичков самое оно👍👍👍

  • @alexmag317
    @alexmag317 7 หลายเดือนก่อน

    Урок отличный. Всё понятно. Нужна ещё одна часть!

  • @MrZefirkin
    @MrZefirkin 3 ปีที่แล้ว

    Ждем продолжения по JS) Спасибо за уроки!

  • @alexdreamer11
    @alexdreamer11 ปีที่แล้ว

    Круто объяснил, четко и понятно, продолжай у тебя все отлично выходит

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p 2 ปีที่แล้ว +1

    Продолжайте, пожалуйста, благодаря вам, я потихоньку начал двигаться с мертвой точки в это дремучем лесу js

  • @dobromagdobromag3843
    @dobromagdobromag3843 2 ปีที่แล้ว

    Спасибо большое добрый человек! Хотим еще больше и больше видео по js!

  • @user-tl7wn1ik8k
    @user-tl7wn1ik8k 3 ปีที่แล้ว

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

  • @KindCat21
    @KindCat21 3 ปีที่แล้ว

    Отличное видео, детально описывающее полезный функционал для сайтов

  • @user-lf4bc7vq7n
    @user-lf4bc7vq7n 3 ปีที่แล้ว

    Благодарю, отличная подача! Все предельно понятно!!!

  • @ASERIA777
    @ASERIA777 3 ปีที่แล้ว +1

    Жду Уроков по JS . Спасибо . Почти прошел все ваши видео по HTML CSS . Просто лучший из всех это Дмитрий!!!

  • @plasticassholes8403
    @plasticassholes8403 3 ปีที่แล้ว

    Шикарное объяснение, ждемс следующей практики)

  • @StarkElessar
    @StarkElessar 2 ปีที่แล้ว

    Не останавливайся добрый человек!!! Продолжай!!! Подсадил на тебя уже всех друзей своих!!!

  • @nats8159
    @nats8159 3 ปีที่แล้ว

    Спасибо! Ждём следующий урок!

  • @user-uc4gz3ud9w
    @user-uc4gz3ud9w 2 ปีที่แล้ว

    Все получилось с первого раза, автор объяснил решение доступно и наглядно)

  • @blueprints3311
    @blueprints3311 3 ปีที่แล้ว

    Большое спасибо вам за ваши уроки мастер. Пожалуйста сделайте больше уроков по js. Вы одарённый человек. Respect.

  • @jozefkantsevich9810
    @jozefkantsevich9810 3 ปีที่แล้ว

    Дмитрий, у вас реально есть талант объяснять толково, лайк даже не глядя.

  • @artemkerez2152
    @artemkerez2152 3 ปีที่แล้ว

    Приємно за вами спостерігати, дякую за вашу роботу)

  • @user-np7wz2mu3e
    @user-np7wz2mu3e 10 หลายเดือนก่อน

    Автор , спасибо тебе огромное за контент . Прям слушаю и смотрю не отрываясь . Так всё понятное объясняешь , очень крутая подача . продолжай дальше , твоей аудитории очень нравится такой вид подачи и легкость воспринимаемого контента ( но снова же эта лёгкость только из за того что именно ты и именно так объясняешь )

  • @erickghost8402
    @erickghost8402 3 ปีที่แล้ว +1

    Отличный урок, продолжайте дальше

  • @Ruslan_Emurlaev
    @Ruslan_Emurlaev 3 ปีที่แล้ว

    Не останавливайся! Круто!

  • @user-xy1fp7sy8m
    @user-xy1fp7sy8m 3 ปีที่แล้ว +2

    Офигенно объяснил) Все просто, но на начальном этапе изучения - лучшего урока нет))) Очень хорошо)))

  • @user-bw5vx1um4u
    @user-bw5vx1um4u 3 ปีที่แล้ว +3

    Удивлена, что мало лайков. Одно из самых продуманных видео, где автор не начинает тупить посреди объяснения. Красавчик) спасибо) и отдельное спасибо за стартовые и финишные файлы

  • @user-ff4dr5tv6l
    @user-ff4dr5tv6l 3 ปีที่แล้ว +3

    намного доступнее и понятнее чем у остальных. На всех каналах категория "пишем хелло ворлд", "переменные" и едем дальше, причем старые как экскременты мамонтов, Здесь же все четко, все по делу, все доступным языком и понимаешь что для чего ты делаешь. Спасибо огромное автору! не останавливайтесь!

  • @SheinDima
    @SheinDima 3 ปีที่แล้ว

    Спасибо, за труд, все очень понятно и доступно!

  • @beda9679
    @beda9679 ปีที่แล้ว

    хочу выразить огромную благодарность автору. это видео просто открыло мне глаза. однозначно лайк/подписка. спасибо большое!

  • @autovincher2049
    @autovincher2049 3 ปีที่แล้ว

    Пожалуйста, больше видео, БОЛЬШЕ)

  • @Yakyzzza93
    @Yakyzzza93 3 ปีที่แล้ว

    Видео очень понятны)
    Так что желаю Дмитрию больше вдохновения и сил на такие дела!=)

  • @sipa_1
    @sipa_1 ปีที่แล้ว

    Шикарный урок, спасибо!

  • @user-ic4qh5vh1f
    @user-ic4qh5vh1f 3 ปีที่แล้ว

    Нужно больше практики)))Спасибо!

  • @fantast2568
    @fantast2568 3 ปีที่แล้ว +2

    Спасибо, отличное дополнение к html и css

  • @christianspace9700
    @christianspace9700 2 ปีที่แล้ว

    Спасибо, всё доступно и просто! Лайк однозначно!

  • @lomb1056
    @lomb1056 3 ปีที่แล้ว +1

    Вы очень хорошо и понятно объясняете, прошу продолжение этого плейлиста пж!

  • @denlay8587
    @denlay8587 ปีที่แล้ว

    Благодарю! Очень легко и доступно!

  • @Andrew-qj4on
    @Andrew-qj4on 2 ปีที่แล้ว

    Многим понравилось видео. Качественная верстка, и чистый, хороший код
    Хотелось бы продолжения. Многие просили, ну я прошу тоже
    Прошу не останавливайся🙏🙏🙏

  • @bertiiik828
    @bertiiik828 ปีที่แล้ว +1

    На мой взгляд, один из самых лучших преподавателей, все четко, доступно, без воды, оч круто, спасибо :)) жаль, что вью, например, не освещаете и в общем довольно давно не выпускаете видео(( у вас талант объяснять прям, просто супер отлично все усваивается 👏👏🤝 Если будете продолжать, думаю многие будут оч рады

  • @_nurdi_8842
    @_nurdi_8842 3 ปีที่แล้ว

    Единственное человек который объяснил мне а то курсах не так объяснили спасибо (Love from Kazakhstan ❤🇰🇿

  • @EgoistPlatinum
    @EgoistPlatinum 3 ปีที่แล้ว +2

    Автор, жги еще... очень круто

  • @TheMatros063
    @TheMatros063 3 ปีที่แล้ว +2

    Привет, друг! Спасибо за урок! У тебя хорошо получается преподавать. На тебя подписан. По твоему уроку (адаптивной верстки) подтянул скорость верстки. А вот JS тяжко у меня. Лайк ставим сразу. Мало такого контента на ютубе. Продолжай в том же духе. Учимся с тобой

  • @user-rb6ce5gu1t
    @user-rb6ce5gu1t ปีที่แล้ว

    Выпустите еще уроки по JS, я только из ваших видео понял, что к чему)
    2 года назад выпущено видео, и сегодня оно мне помогло, и вдохновило меня на изучение еще больше!)

  • @Kate_kit149
    @Kate_kit149 3 ปีที่แล้ว

    Супер!!! JS требует продолжение.

  • @fpsska2028
    @fpsska2028 3 ปีที่แล้ว

    Отличный ролик! Продолжайте!

  • @volodymyrdubinkin4823
    @volodymyrdubinkin4823 2 ปีที่แล้ว +1

    Жаль что в этом разделе только лишь два видео! За 7 месяцев обучения, я впервые встретил такую легкую и понятную подачу материала. Спасибо

  • @user-ie7md3mm6x
    @user-ie7md3mm6x 3 ปีที่แล้ว

    Очень круто, жду продолжения ))

  • @-Forever-Young-
    @-Forever-Young- 3 ปีที่แล้ว

    Отличная работа! Наконец-то понимать начал

  • @ant3413
    @ant3413 2 ปีที่แล้ว

    Это очень круто!)как раз начал учить JS)) Главное практика)))

  • @user-wn7zl4gq6h
    @user-wn7zl4gq6h ปีที่แล้ว

    Спасибо вам большое! Помогли! Отлично объясняете! Учусь в скиллбокс, и скажу, что ваш подход проще и понятнее!)))

  • @user-io2zz9fv1l
    @user-io2zz9fv1l 3 ปีที่แล้ว

    Очень интересно! Продолжайте пожалуйста)

  • @linarvaldriew2971
    @linarvaldriew2971 ปีที่แล้ว

    Если не единственный, то один из немногих, кто реально показывает практику и непосредственно для чего нужен js
    👍🏻

  • @nth-prog8562
    @nth-prog8562 3 ปีที่แล้ว +1

    Суперский контент спасибо!

  • @pavelpopov1878
    @pavelpopov1878 3 ปีที่แล้ว +1

    Дмитрий ставлю Like, хотелось бы больше практики. Спасибо.

  • @daryaneznanova9964
    @daryaneznanova9964 ปีที่แล้ว

    кайф. табы уже не раз делала, но здесь есть, что подчерпнуть)

  • @dmitryck8721
    @dmitryck8721 2 ปีที่แล้ว

    Хорошее объяснение, большое спасибо за видео.

  • @imbaudso757
    @imbaudso757 3 ปีที่แล้ว

    Отличная инфа) оч полезная и показываете очень правильно и доступно, сразу видно опыт) Хотелось бы больше уроков например с фичами как паралакс эффект, счетчики и т.п.) кажется такое было бы очень интересно)

  • @user-hc8to3xe7q
    @user-hc8to3xe7q 3 ปีที่แล้ว

    Отлично! С удовольствием глянул бы разбор еще чего-нибудь на JS)

  • @Andrey-is4qh
    @Andrey-is4qh 3 ปีที่แล้ว

    Круто ! Побольше бы таких видосов.

  • @inomjonismanaliev5295
    @inomjonismanaliev5295 ปีที่แล้ว

    Дмитрий Валак желаю вам удачи будьте всегда здоровы

  • @user-nq3kj4mk3r
    @user-nq3kj4mk3r 2 ปีที่แล้ว

    Супер полезное видео, благодарю!

  • @den4ik114
    @den4ik114 3 ปีที่แล้ว

    Спасибо! Очень интересно и понятно!

  • @nurbolalmishev8641
    @nurbolalmishev8641 3 ปีที่แล้ว

    ПРОДОЛЖАЙТЕ

  • @JackGenji
    @JackGenji 3 ปีที่แล้ว

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

  • @Messlionel
    @Messlionel 2 ปีที่แล้ว

    Спасибо большое за контент! только больше желания смотреть твои ролики! в частности по JS