С чего начать изучение js, основные функции?

Question

[astonam]

Добрый вечер. Я хочу сделать игру, но не знаком с js и нужен совет с чего надо начать. Выучу его быстро, знаком с C++ и php. Понимание есть.

А вот что надо реализовать.

Игрок выбирает id действия, кол-во раз этого действия (Есть ограничение, например 3. Можно повторить это действие 3 раза или 3 других, но по одному) и координаты и нажимает кнопку (отправляется событие, желательно что бы json прилетал на сервер).

Примерно вот такой json должен генерировать.

{
   "session": "session",
   "lastName": "id",
   "action": [{
       "id": "307",
       "count": "2",
       "location": 1011101
   },{
       "id": "1801",
       "count": "1",
       "location": 1011111
   }]
   "hash": "hash",
   "var1": true
}

Как серверную часть написать я в прицепи знаю, html тоже) Можно на с++ писать или взять php фрейморк lumen, думаю потянет)

Что бы не учить сейчас весь js, подскажите с чего надо начать. Так сказать основу и что поможет реализовать все это. Может тоже взять фрейм, меньше ошибок наделаю.. И имеет смысл использовать websokets или ajax хватит?


Спасибо за понимание, и человеческое спасибо за ответы)

Это однозначно события,

Answer 1

[Дмитрий Лузанов]

Тык

Comments

[astonam]

Я тут уже 3й час сижу читаю)

Answer 2

[Troodi Larson]

Ну в js есть свои функции, которые в целом знать бы неплохо, т.к. зная js можно связки очень хорошие. Если знаешь другие ЯП то это проще, только надо быть готовым к тому что JS работает по событиям, т.е. часто надо создавать эвенты на какое-либо действие. Если браузерное приложение, то можно взять jquery и там уже с его помощью можно чуть проще колдовать, т.к. там все готово для использования. Да и доков русских много, для понимания тоже достаточно прост.

Comments

[astonam]

В целом, он сильно отличается от с++, ближе похож на java

А что скажешь про React JS?
Все же мне нужна скорость, простой обработчик события по клику.. да и добавить, удалить, т.е функции.
Для обновления списка, кстати а как запомнить... массивы, локальное хранилище, переменные, отсылать на сервер один вариант, не вариант. Скажем он выбрал 4 действия, значит будет 4 id.. как мне записать их а главное куда))

Скажем у нас есть такая форма.

<p class='ActionBox' data-id='120'> select</p>
<p class='ActionBox' data-id='133'> select</p>
<p class='ActionBox' data-id='140'> select</p>

<p class='ActionGO' data-='session'> ok</p>

Он тыкает на первое действие с id120 2 раза.. и один раз тыкнул на id133.
А после на ok, подтверждение.

Как я понимаю при клике должно срабатывать событие, которое вызывает функции.
Функция записи, сложение, обновления и отправки. итд, не суть. (понимаю как что работает)
Не понимаю как записать все эти значение, а главное куда..

В переменную, затолкать массив ? В сессию и куки писать, ну они не для этого. Локальное хранилище уже не оправдано, если только кэшировать туда... и тогда можно там все хранить.. но вроде бы кэш автоматически создается.. В общем мне надо будет записывать от 1кб инф. ну до 1мб. что бы передавать ее серверу.
Мне кажется только через переменную, в которую заталкиваем массив.. это массив конвертируем в json и посылаем. Послав его можно получить бяку от пользователя. Тоже не плохой вопрос..

[Troodi Larson]

Работа либо с массовами, либо. LocalStorage, но там все равно массив данных придется обрабатывать, а какой фреймворк выбрать - тебе решать, в целом подойдет любой. Так что работайте с массивами, если надо передать на сервер что-то, передать на обработчик php можно и в виде строки, где данные будут через разделитель, а потом уже explode сделает в php массив.

[astonam]

Troodi Larson: Да уже разобрался) Глупый вопрос задал, надо было с начала почитать)
Про библиотеки знаю только о существовании.

Многие нахваливают React JS, а jquery это уже больше на славное прошлое похоже.
Есть еще angular, но опять же надо разобраться. На это уже уйдет больше времени ибо надо изучить все..

А в целом, я правильно понял. Создаем интерфейс, упрощенная корзина для магазина можно сказать.
Создаем класс <p class='ActionBox' data-id='140'> select</p>
Как только мы кликнем на select, обработчик подхватит событие обработает и запишет в переменную, где есть массив. Этот массив будет храниться в ОЗУ, до какого момента ? До обновления сайта, перехода внутри сайта (из site.ru на site.ru/page1) или закрытия вкладки. Понятно что когда браузер закроется, данные точно пропадут из озу.

[Troodi Larson]

Все события хранятся до перезагрузки страницы.