очень круто. надеюсь после окончания всех уроков хотя бы не много начну понимать JS. Ото очень сложно понять. и это единственный урок пока где на реально примере увидел как работает цикл. спасибо. буду ждать второго урока
подскажите что у меня не так, не отображается голова и тело let field = document.createElement('div'); document.body.appendChild(field); field.classList.add('field'); for (let i=1; i
автор, будьте любезны... код на css... первые три строчки, border box. я пользуюсь atom редактором и почему то не хочет он работать..постояно выдает ошибки. я так понимаю вы пользуетесь VSC... но как бы я не настраивал VSC не работает многое как автодополнение в коде. Я потратил немало времени на его настройку и в конце концов остановился на атом. вопрос...можно ли как то написать эти три строчки на атом как то иначе?... второй вопрос плиз.... нужны ли какие то доп плагины ндля джаваскрипта? я поставил что мог по некоторым видео для разработки на джавескрипте, но когда ввожу ваш код джавыскрипта то ввожу почти каждый символ.... явно что-то не работает автоматом.... я начинающий в веб разработке. Пробовал так же вебсторм, но эта среда просто пожиратель оперативки(свыше 1.5гига и виснет не по-детски). потому остановился на атом. Благодарю за ответы.
Переписал я значит, ну норм, но ничего про const, переиспользуются те же конструкции... DRY (don't repeat yourself) тут не работает и чтоб окончательно запутать.. одноимённые переопределяемые переменные =) ну зато прокачает пока разбираешься.. начинаешь врубаться!))
Решил написать за автором. На JS мне эта змейка показалась лёгкой для понимания. Всё делал 1 в 1 так как автор. И в итоге у меня 1. Не по 10 ячеек, как у автора в окне, а то по 3, то по 2. 2. Не прописываются в диве координаты 3. Когда я запускаю консоль - пишет ошибку Вот такая жесть. Хотел написать автору, но у него фейсбука нет. А вк у меня не работает.
И ещё - к тому же в самом коде непонятны вот эти строчки: let field = document.createElement('div'); document.body.appendChild(field); field.classList.add('field'); Откуда они здесь и почему - автор (великий писарь) не объяснил. Ну вообщем не змейка, а полная жесть - это не для начинающего.
Можно. И тот, и другой вариант рабочий. Код можно оптимизировать самостоятельно, как душе угодно, в начале видео говорится, что реализация не отличается оптимальностью
Копировать чью-то идею - это не интересно. Реализацию я придумал с нуля и она далека от идеала. И, к сожалению, я не понимаю о каком именно видео речь, скинешь? В любом случае, сейчас сотни или тысячи различных вариантов реализации данной игры, так что неудивительно, если какие-то из них чем-то похожи друг на друга
Человек создавал код и записывал на видео. На этом этапе у всех это грубые наброски. Главное - идея. А рефакторить рабочую идею - много ума не надо. Благодаря таким видео я учу js. Ещё недавно для меня js был отдельно а разметка отдельно. А вот сейчас придумал как сделать лучше. Спасибо автору и вам за идею. const field = document.createElement('div') field.classList.add('field') document.body.appendChild(field) for(let y = 10; y > 0; y--) { for(let x = 1; x < 11; x++) { let excel = document.createElement('div') excel.classList.add('excel') excel.setAttribute('posx', x) excel.setAttribute('posy', y) field.appendChild(excel) } }
Ты прав, вложенный цикл и короче, и оптимальнее. В любом случае, у каждого есть возможность сократить и оптимизировать код, так как он далек от идеала и тут есть что совершенствовать
Я уже написал, переписал и понял. Отличная подача! Хочу ещё!)
Класс!!! Я ещё в самом начале js, но это круто!
Все еще учите?
класный канал!!!
очень круто. надеюсь после окончания всех уроков хотя бы не много начну понимать JS. Ото очень сложно понять. и это единственный урок пока где на реально примере увидел как работает цикл. спасибо. буду ждать второго урока
Спасибо за комментарий. Уроков всего три по змейке, вряд ли они тебе помогут освоить основы js целиком, но паре-тройке фишек ты научишься
спасибо за урок
Спасибо за урок,
очень круто спасибо
У меня пишет Uncaught TypeError: Cannot read property 'appendChild' of null. Как исправить?
СПАСИБО
подскажите что у меня не так, не отображается голова и тело
let field = document.createElement('div');
document.body.appendChild(field);
field.classList.add('field');
for (let i=1; i
автор, будьте любезны... код на css... первые три строчки, border box. я пользуюсь atom редактором и почему то не хочет он работать..постояно выдает ошибки. я так понимаю вы пользуетесь VSC... но как бы я не настраивал VSC не работает многое как автодополнение в коде. Я потратил немало времени на его настройку и в конце концов остановился на атом. вопрос...можно ли как то написать эти три строчки на атом как то иначе?... второй вопрос плиз.... нужны ли какие то доп плагины ндля джаваскрипта? я поставил что мог по некоторым видео для разработки на джавескрипте, но когда ввожу ваш код джавыскрипта то ввожу почти каждый символ.... явно что-то не работает автоматом.... я начинающий в веб разработке. Пробовал так же вебсторм, но эта среда просто пожиратель оперативки(свыше 1.5гига и виснет не по-детски). потому остановился на атом. Благодарю за ответы.
Жду 2 урока
интересно!
Надеюсь 2 урок будет)
в понедельник должен выйти второй урок, подлиннее и посложнее
@@ArtemPrygin-h5g жду)
А правильно ли добавлять такие атрибуты с точки зрения валидности? Может лучше добавлять как data?
data лучше, тут для простоты и наглядности акцент на другом
Переписал я значит, ну норм, но ничего про const, переиспользуются те же конструкции... DRY (don't repeat yourself) тут не работает и чтоб окончательно запутать.. одноимённые переопределяемые переменные =) ну зато прокачает пока разбираешься.. начинаешь врубаться!))
"Go live" (1:32) где такое взять? у себя в VSC не нашел. За урок спасибо!
Надо усановить расширение в вс кодере
@@YuliiaJV спасибо, разобрался уже :-)
Лучше сперва наполнить узел поля клетками, а потом добавить его в body, чем 100 раз трогать DOM.
А координаты точкам я бы задал, высчитывая и округляя offset от родителя, ну это уже кто как хочет)
Спасибо за комментарий, хороший совет
@@ArtemPrygin-h5gпомогите, пожалуйста. У меня Поле не создаётся.
@@ДаниилКирик-л8е деньги
А почему x и y равны 1 и 10 а не нулям?
Так, вроде, проще:
let field = document.createElement('div');
document.body.appendChild(field);
field.classList.add('field');
for(let i=10; i > 0; i--){
for(let j=0; j < 10; j++){
let excel = document.createElement('div');
field.appendChild(excel);
excel.classList.add('excel');
excel.setAttribute('x', j);
excel.setAttribute('y', i);
}
}
Всё здорово, но сделай пожалуйста что то со звуком.
Как добавить еще измерение, сделав ее трехмерной?
На js? Навскидку даже не скажу, явно не тривиальная задача. Попробуй посмотреть в сети, реализовывал ли кто-нибудь подобное
А canvas не лучше использовать в данном примере?
Не уверен, что canvas это тема для новичков, но возможно ты и прав, спасибо за комментарий
когда 2 урок?
В понедельник 28.01 вечером
Зачем классы создал?
Решил написать за автором. На JS мне эта змейка показалась лёгкой для понимания. Всё делал 1 в 1 так как автор. И в итоге у меня
1. Не по 10 ячеек, как у автора в окне, а то по 3, то по 2.
2. Не прописываются в диве координаты
3. Когда я запускаю консоль - пишет ошибку
Вот такая жесть.
Хотел написать автору, но у него фейсбука нет. А вк у меня не работает.
И ещё - к тому же в самом коде непонятны вот эти строчки:
let field = document.createElement('div');
document.body.appendChild(field);
field.classList.add('field');
Откуда они здесь и почему - автор (великий писарь) не объяснил. Ну вообщем не змейка, а полная жесть - это не для начинающего.
Код:
let field = document.createElement('div');
document.body.appendChild(field);
field.classList.add('field');
for(let i=1; i 10){
x = 1;
y--;
}
excel[i].setAttribute('posX', x);
excel[i].setAttribute('posY', y);
x++;
}
@@Torpedo-ZIL Это ты пока просто тупенький, через годик будешь писать что код не очень и можно было сделать лучше
Материал хороший.Ну есть проблема.Ты не объясняешь за что отвечает и как работает строка.
Подскажи, какие строчки тебе не понятны больше всего?
Артем Прыгин мне немного не понятно, это es6?
А у кого-нибудь еще игра зависает начисто после 10-15ти съеденных мышей?
А в одном цикле нельзя было?
Можно. И тот, и другой вариант рабочий. Код можно оптимизировать самостоятельно, как душе угодно, в начале видео говорится, что реализация не отличается оптимальностью
Змеи едят мышей, кот не нужен.
В том видео, с которого ты спиздил идею, парень пишет эту змейку за 3 минуты
Копировать чью-то идею - это не интересно. Реализацию я придумал с нуля и она далека от идеала. И, к сожалению, я не понимаю о каком именно видео речь, скинешь? В любом случае, сейчас сотни или тысячи различных вариантов реализации данной игры, так что неудивительно, если какие-то из них чем-то похожи друг на друга
В чём проблема использовать вложенный цикл вместо этого чертового условия при каждом проходе? Хреновый ты программист
Человек создавал код и записывал на видео. На этом этапе у всех это грубые наброски. Главное - идея. А рефакторить рабочую идею - много ума не надо. Благодаря таким видео я учу js. Ещё недавно для меня js был отдельно а разметка отдельно. А вот сейчас придумал как сделать лучше. Спасибо автору и вам за идею.
const field = document.createElement('div')
field.classList.add('field')
document.body.appendChild(field)
for(let y = 10; y > 0; y--) {
for(let x = 1; x < 11; x++) {
let excel = document.createElement('div')
excel.classList.add('excel')
excel.setAttribute('posx', x)
excel.setAttribute('posy', y)
field.appendChild(excel)
}
}
Ты прав, вложенный цикл и короче, и оптимальнее. В любом случае, у каждого есть возможность сократить и оптимизировать код, так как он далек от идеала и тут есть что совершенствовать