Найти в Дзене

Игры/приложения на JS реальность или вымысел?

Всем привет! Многим уже надоела нудная и очень болезненная тема для всего человечества - Коронавирус. Но что, если мы постараемся жить дальше несмотря на пандемию, находясь в своих квартирах/загородных домах и радуясь наступающему лету. Ах, благодать... Хватит раскисать! Сказал я себе,... а не, не так все было. Рано утром 16 апреля наткнулся на баннер очередных онлайн курсов программирования. Спустя время, обратил внимание на название команды курсов - Яндекс.Практикум. А потому в результате все же перешел по ссылке, хотя уже давно этого не делал (считаю это разводом на деньги)... Приступая к бесплатной теме курса WEB-разработчик сразу обратил внимание на интересный монолог между мной и вымышленными Катей и Сашей... Это меня и зацепило. Однако платные курсы пока не приобрел, но и не об этом сейчас речь. В первом же задании они (Катя и Саша) поручили мне починить кнопку. Кнопку, которая ставит лайки, назовем ее - Лайкер. В разметке немного шарю, в стилях тоже, но с JS всегда было сложно

Всем привет!

Многим уже надоела нудная и очень болезненная тема для всего человечества - Коронавирус. Но что, если мы постараемся жить дальше несмотря на пандемию, находясь в своих квартирах/загородных домах и радуясь наступающему лету. Ах, благодать...

Хватит раскисать! Сказал я себе,... а не, не так все было.

Рано утром 16 апреля наткнулся на баннер очередных онлайн курсов программирования. Спустя время, обратил внимание на название команды курсов - Яндекс.Практикум. А потому в результате все же перешел по ссылке, хотя уже давно этого не делал (считаю это разводом на деньги)...

Приступая к бесплатной теме курса WEB-разработчик сразу обратил внимание на интересный монолог между мной и вымышленными Катей и Сашей... Это меня и зацепило. Однако платные курсы пока не приобрел, но и не об этом сейчас речь.

В первом же задании они (Катя и Саша) поручили мне починить кнопку. Кнопку, которая ставит лайки, назовем ее - Лайкер. В разметке немного шарю, в стилях тоже, но с JS всегда было сложновато, но именно это и еще одно упражнение (рисунок 1) заставило меня поверить в свои силы.

Рисунок 1 - Последняя тема в бесплатном курсе Яндекс.Практикума
Рисунок 1 - Последняя тема в бесплатном курсе Яндекс.Практикума
JavaScript – это интерпретируемый язык программирования (операторы языка, синтаксические элементы программы транслируются друг за другом и сразу выполняются – интерпретируются)

Результатом пройденного курса стало желание продолжить обучаться, но отсутствие понятия, как изучать данный язык программирования привело меня к тому, что сначала решил просто поискать литературу по JavaScript.

Скачал значит несколько книг, и в одной из них (рисунок 2), вычитал про программу Sublime Text 3, которую незамедлительно установил. Потому как без нее, вам вряд ли удастаться хорошо программировать за пределами Яндекс.Практикума.

Рисунок 2 - Справочник для чайников по JavaScript
Рисунок 2 - Справочник для чайников по JavaScript

Пройдя всего одну главу (№2) мне захотелось большего... чего-то более мощного (в плане сложности логики кода на JS), ну прям наикрутейшего для своих возможностей и знаний. Вбил в поисковик игры на JS и кликнул по первой попавшей ссылке и не прогадал!

Да!, мне не понятна концовку кода (где употребляют, например, {snake.pop();}), но зато сразу, как дизайнер прикинул, что хочу видеть в итоге (цвет игрового поля, его длина и ширина, цвет змейки...), и начал действовать по рекомендации автора Змейки...

В JavaScript метод pop() позволяет удалить последний элемент из массива и возвратить его значение. Этот метод изменяет длину массива.

Результатом чего стала такая вот змейка (рисунок 3).

Рисунок 3 - Змейка 2020 (Это картинка!)
Рисунок 3 - Змейка 2020 (Это картинка!)

Итак, теперь можно и к ответу на вопрос, указанный в шапке темы, подойти:

Игры/приложения на JS реальность или вымысел?

Да, это реальность, во всяком случае по мнению экспертов в сфере IT, количество программистов, изучающих и осваивающих JS, за последние 10 лет возросло, о чем свидетельствует эта и многие другие статьи. Причина тому явное превалировании мобильных устройств (смартфоны, планшеты, нетбуки и т.п.) в повседневном использовании у среднестатистического юзера по сравнению со стационарными компьютерами. Рост простых (в плане кода) и малообъемных (в плане памяти) мобильных приложений. Например код Змейки 2020 суммарно занял около 100 срок (html, css, js) и менее 0,1 МБ (рисунок 4).

Рисунок 4 - Папка с файлами игрой
Рисунок 4 - Папка с файлами игрой

Ну и самым главным аргументом всегда было и будет - доступность литературы/онлайн-курсов/видеокурсов программирования, а также до сих пор актуальная политика истребления Flash-приложений.

Сейчас перед некоторыми разработчиками стоит задача в портирования Flash-приложений в веб-приложения на JS.

Всем спасибо! Не болейте и развивайтесь!

FAQ: 1. Как запустить игру Змейка 2020?

Нажмите курсором в любую часть страницы.

2. Как играть в змейку на смартфоне (планшете)?

Во-первых, ее желательно запускать с компьютера, а, во-вторых, управление - стрелочками =).

P.S. Ставьте лайки и подписываетесь, контент будет разнообразный, но каждый найдет, то что ему понравится!

P.P.S. Существуют и другие сделанные игры на JS, вы можете их опробовать уже сейчас прямо здесь.