Игра в пары на Javascript. Самое понятное объяснение

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 74

  • @marever13
    @marever13 Рік тому +6

    Мне безумно нравится, когда Александр предлагает какое-то решение или лишь думает в нужном направлении (подталкивает), а потом предлагает подумать самому и найти решение - прям обожаю такой подход.

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

      Спасибо )) Да-да. Иного хочется предложить решить что-то самому. Это очень полезно, особенно в случае, когда зритель пишет код вместе со мной :)

  • @ilya6710
    @ilya6710 10 місяців тому +2

    Это моя находка что я вас нашел на ютуб, в данный момент прохожу обучение в Skillbox, не всегда все понятно преподносят, но потом просматриваю вас и все становится понятно. Спасибо вам

  • @alena_75
    @alena_75 Рік тому +3

    Александр, спасибо огромное! Это лучшее объяснение - всё очень просто и доступно. После Ваших видео хочется продолжать обучение. Желаю Вам творческих успехов! Творите ещё, у Вас отлично получаются обучающие ролики. Смотрю всё на вашем канале

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

      Безумно приятно читать такие комментарии ☺ ваша поддержка очень вдохновляет!)) спасибо! 😊

  • @ДенисЧекан-ы7ъ
    @ДенисЧекан-ы7ъ 7 місяців тому +1

    Александр, спасибо большое за урок, всё понятно, всё разложили по полочкам, ваш труд не оценим вы помогаете новичкам как я понять и усвоить JavaScript.Дай Бог вам здоровья.Развиваете ваш канал он очень нужен нам.Спасибо большое.

  • @ДенисВладимирович-н4ь

    Александр, большая благодарочка!!! Даже до меня дошло. Большое спасибо за Ваш труд. Это для нас, начинающих так важно и необходимо, что низкий Вам поклон. Вы учите думать как программист. Как работать с самым главным для программиста, логикой. Только посмотрев Ваше видео, что то начало у меня конкретно получаться. Еще раз, огромное спасибо!!!

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

      Безумно приятно читать такую обратную связь ☺ рад, что благодаря моим видео вы развиваетесь в этой сфере 🔥 спасибо!))

  • @ЖизньКисунделя
    @ЖизньКисунделя 5 місяців тому +2

    Александр, спасибо вам огромное! Я тоже обучаюсь на платформе Skillbox, часто бывает что-то непонятно, смотрю ваши видео и восхищаюсь вашей подачей материала, ооочень благодарна вам за вашу работу))

    • @alex_dudukalo
      @alex_dudukalo  5 місяців тому

      Спасибо за просмотр, комментарий и такую крутую оценку моей работы))) это очень приятно и заряжает 😇

  • @viachslav-dev
    @viachslav-dev 4 місяці тому +1

    Побольше контента с играми! Очень хорошо развивает мышление

  • @Зануда-ю7н
    @Зануда-ю7н Рік тому +4

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

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

      Спасибо за ваш комментарий😊 надеюсь и другие видео курса вам понравятся

  • @viachslav-dev
    @viachslav-dev 4 місяці тому +1

    Очень приятный ролик, я попрактиковался на темах, Александр вы хорошо объяснили

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

    Классный урок. Хорошо объясняешь. Спасибо за подробное объяснение, ждём ещё много таких уроков.

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

      Безумно приятно читать такие отзывы☺ ваша поддержка очень мотивирует🤗 оставайтесь на канале

  • @ОльгаПаукова-щ6о

    Александр, и снова огромное спасибо за Ваш труд! Все как всегда - четко, понятно и по полочкам. И голос такой успокаивающий...🙂

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

      Спасибо 😊 ваша поддержка очень вдохновляет 🔥 надеюсь и другие видео канала будут вам полезны))

  • @Unknownname-f3o
    @Unknownname-f3o 10 місяців тому +1

    Очень интересно, понятно чётко сформулирован действия коды легче понимать

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

    Очень нравится ваша легкая подача. Спасибо за урок!❤

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

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

  • @ЕленаХилалова-ы5к

    Спасибо за такое видео, приятно слышать, то как вы объясняете каждый свой шаг. Ждем новые видео)

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

      Спасибо большое, ваша поддержка вдохновляет на продолжение курса 🤗

  • @relaxdeepsleepmusic3608
    @relaxdeepsleepmusic3608 Рік тому +3

    Не надо ускорять видео, очень интересно же и даже баг разобрали👍

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

      Да, но ролик достаточно долгий вышел :) Спасибо вам за комментарий :)

  • @ТалгатДощанов-ч9в

    час пролетел незаметно! Большое спасибо за Ваш труд.
    Ну а я пойду пробовать по памяти повторить эту игру😅❤

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

      Спасибо за комментарий😊 надеюсь у вас все получилось 🔥

  • @АлинаВалеева-у2ч
    @АлинаВалеева-у2ч 7 місяців тому +1

    как всегда превосходное обьяснение ❤

  • @Телонефигура
    @Телонефигура 8 місяців тому +1

    Все очень доступно и понятно! Спасибо!

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

    Супер! 👍 Спасибо)) Как всегда, всё гениальное просто... Ну, почти просто, если знаешь своё дело! 😉

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

      Спасибо за отзыв🤗 ваша поддержка очень вдохновляет

  • @nikitadanilovspb
    @nikitadanilovspb 10 місяців тому

    Классное видео, спасибо) Теперь это всё классно бы стилизовать и на проверку куратору! С первого раза сам бы точно не сделал, но с каждой практической работой получается втягиваться в JS, а самое главное получается влюбляться в этот язык! Трудно, но страшно интересно и то что было не понятно месяц назад - сейчас уже семечки))

  • @АлександрЖмурков-у8з

    Александр, отличное видео, всё понятно, теперь пойду посмотрю про grid

  • @ДарьяВ-ы9ы
    @ДарьяВ-ы9ы Рік тому

    Видео очень полезное! Помогло , потому что как это можно сделать, когда ты новичок, не понятно, и я такими лесами пошла)) очень усложнила все и сама запуталась. Единственное пугает, что вроде все понятно, но все равно пока что в голове манная каша с комочками XD при том что я во время видео ставила на паузы и чистила свой мусор или модифицировала) надеюсь со временем эта информация как то утрясется и можно будет самостоятельно справляться)) Спасибо большое! Самые понятные объяснения!

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

      Спасибо за ваш комментарий😊 надеюсь и другие видео канала будут вам полезны))

  • @НикитаСмирнов-ъ2п

    Спасибо большое) очень интересно, понятно и полезно!)

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

      Спасибо за ваш комментарий 🤗 надеюсь и другие видео курса будут вам полезны))

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

    ты крут! посмотрел уже 3 видео про классы, так что лайк авансом!!!

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

      Ваша поддержка очень вдохновляет, спасибо за отзыв 😊

  • @relaxdeepsleepmusic3608
    @relaxdeepsleepmusic3608 10 місяців тому

    Спасибо Александр, это видео мне очень помогло!

  • @РамильНасыров-м1г
    @РамильНасыров-м1г Місяць тому +1

    Круто! Спасибо!

  • @The-Way-of-Life.
    @The-Way-of-Life. 7 місяців тому

    Лучший, спасибо за урок!

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

    Замечательный урок!

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

      Спасибо за ваш отзыв 🤗🔥

  • @ДенисВладимирович-р4т
    @ДенисВладимирович-р4т 10 місяців тому

    Александр, лучший!)

  • @scullymulder-t3s
    @scullymulder-t3s 2 місяці тому

    классное видео спасибо . этот момент 48:25 видео долгое уже 🤣

    • @alex_dudukalo
      @alex_dudukalo  2 місяці тому

      Большое спасибо за отзыв :) Рад, что вы смотрите

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

    Хорошая практика, спасибо

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

      Спасибо большое за ваш комментарий😊

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

    Александр, спасибо вам большое!
    У вас призвание объяснять сложные вещи просто и доступно!)))
    Учусь в skillbox. Как раз модуль с данным заданием.
    Посоветуйте, пожалуйста, какие поэт-проекты можно сделать на основании полученных знаний? Или, как вариант, переделывать проекты, которые изучаем а момент обучения под себя? Заранее спасибо за ответ.

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

      Здравствуйте, Юлия. Большое спасибо за такой приятный комментарий. Это очень приятно. Я бы подумал о создании небольшого сайта утилиты (одностраничник) Подумайте, с какими проблемами вы сталкиваетесь в жизни и попробуйте сделать мини веб приложение, которое может помочь решить эту проблему. Например, это может быть конвертер величин, какой-то калькулятор расчета. Возможно мини-игра. Я думаю, это должно быть то, что вам самой интересно и вы могли бы пользоваться сами или показать кому то :)

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

    Самое понятное видео на эту тему, для джунов просто сокровище. Также имеется вопрос : Какие есть способы добавить картинки вместо бэкграунда карточек? Еще раз спасибо

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

      Здравствуйте, большое спасибо за ваш комментарий :) Мне очень приятно. Вы можете сделать тег img добавить путь к изображению в атрибут src :)

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

    Спасибо за разбор создания игры!
    Ценю твой контент как студент курса :D
    Дай совет, пожалуйста. Если я буду шаг за шагом писать за тобой, разбираясь в каждых частях кода, не навредит ли такой подход? У меня пока не получается самостоятельно такие вещи писать. Банально, я за тобой пишу, некоторые части пытаюсь написать сам, но сталкиваюсь с затупами или непониманием где в каком месте что писать, хотя я все основы до этого прошел и отлично получалось. С большими логическими задачами пока не получается вот и хотел спросить, можно ли мне просто писать код повторяя его несколько раз, а затем уже, я думаю, можно повторить по памяти.

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

      Спасибо за твой комментарий и очень хороший вопрос. Если ты меня спросишь, является этот ролик шпаргалкой и решением работы, которую ты выполняешь, я отвечу - несомненно. Вопрос в другим, как с ней работать и как она может помочь? По опыту скажу, способ обучения, когда ты смотришь ролик и пишешь вместе с автором (например со мной), а потом по памяти делаете то же самое работает и это реально помогает.
      Посмотри видео один раз. Не делай это много раз. Иначе ты его просто заучите, лучше подсматривай в ролик или сделайте небольшой конспект. Так логические связи будут выстраиваться лучше.
      Поделюсь секретом, когда я впервые решал эту задачу, сам потратил много времени и к такому решению пришел не сразу. Первый мой код был огромный и с ошибками :) На видео я так легко все рассказываю, но это пришло не сразу :)

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

      @@alex_dudukalo спасибо!
      Как раз с логическим выстраиванием проблема, буду учиться! Мне в любом случае еще модернизировать код хочется, сделать стрелочные функции, добавить внешних декораций и стилей побольше.

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

      @@cHIBIs_oO Да, это будет отлично. Добавьте дополнительный функционал в игру. То, чего я не показывал :) Это будет хорошим тренажором.

  • @boruevboris2544
    @boruevboris2544 10 місяців тому +1

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

    • @alex_dudukalo
      @alex_dudukalo  10 місяців тому +1

      Здравствуйте, при завершении игры вы можете повторно вызвать функцию запуска игры, но увеличить значение кол-ва пар :) Это увеличит кол-во карточек и сложно самой игры.

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

    круто

  • @АнтонОРТЗИ
    @АнтонОРТЗИ Рік тому +1

    Добрый день! Вроде есть такое видео, только через классы? Там все нормально работает.

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

      Да, совершенно верно. Для многих тема классов на раннем этапе изучения языка тяжело воспринимается. Я постарался решить эту проблему и записал видео с созданием игры без классов :)

  • @МашаБукина-в1ц
    @МашаБукина-в1ц Рік тому

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

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

    Как же путает эта фигня =) let randomIndex = Math.floor(Math.random() * cardNumbersArray.length);
    let temp = cardNumbersArray[i];
    cardNumbersArray[i] = cardNumbersArray[randomIndex];
    cardNumbersArray[randomIndex] = temp; А вот как начинающему самому додуматься до этого. Как вы выстраиваете алгоритм? Или где можно почитать что бы лучше понимать такие вещи.

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

      Тасование Фишера - Йетса. Она только при просмотре пугает, если немного изучить, то страшного ничего нет)

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

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

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

      Да, в целом два действия. Найти произвольное число. Далее меняем местами :)

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

      Здравствуйте.
      Однажды, чисто для решения одной проблемы - пришлось учить Python.
      Так в нем просто уже есть встроенная функция shuffle( ).
      А я тогда этого не знал и "изобрел " миксер вот точно таким же алгоритмом :)
      Сорян, если прихвастнул :-/
      Хотя МИКСЕР можно написать внедрить в качестве функции по умолчанию через prototype . Но жить такое будет лишь в рамках текущего проекта:-)

    • @Xizo666
      @Xizo666 8 місяців тому +1

      Для обмена значений двух переменных можно использовать деструктурирующее присваивание
      [cardNumberArray[i], cardNumberArray[randomIndex]] = [cardNumberArray[randomIndex], cardNumberArray[i]];