09. js с нуля, ваще с нуля (изменяем HTML с помощью JS)

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 พ.ย. 2024

ความคิดเห็น • 114

  • @ITKAMASUTRA
    @ITKAMASUTRA  5 ปีที่แล้ว +39

    Потерянный урок!!! Спустя много лет...
    th-cam.com/video/ipamcdRFcYw/w-d-xo.html

    • @Polite_person_
      @Polite_person_ 5 ปีที่แล้ว

      Спасибо.

    • @te4enietime854
      @te4enietime854 4 ปีที่แล้ว

      Thanks

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

      Димааа, хочу пойти к тебе в инкубатор , поэтому и юзаю твои уроки , ПОДСКАЖИ ЧТО Я ДОЛЖЕН ЗНАТЬ ПЕРЕД ИНКУБАТОРОМ ? что бы я не выглядел как обезьяна за компом)

    • @Sandalfon.
      @Sandalfon. 3 หลายเดือนก่อน

      @@alehpeshka2166 Как успехи? стал программером?)

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

    Вот так нужно объяснять!!!!!!!! не перестаю восхищаться! Настоящий Учитель!

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

    бро, от души, ты реально очень круто рассказываешь, у тебя талант. другие уроки смотрел и постоянно засыпал.. у тебя же подача живая, как-будто мы с тобой по скайпу учимся. так держать, надеюсь не бросишь это ремесло - учить таких чайников как я. мне 33.

  • @Дмитрий-г7я7п
    @Дмитрий-г7я7п 2 ปีที่แล้ว +4

    2022 Супер уроки JS! Для новичков - топ на русскоязычном сегменте! Плюс бонусом - много мотивации и здравого смысла!

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

      как успехи бро, не завязал? Продолжаешь бомбить?

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

      ​@@IvanBrainкак успехи?

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

      @@stragess4054 я забросил, нашёл другую нишу для работы. Это стрёмные курсы. Иди лучше сюда th-cam.com/play/PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K.html

  • @ВадимРужах
    @ВадимРужах 4 ปีที่แล้ว +9

    Круть!
    С каждым уроком интереснее.
    Радует что следующий затрагивает и продлевает предыдущий урок.

  • @pravitel88
    @pravitel88 8 หลายเดือนก่อน

    Похоже 9-й урок за день не осилю. Пойду спать, завтра продолжу сначала его) спасибо огромное!

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

    Эти вещи что объясняются раньше сам изучил методом тыка, по документации и оверфло. Но сейчас систематизируется больше в постоянной памяти мозга. Чувствую дефрагменацию )
    Д/З первая часть в этом задании более полная на Social Networks, чем на Patreon. 2-я часть одинаковая и там и там.
    upd: Прошёл обе части Д/З, понравилось)

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

    спасибо за уроки.лучшая подача материала! , заинтересовали!

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

    Дмитрий, спасибо большое!
    Когда ты меняешь значение (value), то оно меняется только в измененном файле, при этом исходный остается неизменым)))
    А когда что - то меняешь в самом классе (это же ссылочный тип), то изменения происходят и в измененном файле и в исходном)))

  • @AndreiS-cu2wb
    @AndreiS-cu2wb 5 ปีที่แล้ว +2

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

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

    Andrey Kamasutra звучит как годный никнейм для старта не как Web developer, а как Webcam 😂

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

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

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

    Спасибо, очень доходчиво объясняешь!

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

    Спасибо огромное за твой труд!

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

    Здравствуйте, столкнулся с тем что у меня ничего не меняется, когда прописываю код в , на странице происходят изменения только если изменил в HTML, вроде всё как у вас записанно

  • @АлексГ-п3ж
    @АлексГ-п3ж 4 ปีที่แล้ว

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

  • @RUS4HELP
    @RUS4HELP 4 ปีที่แล้ว +4

    С таким подробным объяснением название канала оправдывается)

  • @zhua6905
    @zhua6905 4 ปีที่แล้ว

    Отличный Урок Спасибо!

  • @aleksandraSwedenVlog
    @aleksandraSwedenVlog 5 ปีที่แล้ว

    spasibo bolshoe, ocen pomogaet dlya domohozajek otlichno!

  • @oleglomakov8786
    @oleglomakov8786 6 ปีที่แล้ว +5

    Хочется чтоб музыкальная подложка была по отдельной ссылке, а то при скорости 1.5 тело начинает резонировать с музыкой и нервно трястись )) Было бы круто, если б была возможность слушать лектора с удобной скоростью, а музыку с нормальной)

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

      Супер подсказка, спасибо. Скорее всего не буду юзать подложку в следующих видео!

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

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

  • @A1_TR_812
    @A1_TR_812 9 หลายเดือนก่อน

    Мастер йода среди прочих )

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

    Сначала ставил изменение value после алертов из прошлых уроков ничего не работало. Оказалось , что нужно почему то их ставить перед алертами , пока не понимаю как работает приоритетность и почему не выполняется код дальше ...

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

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

  • @ichelsea
    @ichelsea 4 ปีที่แล้ว

    Спасибо за видео))

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

    Здравствуйте!
    Хотел оформить подписку по ссылке. Технич ошибка, не получается. Подскажите, больше нельзя это сделать?

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

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

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

    Почему вы делаете всё с переменными? Разве нельзя ли сразу document.getElementById('first-name').setAttribute('class', 'error-input');

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 ปีที่แล้ว +5

      Можно и так делать! В учебных целях дроблю всё на части!

  • @Sandalfon.
    @Sandalfon. 3 หลายเดือนก่อน +1

    Долго не понимал почему у меня границы не подсведчиваються оказывается что в css файле не работал атрибут стайл для бордов но попробовал записать style в html и резко все заработало Пытаюсь не совершать грехи по большой ответсвенности на один язык. Читал статьи но там говорилось использовать другие атрибуты которых не было в уроке но я не стал применять так как быстро забуду. В css я писал так:
    .default-input {
    border: green 5px solid;
    }
    .erorr-input {
    border: red 5px solid;
    }
    А в HTML я писал
    firstNameEl.className = 'first-name-input default-input';
    lastNameEl.className = 'erorr-input';
    Но остановился на

    .default-input {
    border: green 5px solid;
    }
    .erorr-input {
    border: red 5px solid;
    }
    Резюмируя это видео тут говориться о том, что можно одно и то же действие можно совершать на разных языках. Как по мне проще писать в html нежели в js. Столько действий надо это капец! в html ты просто написал title и все, а в js несколько переменных, потом их надо объеденить.... ну это запарно, но в этом есть смысл! я думаю, если ты потерял строчку кода html в огромном коде то можно просто дописать и изменить тот самый title джава скриптом. Не знаю, может я не так правильно рассуждаю и этот метод никем не применяеться, но я сужу тем, что я на данный момент знаю изучая на этом канале программирование

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

    Ждём обещанные домашки- конспекты!

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

      Домашки и пр появляются только после того как становишься патроном.

  • @ЕленаСоболева-и2э
    @ЕленаСоболева-и2э 2 ปีที่แล้ว

    Почему когда я записала window.alert (citlesEl.value); в консоле у меня выдает ошибку: Cannot read properties of null (reading 'value'). В чем проблема? Хотя в программеVS Code ошибку не выдает.

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

      VS Code не выдаст ошибку. Попробуйте посмотреть в консоли браузера.

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

    Почему value не помялась на 8:40? Поэкспериментировав, добился изменения этого vakue через изменение атрибута .defaultValue.

  • @КириллШудрин
    @КириллШудрин 3 ปีที่แล้ว

    Подскажите , пытаюсь оплатить премиум подписку на сайте и не получается . Прыгают три точки загрузки и пишет сообщение sorry,some server error .

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

    Подскажите как можно получить домашние задания, и что для этого нужно?

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

    и забудьте, орнул xD

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

    Ответьте пожалуйста почему вы присваиваете переменной firstNameId = "first-name"; а потом ещё присваиваете firstNameEl = firstNameId...
    var firstNameId = "first-name";
    var firstNameEl = document.getElementById("firstNameId");
    Можно ли написать это проще ?
    let firstNameEl = document.getElementById("first-name");
    Тем самым сразу присвоить переменной firstNameEl найденный объект first-name? или я где то запутался))?...

    • @СергейЛуняк-д5е
      @СергейЛуняк-д5е 4 ปีที่แล้ว +2

      вот эта херня реально запутывает на пустом месте

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

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

  • @artempavlenko5147
    @artempavlenko5147 4 ปีที่แล้ว

    в домашнем задании "09 часть 2 - закрепляем" нету макета, точнее картинок .
    исправьте

  • @Camelot1399
    @Camelot1399 4 ปีที่แล้ว

    Лайк

  • @valentynlugovyi4789
    @valentynlugovyi4789 4 ปีที่แล้ว

    good job

  • @ВеликийАнимешник
    @ВеликийАнимешник 3 ปีที่แล้ว

    скажите пожалуйста js-язык програмирования, а разве HTML-не тоже, мы 2 языка учим, или же это просто текстовый редактор для изменения на странице сайта которую. мы создаём с js

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

      HTML- язык гипертекстовой разметки) не программирования. По сути просто каркас веб-страницы. Как Димыч рассказывал про дом. Построили дом- кирпичные стены, потолок, пол (HTML). Поклеили обои, положили на пол ламинат (стилизация - CSS). А JS- уже полноценный язык программирования. Добавление интерактивности, логики, динамики. Если брать тот же пример с домом, то если нажать на выключатель света, то будет включено или выключено освещение.

  • @sweet7884
    @sweet7884 4 ปีที่แล้ว +2

    я Вот смотрю,смотрю, вникаю,вникаю, а потом слышу фразу: "мы перезатерли HTML", и задаюсь вопросом, а зачем его перезатерать?

  • @ОлександрСергійович-ч5ф
    @ОлександрСергійович-ч5ф 2 ปีที่แล้ว

    🤝👍👌

  • @compot8279
    @compot8279 4 ปีที่แล้ว

    офигенно, спасибо

  • @s.gh.4910
    @s.gh.4910 5 ปีที่แล้ว

    Можете скинуть ссылку на видео между 8-9 уроков

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

    value и атрибут 'value' это не совсем одно и тоже, поэтому и не меняется на странице. Я так понимаю...

  • @JikoffGreat
    @JikoffGreat 6 ปีที่แล้ว +21

    Между 8 и 9 уроком точно потерялся еще один урок.

    • @andreynau7662
      @andreynau7662 5 ปีที่แล้ว

      курс HTML и CSS пропущен...

    • @cikada3398
      @cikada3398 5 ปีที่แล้ว +7

      @@andreynau7662 толку начинать JS учить без знания HTML и CSS

    • @andreyvolkov3117
      @andreyvolkov3117 4 ปีที่แล้ว

      @@cikada3398 AI писать

  • @grigoralex406
    @grigoralex406 4 ปีที่แล้ว

    новое значение lastName.value = 'Kamasutra' не меняется, Хотя с именем у меня прошло а вот после lastName нет изменений на странице . Что я не так сделал?
    Переменные идентичны Что по id что по value одно и тоже.

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

      должно быть lastNameEl.value = 'kamasutra'
      с элементом должно быть

  • @volgaandlife
    @volgaandlife 4 ปีที่แล้ว

    в safari тоже не определяет value.

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

    I don't have any hobbies.)))

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

    4 года как не занимался JS, а с этими уроками понял что я многое не понимал

  • @ammonjerro396
    @ammonjerro396 5 ปีที่แล้ว

    Твоё схематическое изображение js и стрелки в правый верхний угол напоминают кое-что....

  • @СергейЛуняк-д5е
    @СергейЛуняк-д5е 4 ปีที่แล้ว +1

    удаляй пожалуйста то, на чем больше не нужно акцентировать внимание. Но ты все равно клевый

  • @КрисМэнникс-б4щ
    @КрисМэнникс-б4щ 5 ปีที่แล้ว

    Ну это уже промах, дружище.. Ну как так... Перепрыгнул через урок, всю малину испортил(

  • @sergeyosenniy8769
    @sergeyosenniy8769 6 ปีที่แล้ว

    А как сделать чтобы оно еще и на андроиде работало? а то там только Html и Css

    • @ITKAMASUTRA
      @ITKAMASUTRA  6 ปีที่แล้ว

      не совсем понимаю вопрос. Вообще говоря, если открыть html файл, в котором будет js и css в браузере мобильном, всё должно работать

    • @sergeyosenniy8769
      @sergeyosenniy8769 6 ปีที่แล้ว

      @@ITKAMASUTRA а вот не работает почемуто((( может там как-то прописывать я андройд должен? или там так же работает браузер как и на пк?

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

      @@sergeyosenniy8769 Можно спросить, вы сделали сайт на компьютере а потом через эту ссылку попытались перейти на андроиде? Или на андроиде сделали сайт и потом пытаетесь перейти.

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

      @@ovva3517 Честно признаться я давно уже разобрался. Есть дот.Нет коре мвс плюс яваскрипт на главной странице. Потом с помощью Html. Particalview можно из мвс в яваскрипт данные перекидывать

  • @valentinprokofev9177
    @valentinprokofev9177 5 ปีที่แล้ว

    Не получается изменить div с помощью innerHTML
    Kiev
    Minsk
    Moscow
    JS, CSS, HTML

    // Тому что слева, мы присваеваем то что справа
    var firstNameId = 'first-name';
    // = это оператор присваивания ... то есть то что слева (переменная) ей присваевается
    // значение спарва.
    var firstNameEl = document.getElementById(firstNameId);
    var lastNameId = 'last-name';
    var lastNameEl = document.getElementById(lastNameId);
    var addressId = 'address';
    var addressEl = document.getElementById(addressId);
    var citiesId = 'cities';
    var citiesEl = document.getElementById(citiesId);
    var hobbiesId = 'hobbies';
    var hobbiesEl = document.getElementById(hobbiesId);
    var avatarWrapperId = 'avatarWrapper';
    var avatarWrapperEl = document.getElementById(avatarWrapperId);
    var avatarId = 'avatar';
    var avatarEl = document.getElementById(avatarId);
    firstNameEl.value = 'Andrey';
    lastNameEl.className = 'last-name-input default-input error-input';
    lastNameEl.title = 'Wrong last name';
    avatarEl.src = 'cs9.pikabu.ru/post_img/2017/01/09/10/1483983610144012756.jpg';

    avatarEl.title = 'I am avatar';
    citiesEl.value = 'Minsk';
    hobbiesEl.value = 'i have no interests';
    avatarWrapperEl.innerHTML = 'abrakabra';
    .default-input {
    border: green 5px solid;
    padding: 5px;
    }
    .error-input {
    border-color: blue;
    }

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

      Диву в html изменить нужно id на 'avatarWrapper'

    • @valentinprokofev9177
      @valentinprokofev9177 5 ปีที่แล้ว

      @@ITKAMASUTRA Спасибо!

  • @6ajkermexx591
    @6ajkermexx591 4 ปีที่แล้ว

    На 22 минуте очень уж прыгаешь со вкладки на вкладку...даже ПАУЗА не помогает!

  • @wirtu_0z
    @wirtu_0z 4 ปีที่แล้ว

    ого 10 месяцев никто не учил js, мб это уже не актуально а я парюсь?) маякните кто нить...))))

    • @АндрейЛуцив-ы6о
      @АндрейЛуцив-ы6о 4 ปีที่แล้ว +2

      привет, увидел твой комментарий, я тоже только начал учить. Думаю курс ещё актуален, так как в нем дают только базу

    • @НаиляМурсальцева
      @НаиляМурсальцева 4 ปีที่แล้ว +1

      привет! я тоже туть:)

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

    I don't have interests*

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

    ребята, это я тут один тупой ? через гугл я просто мастер - программист на скиле ) а так мало что вывожу(( помогите кто с планом учебы ?

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

    25:45 *I am not interested

  • @alissa2232
    @alissa2232 5 ปีที่แล้ว +2

    I am not interested in something

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

    Шли по порядку, а тут бац.... Настрой пропал дальше изучать, ДЗ нет. Урок какой то пропущен походу. Завтра попробую настроиться и смотреть дальше или найду другой обучающий курс, обидно, было все понятно.

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 ปีที่แล้ว

      Постараюсь поискать потерянный урок... илии записать его еще раз !

    • @Polite_person_
      @Polite_person_ 5 ปีที่แล้ว

      @@ITKAMASUTRA буду очень благодарен

  • @ummprsla
    @ummprsla 4 ปีที่แล้ว +2

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

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

    Слишком медленно объясняет

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

      а для чего есть 1.25 или 1.50?

  • @tetyanagon3342
    @tetyanagon3342 6 ปีที่แล้ว +4

    Батенька, а Вы халтурщик!!!

  • @maksimmelnikov4321
    @maksimmelnikov4321 5 ปีที่แล้ว +4

    Начиная с 8 урока в коде ошибки, вы там сами с собой общаетесь? Если вы претендуете на роль гуру и преподавателя, то объяснения должны быть полноценными. "Душа" и "ручка" это нормально вообще? Есть определение функции и переменной, есть массивы, которые требуют внимательного и вдумчивого объяснения. Музыка в курсе вообще не нужна. Насколько я понял очень поверхностное понимание многих моментов. Или просто не умение их объяснить, тогда зачем курс записывать? Вы же для новичков пишите. С болью в глазах это все невозможно смотреть, а тем более воспринимать бормотание себе под нос. Я в шоке от этого курса.

    • @ITKAMASUTRA
      @ITKAMASUTRA  5 ปีที่แล้ว +10

      Максим, спасибо за обратную связь.
      На роль гуру 100% не претендую! )))
      Мои аналогии мне нравятся)) И они заходят новичкам! люблю так чудить!
      Записываю затем, что многим заходит это всё и помогает не испугаться формальных определений (ссылки\указатели\стек\куча\выделениепамяти\адресация...)
      Ищите своего автора! Я и своим студентам всегда говорю: нет крутой для всех книги, курса. объяснения. Нужно искать то, что откликается и заинтересовывает!

    • @ammonjerro396
      @ammonjerro396 5 ปีที่แล้ว +17

      Знаешь, душа и ручка это более понятное, чем переменая-хуеменная. И когда включаешь уроки от того сайта Lynda, и чувак обьясняет тебе курс на своем, профессиональном языке, с правильной терминологией, ты вообще не понимаешь, о чем идет речь.
      Да и вначале написано, что курс рассчитан на нулевые знания. Мне слова: производная, переменная и прочие - ничего не говорят, я не изучал этот предмет. Все равно, что читать состав на колбасе: Е219, Е330, мясо птицы механической обвалки. И пока ты не загуглишь, что это за мясо такое, ты не узнаешь, что это кости, кожа и сухожилия, которые измельчили до состояния муки. Поэтому следуя его урокам, МПМО можно назвать туалетной бумагой, мы будем иметь представление, что нам пытаются втюхнуть.

    • @konstantinsurnin855
      @konstantinsurnin855 5 ปีที่แล้ว

      ты по жизни такой нытик?

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

      Сделай свои обучающие видео без музыка, ручек и поверхностных моментов. В чем проблема?

    • @СергейЛуняк-д5е
      @СергейЛуняк-д5е 4 ปีที่แล้ว +1

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