zuevkirill95 / simon_electronic_game Goto Github PK

Учись ориентироваться в проекте.
Комменты и изменения могут касаться:

• строки кода,
• файла,
• коммита в целом,
• пулл реквеста,
• ветки,
• issues - это по проекту целиком.

Следи за ними и давай обратную связь типа "исправил/понял/изучил/сделаю до 04.08.17/лучше вот так.../прочитал по ссылке про ..." итд.

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

Дальше работаем с файликом app.js.

Переходишь в /master.
Делаешь git fetch
Видишь кое-какие изменения в коде App.js

Задача:
Новая ветка features/buttonEvents
Написать constructor для компонента.
В state засунуть пустой массив gameSequence
По клику на кнопке в gameSequence надо дописывать её индекс (добавь атрибут id=[0..3] в button

Ниже сделай небольшой отладочный контейнер, в котором будет отображаться gameSequence в виде маленьких блоков цвета нажатых кнопок с цифрами индексами внутри

Делаешь новую ветку: feature/react-app.
Готовишь пустой хелловорлд на реакте.
Делаешь пулл реквест.
Дальше будем прикручивать к ней игрульку.

Дальше создаешь отдельный проект и изучаешь https://maxfarseer.gitbooks.io/react-course-ru/content/
Поймешь чистый реакт - поедем дальше

В дальнейшем не стоит сразу делать пуш в мастер. Сначала создаешь бранч с названием типа "feature/new_feature_name", пушишь в неё и делаешь пулл реквест на меня.

1. div block-unit поменяй на баттоны. Это всё-таки кнопки.
2. start-circle - то же самое.
3. цвета в css используй в HSL нотации. Заодно почитай, что это такое и чем отличаются RGB(a), hex, HSL и зачем всё это нужно.
4. Посмотри свойство box-shadow, сделай картинку более живой и объёмной.

Создай новый отладочный компонент computerSequense
Он будет такой же как sequenceContainer, но в нем будет последовательность, сгенеренная игрой.

Кнопка в центре будет кроме сброса начинать новую игру.
Нужно добавить функции addComputerStep, checkSequense

Процесс такой:

resetSequence-> addComputerStep -> addSequenceStep -> checkSequense
дальше проверка соответствия и либо снова
addComputerStep -> addSequenceStep -> checkSequense
либо новый экшн endGame
который выведет сообщение об окончании игры.

В стор добавляем computerSequense, gameState - текущее состояние игры: null/active/finished
Соответсвенно в экшенах проверяем computerSequense === gameSequence

Если возникают какие-то, пусть даже глупые, вопросы по ходу работы - пиши в телеграм - быстро всё решим