Делаем игру с карточками (Memory) на JavaScript. Урок HTML/CSS/JS

Поділитися
Вставка
  • Опубліковано 8 жов 2024
  • Расскажу как сделать игру с открытием карточек на Javascript (Memory Cards). Игра "Угадай две одинаковые карточки".
    Ссылка на код:
    github.com/dan...
    0:58 - Пишем HTML-код
    02:14 - Пишем CSS-стили
    17:34 - Пишем JS-код
    46:43 - Принимаем работу :)
    Подписывайтесь на канал, обучаю фронтенду просто. Готовится много новых уроков :)
    Права на фоновую музыку:
    Birdhouse by Purrple Cat | purrplecat.com
    Music promoted by www.free-stock...
    Creative Commons / Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
    creativecommon...

КОМЕНТАРІ • 19

  • @ЯрославКалентьев-н8о
    @ЯрославКалентьев-н8о 11 місяців тому +7

    Очень странно что так мало просмотров,такой интересный материал!

  • @mashannushh
    @mashannushh 11 місяців тому +5

    Спасибо за урок) Очень круто объясняешь, и слушать тебя приятно. Желаю успехов в развитии канала)

    • @frontend_corner_ru
      @frontend_corner_ru  11 місяців тому +1

      Большое спасибо за поддержку :) Очень приятно. Желаю успехов )

  • @weepie9103
    @weepie9103 3 місяці тому +1

    Отличные объяснения , спасибо!

  • @mariammartirosyan8399
    @mariammartirosyan8399 3 місяці тому

    @frontend_corner_ru Здравствуйте, видео очень понравилось, спасибо. А можно вместо фруктов поставить собственные картинки? Подскажите пожалуйста как, я буду очень благодарна 😊

  • @kaytoGtr3
    @kaytoGtr3 11 місяців тому +1

    The best =)
    love u

  • @jackson8460
    @jackson8460 11 місяців тому +2

    А как ты так сделал стобы с левой стороны был браузер, а с правой текстовый редактор? Я уже задолбался на open with life server нажимать.

    • @frontend_corner_ru
      @frontend_corner_ru  11 місяців тому

      Просто перетащи окно с кодом на правый край и отпусти мышку, Винда сама развернет это окно на пол экрана. Также и с браузером :)
      Open with life server только один раз надо нажать, зачем несколько раз? :)

  • @elenabelunova
    @elenabelunova 5 місяців тому +1

    Скажите пожалуйста, а почему используется переменная var, а не let? Одни говорят, что var устарела, а другие, я смотрю вовсю его используют. Я поняла, что var используется для кода, который был написан очень давно и который переделывать никто не будет, но он работает. Запуталась немного)

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

      Да, все верно поняли, в видео, кажется, использовал let, const. Где-то затесался var? ) Var устарел (в старом коде можно встретить только), сейчас в коде следует использовать актуальные Let и const.
      Let и const появились в стандарте ES6 и, можно сказать, являются улучшенной версией var. Let и const имеют блочную область видимости (например, они не будут доступны вне условия if, в то время как var будет доступен и вне if ). Также, при обращении к let, const до их объявления, получим ошибку Referencer Error, в то время как при обращении к var вернётся undefined. Поэтому при разработке следует использовать только let, const. Но и знание особенностей var тоже бывает полезно, так как на работе иногда приходиться копаться в чужом коде, который написан давно и с множеством var. Также, в исходном коде старых версий библиотек используются var ;) Надеюсь стало более понятно, старался подробно объяснить :)

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

    А чего новых видео давно не было?

  • @thefiremusic4738
    @thefiremusic4738 11 місяців тому +1

    здравствуйте у меня этот карточка не месте стоит

  • @thefiremusic4738
    @thefiremusic4738 11 місяців тому

    я даже скопировал ваш код так же стоит тупо карточка

    • @frontend_corner_ru
      @frontend_corner_ru  11 місяців тому

      Сами карточки не поворачиваются? В Гитхабе полностью рабочий код, можно оттуда скопировать файлы

    • @kaytoGtr3
      @kaytoGtr3 11 місяців тому +1

      vse rabotaet)

    • @thefiremusic4738
      @thefiremusic4738 11 місяців тому

      я от туда тоже скопировал@@frontend_corner_ru