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

Рет қаралды 2,064

7 ай бұрын

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

Пікірлер: 16

@user-bk4sk5xn4n 7 ай бұрын

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

@frontend_corner_ru 6 ай бұрын

Спасибо 🙏

@mashannushh 7 ай бұрын

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

@frontend_corner_ru 7 ай бұрын

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

@kaytoGtr3 7 ай бұрын

The best =) love u

@elenabelunova 26 күн бұрын

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

@frontend_corner_ru 26 күн бұрын

Да, все верно поняли, в видео, кажется, использовал 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 ;) Надеюсь стало более понятно, старался подробно объяснить :)

@jackson8460 7 ай бұрын

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

@frontend_corner_ru 7 ай бұрын

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