Javascript с нуля - твой быстрый старт! Уроки по javascript для начинающих

Поділитися
Вставка
  • Опубліковано 14 чер 2024
  • В этом видео ты изучишь основы работы с javascript. Простое и понятное объяснение по работе с js с нуля с примерами и практикой!
    Ссылки
    ------------------------------------------
    Хороший и надежный хостинг: bit.ly/31GicoZ
    Промокоды:
    brainscloudstart - ускоритель сайта на месяц (при оплате месяца)
    brainscloudyear - месяц хостинга в подарок (при оплате года)
    brainscloudyear2x - 3 месяца хостинга в подарок (при оплате 2х лет)
    Подробно по активации: bit.ly/3miCtsx
    Как воспользоваться промокодом?
    После регистрации аккаунта и до оплаты услуги необходимо активировать полученный от вебмастера промокод в разделе "Бонусы и промокоды".
    Оплатить услугу хостинга на требуемый период.
    ---
    Документация по JS: developer.mozilla.org/ru/docs...
    Материалы урока: files.brainscloud.ru/file/jav...
    ------------------------------------------
    Главы видео:
    00:00 - 00:01:07 - Введение
    00:01:07 - Создаем и подключаем js файл
    00:04:32 - Переменные
    00:11:08 - Наименование переменных
    00:13:02 - Типы данных
    00:17:31 - Выборка DOM элементов (селекторы)
    00:24:10 - Функции
    00:32:49 - События и их обработка
    00:39:52 - Обработка события клика
    00:45:37 - Пишем функцию
    00:49:40 - Оформление кода
    О проекте
    ------------------------------------------
    Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
    На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
    Соц. сети
    ------------------------------------------
    Мой ВК - odimaz
    Группа BC - brainscloud
    Мой Instagram: / dmitryvalak
    #javascript #js

КОМЕНТАРІ • 650

  • @BrainsCloud
    @BrainsCloud  3 роки тому +951

    Привет! А вот и видос по javascript. Продолжать?)

  • @AlenaEtudente
    @AlenaEtudente 3 роки тому +224

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

    • @silmarill6936
      @silmarill6936 2 роки тому +1

      Полностью согласен))

    • @mikisonlok2933
      @mikisonlok2933 2 роки тому +4

      Да согласен. Показывают переменные массивы типы данных. А нахер это всё надо хз.

    • @piterb5745
      @piterb5745 2 роки тому +7

      Я просмотрел десятки роликов с js и уже психовал и ругался -почему не покажут как применить это в HTML. А это проще простого, перед тобой открывается новый мир вожмозностей уже в первых минутах

  • @Mykhailo_Vdovychenko
    @Mykhailo_Vdovychenko 3 роки тому +171

    JS в исполнении Дмитрия Валака - это супер! Давно ждал

  • @grom11414
    @grom11414 3 роки тому +126

    Афигеть, я думал уроки по html и CSS у тебя только классные, но этот урок по JS просто сногшибательный😎😎👍👍

  • @mental1758
    @mental1758 3 роки тому +38

    Сложно представить более толковое объяснение JS. Ребята, выгружайте фуры с лайками и просмотрами. Такой контент должен оставить свой след в истории ютуб

  • @atmproduction5839
    @atmproduction5839 3 роки тому +31

    Валак ни в коем случае не останавливайся, твои уроки мотивируют нас писать код, набирай темп, браво 👍👍👍

  • @user-te8hn5tz9r
    @user-te8hn5tz9r 3 роки тому +43

    Давно искал именно такую подачу (теория + реальный пример), очень наглядно. Спасибо, ждем продолжения.

  • @michailpty6302
    @michailpty6302 3 роки тому +9

    Как же доступно и понятно вы объясняете, это тоже надо уметь.

  • @vladimirpuzey713
    @vladimirpuzey713 3 роки тому +66

    Годнота! Невероятно круто, когда ты проводишь реальные примеры использования в вёрстке 👍👍👍

  • @apsolution4722
    @apsolution4722 3 роки тому +18

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

  • @nats8159
    @nats8159 3 роки тому +11

    Благодарю тебя, добрый человек, за то, что выкладываешь материалы уроков! )

  • @baton4iki
    @baton4iki 3 роки тому +37

    прошло 20 минут, у меня уже голова кипит:D

  • @memasizm
    @memasizm 3 роки тому +56

    Вот бы еще видос про верстку простого лендоса, где функционал на чистом JS )

  • @rolan232
    @rolan232 3 роки тому +25

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

  • @sashkasaratov4980
    @sashkasaratov4980 3 роки тому +18

    Отличные уроки у тебя! Из всех видеоуроков у тебя самые понятные! Хотелось бы побольше уроков про JavaScript!!!

  • @kusov-max
    @kusov-max 3 роки тому +42

    как раз сижу учу js и тут на тебе видео от Дмитрия Валка)

  • @dazi7944
    @dazi7944 3 роки тому +4

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

  • @user-wh2lh3ff5s
    @user-wh2lh3ff5s 3 роки тому +10

    урааа )) наконец-то )) куплю курс по js за любые деньги !

  • @feelingblue6036
    @feelingblue6036 3 роки тому +18

    Ура, наконец JS начинаем учиться заново и можно будет поискать работу :)

  • @andrewlincoln9208
    @andrewlincoln9208 3 роки тому +3

    Очень круто! Продолжайте обязательно! Лучше вас объяснений не видел на рутубе!

  • @yaroslavbulavin3613
    @yaroslavbulavin3613 3 роки тому +4

    то, чего все ждали))) Спасибо, Дим👍

  • @applebaum6894
    @applebaum6894 3 роки тому +1

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

  • @user-gs7vi2nw7f
    @user-gs7vi2nw7f 3 роки тому +1

    Как же я ждала этого курса!!!! Спасибо тебе огромное!!!

  • @sergey3117
    @sergey3117 3 роки тому +1

    Приятно смотреть и прокачивать знания с автором канала. Все по делу, с лайфхаками и фишками, все прозрачно и хорошо поставленный голос. Спасибо. Не останавливайтесь. Ждем и про JS фрейморвки.

  • @Asver_
    @Asver_ 3 роки тому +3

    Дмитрий, привет! Спасибо за урок. Всё понятно объяснил, жду следующих уроков.

  • @yaroslavbozhak9107
    @yaroslavbozhak9107 3 роки тому +5

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

  • @rgpro6775
    @rgpro6775 Рік тому +2

    Лучший учитель за всю историю по JS!!! Спасибо огромное за такие понятные и качественные уроки!!!

  • @niggative3331
    @niggative3331 Рік тому

    Спасибо за видео. С нетерпением ждём продолжения!

  • @yaroslavurusov4424
    @yaroslavurusov4424 Рік тому

    Очень долго искал нормальный курс по JavaScript.Спасибо вам!

  • @user-uh8hz9xi2h
    @user-uh8hz9xi2h 3 роки тому +2

    Классно объясняешь.Круто,что на реальных примерах. Ждёмс продолжения...

  • @yuralevander7316
    @yuralevander7316 3 роки тому +5

    Дождались) Спасибо!

  • @danielgarmash3580
    @danielgarmash3580 3 роки тому

    Спасибо, Дмитрий. Всё очень понятно. Продолжайте пожалуйста. Ваши уроки очень ценны!🤝

  • @dimonrock1791
    @dimonrock1791 2 роки тому

    Всё чётко, понятно и без лишних слов. Спасибо за проделанную работу.👍

  • @satanist70
    @satanist70 3 роки тому +3

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

  • @user-qh1dg3ti4h
    @user-qh1dg3ti4h 2 роки тому

    Просто супер, наконец то понятно про функции. Спасибо.

  • @maximbagrayntsev5154
    @maximbagrayntsev5154 3 роки тому +8

    На самом деле очень наглядно получается, когда одна теория, для меня конкретно очень тяжело учить, да и скучно. Тут же ты сразу понимаешь что и для чего делается. Спасибо тебе.

    • @user-cv4uh8co6p
      @user-cv4uh8co6p 2 роки тому +1

      Поддерживаю. На самом деле, все курсы и должны строиться по такому принципу, или, как минимум, разделяться: урок - теория, урок - практика по теории, а как максимум: урок - теория, урок - практика, урок - домашнее задание по пройденным урокам с показанием его выполнения. А если учесть, что даже практика забывается со временем, если переключаешься на изучение других технологий, то учиться по голой теории - уж тем более убийство времени в пустую. Изучал Ruby и Rails, в какой-то момент решил подтянуть знания по HTML+CSS, прошел всю книгу за 3 дня, все было понятно и легко, да и чего там может быть сложного, затем вернулся к Rails, и через месяца 3, когда понадобился HTML/CSS я понял, что я тупо ничего не помню, даже как классы пишутся со стилями, не смотря на то что все было легко и понятно и я делал все примеры из книги ручками. Пока свой проект на запилишь, используя полученные знания, не попотеешь над решением возникающих проблем на каждом шагу, все это будет постоянно забываться.

  • @user-zh5rf9ue5q
    @user-zh5rf9ue5q 3 роки тому +1

    Какой пацан толковый! Хорошо объясняет, доходчиво!

  • @user-xp7et2oj8b
    @user-xp7et2oj8b 2 роки тому

    Чудесно,понятно, просто и доходчиво. Слушая вам, просто хочется учиться дальше! Спасибо большое!

  • @evgenykonstantinov8414
    @evgenykonstantinov8414 3 роки тому +4

    Самое понятное объяснение языка, JavaScript! Продолжай)

  • @Jeefrect
    @Jeefrect 3 роки тому +2

    Ты отличный учитель. Очень понятно и доходчиво объясняешь. Куда лучше все "топовых" каналов о разработке. Респект!

  • @jedimindtricks4462
    @jedimindtricks4462 3 роки тому +4

    Спасибо большое, видео супер, приятно смотреть и слушать, все внятно и понятно.

  • @swaytornado8327
    @swaytornado8327 3 роки тому +1

    Да, продолжай! Ты молодец. Очень хорошо преподносиш материал, лешко заходит и доступно каждому. Спасибо тебе большое за твой труд. Один из лучших каналов по верстке на страницах ютуб.

  • @didDnipro
    @didDnipro 3 роки тому +2

    Спасибо, за крутое введение в JS. Никакой воды, сразу на примерах и реальных задачах. Так намного понятнее, чем зубрежь теории, со скудными примерами. Очень крутой формат, с первых минут появляется понятие для чего и как, что делается! 👍👍👍👏👏👏

  • @pivrock913
    @pivrock913 3 роки тому

    Однозначно продолжать! Всё очень понятно! Жду следующего видео!

  • @murrmax1466
    @murrmax1466 3 роки тому +1

    Спасибо большое! Все очень понравилось, жду еще новых видосов и полноценный ПЛАТНЫЙ курс по JS! :)

  • @evgeniynikko7967
    @evgeniynikko7967 3 роки тому +1

    Нравится подход и объяснение🤘🏻 будем ждать новых туториалов от Дмитрия)

  • @HarlequinJZ
    @HarlequinJZ Рік тому +1

    Спасибо за видео. И особенно за исходники))

  • @progerlife6690
    @progerlife6690 3 роки тому +4

    Ну наконец-то. Спасибо дождались JS) лайк)

  • @vault_dude
    @vault_dude 3 роки тому

    Отдельное спасибо за подготовленные материалы к этому ролику!

  • @mkmaria2816
    @mkmaria2816 3 роки тому +2

    Огромное человеческое спасибо Вам!

  • @samueljohnson2812
    @samueljohnson2812 2 роки тому

    Дмитрий, у Вас божий дар к объяснению, не меньше. Спасибо за проделанную работу!

  • @forceward
    @forceward 3 роки тому

    Спасибо за видео)) Всё чётко и понятно. Буду ждать следующих уроков

  • @camillatarzieva2479
    @camillatarzieva2479 3 роки тому +1

    Перебрала несколько курсов по JS на ютубе, Ваш однозначно лучший! Как и в принципе весь материал и подача. Спасибо!

  • @milos1053
    @milos1053 3 роки тому

    Я требую продолжения! Дмитрий это просто, доступно и понятно!

  • @user-cn3cb7sb3o
    @user-cn3cb7sb3o 3 роки тому

    Спасибо. Обязательно продолжать.

  • @miliba9485
    @miliba9485 3 роки тому +3

    У Димы талант в преподавании. У него самые обалденные уроки и курсы. Обычно меня жаба душит кому-то за курсы платить, но когда увидела Димины видосы тут, сразу поняла что с радостью приобрету его курсы. А голоооос-это отдельная тема))))))

  • @IPankov
    @IPankov 2 роки тому +1

    очень хороший урок, Спасибо. Давай еще!)

  • @Alex-nu5pw
    @Alex-nu5pw 3 роки тому +1

    Браво! Очень просто и понятно! Все супер! Молодец!!!!!!!

  • @user-tl7wn1ik8k
    @user-tl7wn1ik8k 3 роки тому

    Спасибо большое! Это самый быстрый старт, который только можно придумать.

  • @user-wl3dl4ew5f
    @user-wl3dl4ew5f 3 роки тому +1

    Всё супер! Конечно продолжай! В дальнейшем хотелось бы увидеть побольше практики в том плане, что какие ещё фишки в верстке можно сделать с помощью JS. Спасибо!

  • @tednevajno736
    @tednevajno736 Рік тому

    Очень понятно объясняете. Сделайте полный курс по js!

  • @bekhzod908
    @bekhzod908 3 роки тому +2

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

  • @olgaorlova2131
    @olgaorlova2131 3 роки тому

    Очень понятно объясняете! Продолжайте,пожалуйста. Ждем новые уроки)

  • @volodymyrdubinkin4823
    @volodymyrdubinkin4823 2 роки тому

    Класс! Хорошо что я встретил это видео!

  • @psevdo_nim
    @psevdo_nim 3 роки тому +14

    Ееееее , я ждал этого больше чем своё день рождения

  • @irinalalique
    @irinalalique 3 роки тому +1

    Самое понятное объяснение на youtube!!! Гениально!!!Спасибо!!!

  • @azimoff5388
    @azimoff5388 3 роки тому +3

    круто, спасибо за работу, пересмотрел очень много видосиков, но это лучший 👍👍👍👍

  • @user-uy9sj2ij3t
    @user-uy9sj2ij3t 3 роки тому

    Спасибо огромное! Очень понятное и четкое объяснение! Многие вещи, теперь, стали прозрачны! Здорово!!!

  • @deniskyoto4515
    @deniskyoto4515 3 роки тому

    Дмитрий, спасибо, так понятно js ещё никто не объяснял!

  • @lavladislav0793
    @lavladislav0793 3 роки тому

    Спасибо за ваш труд. Взял для себя пару новых фишек.
    Продолжайте с тем же настроем!

  • @marynakosiv3750
    @marynakosiv3750 3 роки тому +2

    Ничего себе! От вас js учить это круто!:)

  • @user-cn6ge3rj3g
    @user-cn6ge3rj3g Рік тому

    Спасибо , самый понятный видос которой приходились встречать по js )

  • @user-zo6fk3os7h
    @user-zo6fk3os7h 3 роки тому +7

    О даааа! Какой же долгожданный курс! Честно, даже не верилось, что он когда-то появится... Огромное спасибо!

  • @user-ir9du6ct3m
    @user-ir9du6ct3m 3 роки тому +3

    О, Дима запилил про жс! Конечно продолжай!

  • @querro5836
    @querro5836 3 роки тому

    Отлично! Ждем продолжения 😊

  • @user-ji4vy1qr8q
    @user-ji4vy1qr8q 2 роки тому

    очень интерессно смотреть даже новичку, буду пробовать, спасибо огромное

  • @danilkhrom9323
    @danilkhrom9323 Рік тому +1

    Гигантское спасибо за настолько понятный видеоурок!

  • @user-xd4mv4mk4c
    @user-xd4mv4mk4c 3 роки тому +1

    спасибо за повтор основ! ждесмс продолжения!) надеюсь, что ты будешь первым человеком, который в своих следующих курсах на практике сможет показать для чего нужен react, так как в теории говорится что фреймворки служат для облегчения работы, но у меня складывается обратное впечатление)) чтобы было рассказано как на проекте строится работа, что и как верстается, с учетом того, что это делается под реакт (др. js фреймворк) и как потом с его помощью оживляется

  • @olyaost7314
    @olyaost7314 3 роки тому

    Супер-урок! Понятно даже блондинке :D Благодарю!

  • @valery9702
    @valery9702 2 роки тому

    Спасибо огромное! Самая понятная подача материала

  • @lesan6866
    @lesan6866 2 роки тому

    Очень круто сделано, благодарю Вас! Все очень понятно, доходчиво и примеры отличные, Супер!

  • @Dantesso
    @Dantesso Рік тому

    Лайк и подписка не глядя, даже не задумываясь. Такого понятного и четкого объяснения еще не видал, от души.

  • @Akame320
    @Akame320 3 роки тому +2

    Блиииин, оу да! Это то, что хотелось от тебя узнать 👍👍👍

  • @nenuasho905
    @nenuasho905 3 роки тому +8

    И кстати спасибо за уроки по HTML/CSS-верстке😉 Научился верстать благодаря вам, а тут ещё и JS подоспел 👍

  • @elmanyusifoglu5967
    @elmanyusifoglu5967 3 роки тому +3

    Привет.
    На этот раз, как и в предыдущем видео, я получил очень полезную информацию. Пожалуйста, продолжайте. Жду новых видео.

  • @_x_play2356
    @_x_play2356 3 роки тому

    Отличный урок. Затронуты главные вещи, без пугающих новичков терминов.

  • @olegdp
    @olegdp 9 місяців тому

    Большое спасибо. Формат шикарный. Как раз то что нужно и как нужно для понимания.

  • @SolidG-ne4jt
    @SolidG-ne4jt 3 роки тому

    Жду продолжения уроков ;)
    Классно объясняешь :3
    Очень приятный голос))))))

  • @saintdeveloper6407
    @saintdeveloper6407 3 роки тому

    очень круто и доходчиво. Спасибо. Жду продолжения

  • @PiterProduction
    @PiterProduction Рік тому

    Огромное спасибо!
    Как всегда очень информативно и понятно!)

  • @romanvaskan9565
    @romanvaskan9565 3 роки тому

    Спасибо!!! Жду продолжения с нетерпением

  • @myroadmalankajosef9192
    @myroadmalankajosef9192 2 роки тому

    Дима, ты молодчага!
    Хорошо, что я тебя нашёл!

  • @AlexBatin
    @AlexBatin 2 роки тому

    Хорошо что сразу с версткой показываете как js работает👍

  • @user-pk7lp6hx3q
    @user-pk7lp6hx3q 2 роки тому

    Видео зашло, подробное объяснение порадовало)))) Автору респект!!!!!!!!

  • @ladalebedeva747
    @ladalebedeva747 3 роки тому

    Спасибо за ваши уроки) Продолжайте пожалуйста!

  • @user-ze4sc7xj2f
    @user-ze4sc7xj2f 3 роки тому +1

    Самое доступное объяснение js во всем ютюбе для такого тупого , как я . Пересмотрел куча материала до этого , но время было потрачено Зря . Спасибо, Вам , огромное !!!!

  • @point_gaming9617
    @point_gaming9617 3 роки тому +1

    Голос очень приятный, успокаивает. Рекомендую прослушивать ролики данного канала в качестве психотерапии. Помогает лучше чем аквариумные рыбки)

  • @user-gv4il6un2u
    @user-gv4il6un2u Рік тому

    Первое понятное видео на эту тему, которое мне попалось🙏

  • @slava_po
    @slava_po 3 роки тому +1

    Дмитрий теперь только не останавливайся!)!)!)