Этот этап был веселым, но временами трудным. Я узнал много нового и до сих пор не могу понять некоторые концепции. Я чувствовал себя наиболее уверенно в концепциях, которые мы рассмотрели во время лабораторных работ по программированию на классных лекциях с нашим наставником. Проект Javascript был очень открытым, и я не знал, с чего начать, поэтому я поговорил со своим наставником, и мы решили, что простая игра в змейку подойдет для тренировки моих новых навыков Javascript, с базой данных макета, чтобы продемонстрировать наше понимание. выборки и основных внутренних операций
Некоторые из моих любимых вещей — манипулирование DOM и настройка прослушивателей событий для прослушивания взаимодействия пользователя со страницей. Например, мы используем «document.getElementById» и «.addEventListener», чтобы настроить клавиши со стрелками для перемещения элемента HTML вверх, вниз, влево и вправо, вызывая изменение его положения с помощью манипуляций с DOM после того, как мы ve получил нажатия клавиш от пользователя.
Иногда мне было труднее понять синтаксис и структуру кода. Иногда я точно не знаю, какую логику написать, или часть синтаксиса, которой мне не хватает, чтобы заставить код и конечный продукт работать. Я считаю, что много практики с лабораторными работами и упражнениями наиболее полезны — когда у меня много повторяющегося кода, это просто клики, когда я понимаю, что делает каждый маленький фрагмент синтаксиса. Если я все еще застрял, я пытаюсь найти помощь в исследовании Google или спрашивая моих друзей и наставника.
Проект Javascript был действительно интересным, потому что я мог постоянно видеть свой прогресс. Это одна из моих любимых вещей в этой области — когда вы создаете свое приложение или веб-сайт, вы можете сразу увидеть изменения, а также протестировать их! Я бы сказал, что самыми сложными частями в создании моего проекта игры со змеями были создание логики для состояния «игра окончена» (например, столкновение с границей или столкновение с самим собой) и включение API базы данных макета с запросом GET. Самыми приятными частями были создание функций и прослушивателей событий Javascript с манипулированием DOM, чтобы заставить змею двигаться, потреблять пищу, расти и взаимодействовать с нажатиями клавиш.
Мой процесс создания этого проекта состоял из нескольких частей. Первым было создание диаграммы «прецедентов», которая демонстрировала основные особенности моего проекта, а также версию MVP (минимально жизнеспособного продукта). MVP моего проекта было создание базовой рабочей игры. Игра основана на популярной мобильной игре «Змейка», поэтому в нее включены важные функции, такие как автоматически движущаяся змея, генератор случайных блюд, условие завершения игры и система подсчета очков. Еще одна небольшая функция, которую я включил, — это кнопка паузы в игре (на случай, если вам понадобится отдохнуть от вашей марафонской игры в змей!).
Дополнительные функции, не включенные в MVP, включают фиктивную базу данных с функцией fetch(). В этой функции страница позволяет вам щелкнуть кнопку и увидеть список предыдущих воображаемых «высоких показателей». Последней функцией, которую я не смог добавить до крайнего срока, был запрос POST, так как оказалось, что он занимает слишком много времени и не может быть завершен в разумные сроки для подготовки и представления окончательного проекта. Это то, что я добавлю в следующем обновлении/коммите (надеюсь, через несколько дней!) игры. Следите за обновлениями!
