Это не был проект, в котором я узнал много нового материала или добился каких-то огромных успехов. Однако, оглядываясь назад, постфактум… это показало мне, как многому я научился. Даже с момента запуска Speedrun менее трех недель назад.

Было так много мелочей, что я сделал этот проект, почти не задумываясь о них. Использование промисов, обработка запросов API, использование JavaScript для захвата и изменения элементов на экране… базовые вещи, но сейчас это происходит гораздо более естественно, чем две недели назад.

Размышления

В этом проекте я сделал только одну «новую» вещь. Впервые я намеренно использовал код ES6 в своем проекте во внешнем интерфейсе. Я использовал ES6 в некотором коде на стороне сервера, но не решался использовать его во внешнем интерфейсе. Я не знаю, какие браузеры и версии браузеров будут работать правильно, и я до сих пор не решился разобраться с полифиллами и транспилированием.

Это означает, что использование ES6 может быть хорошим решением. Я думаю, это только вопрос времени, когда я стисну зубы и выясню, как использовать Babel. Или что-то.

Однако на самом деле эти новые функции сделали программирование проще и приятнее. Здесь только несколько:

Использование API выборки:

Это вообще было для меня впервые. Раньше я делал вызовы API с помощью jQuery и с сервера, используя модуль запроса npm. Но все мои другие проекты Speedrun использовали синтаксис new XMLHttpRequest(). Это намного приятнее. Отчасти потому, что он короче. В основном потому, что вы получаете обещание обратно.

А это значит, что вы можете сделать это:

Игра с синтаксисом:

И как только я все равно решил использовать новые функции, не было причин не повеселиться с ними, верно?

Я использовал присваивание деструктурирования, чтобы распаковать массив разрешенных промисов:

А затем использовал «let» для блочного обзора просто потому, что мне было лень выяснять, нужно ли мне это. (Я не знал.)

Я также использовал новые литералы шаблонов для создания HTML divs с информацией о пользователе:

Последние мысли

Выяснение Babel (или другого транспилятора) определенно должно войти в мой список дел. В то же время, поскольку до этапа 2 Speedrun осталось всего несколько дней, я думаю, что собираюсь вернуться к проектам API и попытаться их закончить.

(Живое демо этого проекта доступно ЗДЕСЬ. Код ЗДЕСЬ.)

Далее: слой абстракции поиска изображений.