Тетрис на чистом JavaScript | Урок 1 | Академия вёрстки

Первый урок из плейлиста по созданию тетриса на чистом JavaScript для новичков от Артёма Прыгина. Пишите в комментариях как вам видеоурок.

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

Больше контента в нашей группе Вконтакте
Присоединяйтесь к нашему сообществу Discord

-----------
Я использую хостинг Link Host с 2014 года

Каналы с крутыми фичами на CSS и JavaScript:

Канал с терминами для айтишников:

Канал, где публикуют ссылки на полезные сервисы и сайты:

[alexredcross]

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

[nightdog]

Блин, сижу и думаю, ломаю голову минут 10 что же не так, переписал несколько раз всю нижнюю часть, пока не полез смотреть на то какой хтмл вывод ячеек, и обнаружил где в коде опечатался:
excel[i].setAttribute("posX", x);
excel[i].setAttribute("posX", y);
ну просто молодец)

[vseravnovoobwe]

Спасибо. Очень интересный урок, особенно для новичков. Наталкивает даже на интересные эксперименты с подобной техникой)

[KsingHuo]

если у кого-то возникает ошибка на стадии создания фигуры, попробуйте использовать нормальный генератор случайных чисел. здесь у автора что-то сомнительное. const randomX = (min, max) => Math.trunc(Math.random() * (max - min + 1) + min), и вызывайте через randomX(0, 6) для набора из семи фигур. переменную curFig можно инициализировать сразу же массивом с нужной фигурой, тогда следующий шаг будет проще. в каждый изначальный массив фигуры можно добавить четвёртый элемент строку figureNameХ, чтобы при отладке выводить её и видеть, какую кракозябру нужно исправить. я тоже новичок, эти моменты дались мне непросто, но весьма помогли.

[xagent]

написал данный код. выдает ошибку в конце функции create, когда добавляем класс figure "Uncaught TypeError: Cannot read property 'classList' of null" что я сделал не так вообще не понимаю

[klviuyi]

Правильно, не надо писать на ES6 и заворачивать значения в функции))) 100 циклов и 100 квери селекторов в массив, ещё лучше надо было написать конкатенацией, чтоб как в змейке сделать кучу адских чем меньше прогеров, тем лучше))), если писать такой манки код на собесе где нибудь... тебя сразу пошлют =), эта серия уроков я так понимаю, чтобы затянуть на курс!

[hiphopik]

Помогите пожалуйста открываю index.html и не отоброжается сетка excel. Все делал как в видео .Кто знает в чем проблема?

[metalcorewitchkhousovitch]

Как я рад читать строчку "на чистом JS", а то задолбали эти "калькулятор за 5 минут на jQuery, Moment, Angular, Vue и React"

[AVWest.]

объясните пожалуйста, почему не появились ячейки в поле?

[yusupaliyevbekzat]

не понял 52 строку;почему он воспользоваться querySelector ом 19:07

[sashanikitin]

если не отображаются фигуры нужно закомментировать вспомогательные переменные
```
// вспомогательная переменная
//let currentFigure = 0;
//let figureBody = 0;
```

[kievlyanin]

можно линк на код для тех кто ленится пол часа слушать?

[artemaltufiev]

в следующем видосе расскажите по больше про то, как excel может помочь верстальщику

[cowxfog]

Народ что делать если невидимая часть тетриса снизу а не сверху?

[anthonytilis]

Добрый день! У меня какая-то проблема в функции create(). Она почему-то выдает undefined... Можно кому-то код показать? Моих скромных познаний по отладке и поиску проблем явно не хватает!!! :)

[letzabelin]

Привет. После добавления класса тетрис в мэйн, у мэйна пропадает левый бордер. Везде есть чёрная граница, кроме левой стороны. С чем это может быть связано?

[DerAleksey]

В "brackets" это сделать можно?

[mimik]

зачем вспомогательная переменная let i = 0 ?

[vanzo]

а "эксельный" документ для себя или без него не будет работать?

[Speane]

Зачем голые атрибуты писать? Есть же специальные атрибуты data-*